379 lines
12 KiB
JavaScript
379 lines
12 KiB
JavaScript
/////////////////////////////////////////////////////////////////////////////////////////////////////
|
|
|
|
var StyleBuilder = function (options) {
|
|
|
|
var customNumFmtId = 164;
|
|
|
|
|
|
|
|
var table_fmt = {
|
|
0: 'General',
|
|
1: '0',
|
|
2: '0.00',
|
|
3: '#,##0',
|
|
4: '#,##0.00',
|
|
9: '0%',
|
|
10: '0.00%',
|
|
11: '0.00E+00',
|
|
12: '# ?/?',
|
|
13: '# ??/??',
|
|
14: 'm/d/yy',
|
|
15: 'd-mmm-yy',
|
|
16: 'd-mmm',
|
|
17: 'mmm-yy',
|
|
18: 'h:mm AM/PM',
|
|
19: 'h:mm:ss AM/PM',
|
|
20: 'h:mm',
|
|
21: 'h:mm:ss',
|
|
22: 'm/d/yy h:mm',
|
|
37: '#,##0 ;(#,##0)',
|
|
38: '#,##0 ;[Red](#,##0)',
|
|
39: '#,##0.00;(#,##0.00)',
|
|
40: '#,##0.00;[Red](#,##0.00)',
|
|
45: 'mm:ss',
|
|
46: '[h]:mm:ss',
|
|
47: 'mmss.0',
|
|
48: '##0.0E+0',
|
|
49: '@',
|
|
56: '"上午/下午 "hh"時"mm"分"ss"秒 "' };
|
|
var fmt_table = {};
|
|
|
|
for (var idx in table_fmt) {
|
|
fmt_table[table_fmt[idx]] = idx;
|
|
}
|
|
|
|
|
|
// cache style specs to avoid excessive duplication
|
|
_hashIndex = {};
|
|
_listIndex = [];
|
|
|
|
return {
|
|
|
|
initialize: function (options) {
|
|
|
|
this.$fonts = XmlNode('fonts').attr('count',0).attr("x14ac:knownFonts","1");
|
|
this.$fills = XmlNode('fills').attr('count',0);
|
|
this.$borders = XmlNode('borders').attr('count',0);
|
|
this.$numFmts = XmlNode('numFmts').attr('count',0);
|
|
this.$cellStyleXfs = XmlNode('cellStyleXfs');
|
|
this.$xf = XmlNode('xf')
|
|
.attr('numFmtId', 0)
|
|
.attr('fontId', 0)
|
|
.attr('fillId', 0)
|
|
.attr('borderId', 0);
|
|
|
|
this.$cellXfs = XmlNode('cellXfs').attr('count',0);
|
|
this.$cellStyles = XmlNode('cellStyles')
|
|
.append(XmlNode('cellStyle')
|
|
.attr('name', 'Normal')
|
|
.attr('xfId',0)
|
|
.attr('builtinId',0)
|
|
);
|
|
this.$dxfs = XmlNode('dxfs').attr('count', "0");
|
|
this.$tableStyles = XmlNode('tableStyles')
|
|
.attr('count','0')
|
|
.attr('defaultTableStyle','TableStyleMedium9')
|
|
.attr('defaultPivotStyle','PivotStyleMedium4')
|
|
|
|
|
|
this.$styles = XmlNode('styleSheet')
|
|
.attr('xmlns:mc','http://schemas.openxmlformats.org/markup-compatibility/2006')
|
|
.attr('xmlns:x14ac','http://schemas.microsoft.com/office/spreadsheetml/2009/9/ac')
|
|
.attr('xmlns','http://schemas.openxmlformats.org/spreadsheetml/2006/main')
|
|
.attr('mc:Ignorable','x14ac')
|
|
.prefix('<?xml version="1.0" encoding="UTF-8" standalone="yes"?>')
|
|
.append(this.$numFmts)
|
|
.append(this.$fonts)
|
|
.append(this.$fills)
|
|
.append(this.$borders)
|
|
.append(this.$cellStyleXfs.append(this.$xf))
|
|
.append(this.$cellXfs)
|
|
.append(this.$cellStyles)
|
|
.append(this.$dxfs)
|
|
.append(this.$tableStyles);
|
|
|
|
|
|
// need to specify styles at index 0 and 1.
|
|
// the second style MUST be gray125 for some reason
|
|
|
|
var defaultStyle = options.defaultCellStyle || {};
|
|
if (!defaultStyle.font) defaultStyle.font = {name: 'Calibri', sz: '12'};
|
|
if (!defaultStyle.font.name) defaultStyle.font.name = 'Calibri';
|
|
if (!defaultStyle.font.sz) defaultStyle.font.sz = 11;
|
|
if (!defaultStyle.fill) defaultStyle.fill = { patternType: "none", fgColor: {}};
|
|
if (!defaultStyle.border) defaultStyle.border = {};
|
|
if (!defaultStyle.numFmt) defaultStyle.numFmt = 0;
|
|
|
|
this.defaultStyle = defaultStyle;
|
|
|
|
var gray125Style = JSON.parse(JSON.stringify(defaultStyle));
|
|
gray125Style.fill = {patternType: "gray125", fgColor: { }}
|
|
|
|
this.addStyles([defaultStyle, gray125Style]);
|
|
return this;
|
|
},
|
|
|
|
// create a style entry and returns an integer index that can be used in the cell .s property
|
|
// these format of this object follows the emerging Common Spreadsheet Format
|
|
addStyle: function (attributes) {
|
|
|
|
var hashKey = JSON.stringify(attributes);
|
|
var index = _hashIndex[hashKey];
|
|
if (index == undefined) {
|
|
|
|
index = this._addXf(attributes); //_listIndex.push(attributes) -1;
|
|
_hashIndex[hashKey] = index;
|
|
}
|
|
else {
|
|
index = _hashIndex[hashKey];
|
|
}
|
|
return index;
|
|
},
|
|
|
|
// create style entries and returns array of integer indexes that can be used in cell .s property
|
|
addStyles: function (styles) {
|
|
var self = this;
|
|
return styles.map(function (style) {
|
|
return self.addStyle(style);
|
|
})
|
|
},
|
|
|
|
_duckTypeStyle: function(attributes) {
|
|
|
|
if (typeof attributes == 'object' && (attributes.patternFill || attributes.fgColor)) {
|
|
return {fill: attributes }; // this must be read via XLSX.parseFile(...)
|
|
}
|
|
else if (attributes.font || attributes.numFmt || attributes.border || attributes.fill) {
|
|
return attributes;
|
|
}
|
|
else {
|
|
return this._getStyleCSS(attributes)
|
|
}
|
|
},
|
|
|
|
_getStyleCSS: function(css) {
|
|
return css; //TODO
|
|
},
|
|
|
|
// Create an <xf> record for the style as well as corresponding <font>, <fill>, <border>, <numfmts>
|
|
// Right now this is simple and creates a <font>, <fill>, <border>, <numfmts> for every <xf>
|
|
// We could perhaps get fancier and avoid duplicating auxiliary entries as Excel presumably intended, but bother.
|
|
_addXf: function (attributes) {
|
|
|
|
|
|
var fontId = this._addFont(attributes.font);
|
|
var fillId = this._addFill(attributes.fill);
|
|
var borderId = this._addBorder(attributes.border);
|
|
var numFmtId = this._addNumFmt(attributes.numFmt);
|
|
|
|
var $xf = XmlNode('xf')
|
|
.attr("numFmtId", numFmtId)
|
|
.attr("fontId", fontId)
|
|
.attr("fillId", fillId)
|
|
.attr("borderId", borderId)
|
|
.attr("xfId", "0");
|
|
|
|
if (fontId > 0) {
|
|
$xf.attr('applyFont', "1");
|
|
}
|
|
if (fillId > 0) {
|
|
$xf.attr('applyFill', "1");
|
|
}
|
|
if (borderId > 0) {
|
|
$xf.attr('applyBorder', "1");
|
|
}
|
|
if (numFmtId > 0) {
|
|
$xf.attr('applyNumberFormat', "1");
|
|
}
|
|
|
|
if (attributes.alignment) {
|
|
var $alignment = XmlNode('alignment');
|
|
if (attributes.alignment.horizontal) { $alignment.attr('horizontal', attributes.alignment.horizontal);}
|
|
if (attributes.alignment.vertical) { $alignment.attr('vertical', attributes.alignment.vertical);}
|
|
if (attributes.alignment.indent) { $alignment.attr('indent', attributes.alignment.indent);}
|
|
if (attributes.alignment.readingOrder) { $alignment.attr('readingOrder', attributes.alignment.readingOrder);}
|
|
if (attributes.alignment.wrapText) { $alignment.attr('wrapText', attributes.alignment.wrapText);}
|
|
if (attributes.alignment.textRotation!=undefined) { $alignment.attr('textRotation', attributes.alignment.textRotation);}
|
|
|
|
$xf.append($alignment).attr('applyAlignment',1)
|
|
|
|
}
|
|
this.$cellXfs.append($xf);
|
|
var count = +this.$cellXfs.children().length;
|
|
|
|
this.$cellXfs.attr('count', count);
|
|
return count - 1;
|
|
},
|
|
|
|
_addFont: function (attributes) {
|
|
|
|
if (!attributes) { return 0; }
|
|
|
|
var $font = XmlNode('font')
|
|
.append(XmlNode('sz').attr('val', attributes.sz || this.defaultStyle.font.sz))
|
|
.append(XmlNode('name').attr('val', attributes.name || this.defaultStyle.font.name))
|
|
|
|
if (attributes.bold) $font.append(XmlNode('b'));
|
|
if (attributes.underline) $font.append(XmlNode('u'));
|
|
if (attributes.italic) $font.append(XmlNode('i'));
|
|
if (attributes.strike) $font.append(XmlNode('strike'));
|
|
if (attributes.outline) $font.append(XmlNode('outline'));
|
|
if (attributes.shadow) $font.append(XmlNode('shadow'));
|
|
|
|
if (attributes.vertAlign) {
|
|
$font.append(XmlNode('vertAlign').attr('val', attributes.vertAlign))
|
|
}
|
|
|
|
|
|
if (attributes.color) {
|
|
if (attributes.color.theme) {
|
|
$font.append(XmlNode('color').attr('theme', attributes.color.theme))
|
|
|
|
if (attributes.color.tint) { //tint only if theme
|
|
$font.append(XmlNode('tint').attr('theme', attributes.color.tint))
|
|
}
|
|
|
|
} else if (attributes.color.rgb) { // not both rgb and theme
|
|
$font.append(XmlNode('color').attr('rgb', attributes.color.rgb))
|
|
}
|
|
}
|
|
|
|
this.$fonts.append($font);
|
|
|
|
var count = this.$fonts.children().length;
|
|
this.$fonts.attr('count', count);
|
|
return count - 1;
|
|
},
|
|
|
|
_addNumFmt: function (numFmt) {
|
|
if (!numFmt) { return 0; }
|
|
|
|
if (typeof numFmt == 'string') {
|
|
var numFmtIdx = fmt_table[numFmt];
|
|
if (numFmtIdx >= 0) {
|
|
return numFmtIdx; // we found a match against built in formats
|
|
}
|
|
}
|
|
|
|
if (/^[0-9]+$/.exec(numFmt)) {
|
|
return numFmt; // we're matching an integer against some known code
|
|
}
|
|
numFmt = numFmt
|
|
.replace(/&/g, '&')
|
|
.replace(/</g, '<')
|
|
.replace(/>/g, '>')
|
|
.replace(/"/g, '"')
|
|
.replace(/'/g, ''');
|
|
|
|
var $numFmt = XmlNode('numFmt')
|
|
.attr('numFmtId', (++customNumFmtId))
|
|
.attr('formatCode', numFmt);
|
|
|
|
this.$numFmts.append($numFmt);
|
|
|
|
var count = this.$numFmts.children().length;
|
|
this.$numFmts.attr('count', count);
|
|
return customNumFmtId ;
|
|
},
|
|
|
|
_addFill: function (attributes) {
|
|
|
|
if (!attributes) { return 0; }
|
|
|
|
var $patternFill = XmlNode('patternFill')
|
|
.attr('patternType', attributes.patternType || 'solid');
|
|
|
|
if (attributes.fgColor) {
|
|
var $fgColor = XmlNode('fgColor');
|
|
|
|
//Excel doesn't like it when we set both rgb and theme+tint, but xlsx.parseFile() sets both
|
|
//var $fgColor = createElement('<fgColor/>', null, null, {xmlMode: true}).attr(attributes.fgColor)
|
|
if (attributes.fgColor.rgb) {
|
|
|
|
if (attributes.fgColor.rgb.length == 6) {
|
|
attributes.fgColor.rgb = "FF" + attributes.fgColor.rgb /// add alpha to an RGB as Excel expects aRGB
|
|
}
|
|
|
|
$fgColor.attr('rgb', attributes.fgColor.rgb);
|
|
$patternFill.append($fgColor);
|
|
}
|
|
else if (attributes.fgColor.theme) {
|
|
$fgColor.attr('theme', attributes.fgColor.theme);
|
|
if (attributes.fgColor.tint) {
|
|
$fgColor.attr('tint', attributes.fgColor.tint);
|
|
}
|
|
$patternFill.append($fgColor);
|
|
}
|
|
|
|
if (!attributes.bgColor) {
|
|
attributes.bgColor = { "indexed": "64"}
|
|
}
|
|
}
|
|
|
|
if (attributes.bgColor) {
|
|
var $bgColor = XmlNode('bgColor').attr(attributes.bgColor);
|
|
$patternFill.append($bgColor);
|
|
}
|
|
|
|
var $fill = XmlNode('fill')
|
|
.append($patternFill);
|
|
|
|
this.$fills.append($fill);
|
|
|
|
var count = this.$fills.children().length;
|
|
this.$fills.attr('count', count);
|
|
return count - 1;
|
|
},
|
|
|
|
_getSubBorder: function(direction, spec) {
|
|
|
|
var $direction = XmlNode(direction);
|
|
if (spec){
|
|
if (spec.style) $direction.attr('style', spec.style);
|
|
if (spec.color) {
|
|
var $color = XmlNode('color');
|
|
if (spec.color.auto) {
|
|
$color.attr('auto', spec.color.auto);
|
|
}
|
|
else if (spec.color.rgb) {
|
|
$color.attr('rgb', spec.color.rgb);
|
|
}
|
|
else if (spec.color.theme || spec.color.tint) {
|
|
$color.attr('theme', spec.color.theme || "1");
|
|
$color.attr('tint', spec.color.tint || "0");
|
|
}
|
|
$direction.append($color)
|
|
}
|
|
}
|
|
return $direction;
|
|
},
|
|
|
|
_addBorder: function (attributes) {
|
|
if (!attributes) { return 0; }
|
|
|
|
var self = this;
|
|
|
|
var $border = XmlNode('border')
|
|
.attr("diagonalUp",attributes.diagonalUp)
|
|
.attr("diagonalDown",attributes.diagonalDown);
|
|
|
|
var directions = ["left","right","top","bottom","diagonal"];
|
|
|
|
directions.forEach(function(direction) {
|
|
$border.append(self._getSubBorder(direction, attributes[direction]))
|
|
});
|
|
this.$borders.append($border);
|
|
|
|
var count = this.$borders.children().length;
|
|
this.$borders.attr('count', count);
|
|
return count -1;
|
|
},
|
|
|
|
toXml: function () {
|
|
return this.$styles.toXml();
|
|
}
|
|
}.initialize(options||{});
|
|
}
|
|
|
|
|