@mescius/spread-sheets 19.0.4 → 19.0.5

package/dist/gc.spread.sheets.d.ts

@@ -75,6 +75,71 @@ declare module GC{
             "above"|"below"|"equalOrAbove"|"equalOrBelow"|"above1StdDev"|"below1StdDev"|"above2StdDev"|"below2StdDev"|"above3StdDev"|"below3StdDev"
         
 
+        /**
+         * @typedef GC.Data.ButtonListOptions
+         * @property {string} type - The type of the cell type, supports "buttonList".
+         * @property {GC.Data.ItemOptions[]} items - Gets or sets the items for the buttonList list, which supports Object Array which each item contains text and value.
+         * @property {string} direction - Gets or sets the buttonList list's orders, which support "horizontal", "vertical".
+         * @property {number} maxColumnCount - Gets or sets the items for the buttonList list's column count.
+         * @property {number} maxRowCount - Gets or sets the items for the buttonList list's row count.
+         * @property {boolean} isFlowLayout - Gets or sets the buttonList list's layout is auto fit.
+         * @property {Object} itemSpacing - Gets or sets the space for two items in the buttonList.
+         * @property {number} itemSpacing.horizontal - The space for two items in horizontal direction.
+         * @property {number} itemSpacing.vertical - The space for two items in vertical direction.
+         * @property {string} selectedBackColor - Gets or sets the selected buttonList's background color.
+         * @property {string} selectedForeColor - Gets or sets the selected buttonList's fore color.
+         * @property {string} padding - Gets or sets the buttonList's padding in pixels relative to the cell.
+         * @property {string} selectionMode - Gets or sets the buttonList's select mode, which supports "single", "multiple".
+         */
+        export type ButtonListOptions = 
+            {
+                /**
+                 * The type of the cell type, supports "buttonList".
+                 */
+                type: "buttonList";
+                /**
+                 * Gets or sets the items for the buttonList list, which supports Object Array which each item contains text and value.
+                 */
+                items: GC.Data.ItemOptions[];
+                /**
+                 * Gets or sets the buttonList list's orders, which support "horizontal", "vertical".
+                 */
+                direction?: "horizontal" | "vertical";
+                /**
+                 * Gets or sets the items for the buttonList list's column count.
+                 */
+                maxColumnCount?: number;
+                /**
+                 * Gets or sets the items for the buttonList list's row count.
+                 */
+                maxRowCount?: number;
+                /**
+                 * Gets or sets the buttonList list's layout is auto fit.
+                 */
+                isFlowLayout?: boolean;
+                /**
+                 * Gets or sets the space for two items in the buttonList.
+                 */
+                itemSpacing?: { horizontal: number; vertical: number };
+                /**
+                 * Gets or sets the selected buttonList's background color.
+                 */
+                selectedBackColor?: string;
+                /**
+                 * Gets or sets the selected buttonList's fore color.
+                 */
+                selectedForeColor?: string;
+                /**
+                 * Gets or sets the buttonList's padding in pixels relative to the cell.
+                 */
+                padding?: string;
+                /**
+                 * Gets or sets the buttonList's select mode, which supports "single", "multiple".
+                 */
+                selectionMode?: "single" | "multiple";
+            }
+        
+
         /**
          * @typedef GC.Data.CellButtonOptions
          * @property {string} position - The button's position in cell, which supports "left", "right", "leftOfText", "rightOfText".
@@ -232,31 +297,31 @@ declare module GC{
                 /**
                  * The caption.
                  */
-                caption: string;
+                caption?: string;
                 /**
                  * The text when cell value is true.
                  */
-                textTrue: string;
+                textTrue?: string;
                 /**
                  * The text when cell value is indeterminate.
                  */
-                textIndeterminate: string;
+                textIndeterminate?: string;
                 /**
                  * The text when cell value is false.
                  */
-                textFalse: string;
+                textFalse?: string;
                 /**
                  * The text alignment relative to the check box, which supports "top", "bottom", "left", "right".
                  */
-                textAlign: "top" | "bottom" | "left" | "right";
+                textAlign?: "top" | "bottom" | "left" | "right";
                 /**
                  * Whether the check box supports three states.
                  */
-                isThreeState: boolean;
+                isThreeState?: boolean;
                 /**
                  * The check box size.
                  */
-                boxSize: number;
+                boxSize?: number;
             }
         
 
@@ -412,6 +477,19 @@ declare module GC{
             }
         
 
+        /**
+         * @typedef GC.Data.CustomCellTypeOptions
+         * @property {string} typeName - The type name of the customized cell type.
+         */
+        export type CustomCellTypeOptions = 
+            {
+                /**
+                 * The type name of the customized cell type.
+                 */
+                typeName: string;
+            }
+        
+
         /**
          * @typedef GC.Data.DataBarAxisPosition
          * @type {"automatic"|"cellMidPoint"|"none"}
@@ -1303,27 +1381,27 @@ declare module GC{
                 /**
                  * The color of the link.
                  */
-                linkColor: string;
+                linkColor?: string;
                 /**
                  * The color of the visited link.
                  */
-                visitedLinkColor: string;
+                visitedLinkColor?: string;
                 /**
                  * The text of the link.
                  */
-                text: string;
+                text?: string;
                 /**
                  * The tooltip of the link.
                  */
-                linkToolTip: string;
+                linkToolTip?: string;
                 /**
                  * The type of the link's target, which support "blank", "self", "parent", "top".
                  */
-                target: "blank" | "self" | "parent" | "top";
+                target?: "blank" | "self" | "parent" | "top";
                 /**
                  * Whether to move to the active cell when clicked.
                  */
-                activeOnClick: boolean;
+                activeOnClick?: boolean;
             }
         
 
@@ -2519,31 +2597,31 @@ declare module GC{
                 /**
                  * The the radio box or check box's orders, which support "horizontal", "vertical".
                  */
-                direction: "horizontal" | "vertical";
+                direction?: "horizontal" | "vertical";
                 /**
                  * The the radio box or check box's column count.
                  */
-                maxColumnCount: number;
+                maxColumnCount?: number;
                 /**
                  * The the radio box or check box's row count.
                  */
-                maxRowCount: number;
+                maxRowCount?: number;
                 /**
                  * The the radio box or check box's layout is auto fit.
                  */
-                isFlowLayout: boolean;
+                isFlowLayout?: boolean;
                 /**
                  * The space for two items.
                  */
-                itemSpacing: { horizontal: number; vertical: number };
+                itemSpacing?: { horizontal: number; vertical: number };
                 /**
                  * The text alignment relative to the radio box or check box, which supports "left", "right".
                  */
-                textAlign: "left" | "right";
+                textAlign?: "left" | "right";
                 /**
                  * The radio box or check box size.
                  */
-                boxSize: number;
+                boxSize?: number;
             }
         
 
@@ -2726,7 +2804,7 @@ declare module GC{
          * @property {boolean} wordWrap - Whether words wrap within the cell or cells.
          * @property {boolean} shrinkToFit - Whether content shrinks to fit the cell or cells.
          * @property {string} backgroundImage - The background image to display.
-         * @property {GC.Data.CheckboxOptions | GC.Data.ComboBoxOptions | GC.Data.HyperlinkOptions | GC.Data.FileUploadOptions | GC.Data.RadioButtonCheckboxListOptions} cellType - The cell type.
+         * @property {GC.Data.CheckboxOptions | GC.Data.ComboBoxOptions | GC.Data.HyperlinkOptions | GC.Data.FileUploadOptions | GC.Data.RadioButtonCheckboxListOptions | GC.Data.ButtonListOptions | GC.Data.CustomCellTypeOptions} cellType - The cell type.
          * @property {string} backgroundImageLayout - The layout for the background image, which supports "stretch", "center", "zoom", "none".
          * @property {boolean} tabStop - Whether the user can set focus to the cell using the Tab key.
          * @property {GC.Data.TextDecoration} textDecoration - The decoration added to text.
@@ -2821,7 +2899,7 @@ declare module GC{
                 /**
                  * The cell type.
                  */
-                cellType?: GC.Data.CheckboxOptions | GC.Data.ComboBoxOptions | GC.Data.HyperlinkOptions | GC.Data.FileUploadOptions | GC.Data.RadioButtonCheckboxListOptions;
+                cellType?: GC.Data.CheckboxOptions | GC.Data.ComboBoxOptions | GC.Data.HyperlinkOptions | GC.Data.FileUploadOptions | GC.Data.RadioButtonCheckboxListOptions | GC.Data.ButtonListOptions | GC.Data.CustomCellTypeOptions;
                 /**
                  * The layout for the background image, which supports "stretch", "center", "zoom", "none".
                  */
@@ -24797,13 +24875,13 @@ declare module GC{
                  * ```javascript
                  * // This example sets the external source with workbook JSON.
                  * spread.getActiveSheet().setFormula(0, 0, "[calc.xlsx]Sheet1!A1");  // spread cell A1 value is #REF!
-                 * spread2.getActiveSheet().setFormula(0, 0, "=123+1"); \xa0// spread2 cell A1 value is 124
+                 * spread2.getActiveSheet().setFormula(0, 0, "=123+1");  // spread2 cell A1 value is 124
                  * spread.updateExternalReference("calc.xlsx", spread2.toJSON());  // spread cell A1 value is 124
                  * // Set the data with simple JSON data:
-                 * spread.getActiveSheet().setFormula(0, 0, "=SUM([calc.xlsx]Sheet1!A1:B2"); \xa0// spread cell A1 value is #REF!
-                 * spread.updateExternalReference("calc.xlsx", {"Sheet1":[[1, 2],[1, 3]]}); \xa0// spread cell A1 value is 7
-                 * spread.updateExternalReference("calc.xlsx", {"Sheet1":{0:{0:10, 1:10}, 1:{0:10, 1:10}}}); \xa0// spread cell A1 value is 40
-                 * spread.updateExternalReference("calc.xlsx", {"Sheet1":{1:{0:2, 1:2}}}, null, true); \xa0// spread cell A1 value is 24 after the merge update.
+                 * spread.getActiveSheet().setFormula(0, 0, "=SUM([calc.xlsx]Sheet1!A1:B2");  // spread cell A1 value is #REF!
+                 * spread.updateExternalReference("calc.xlsx", {"Sheet1":[[1, 2],[1, 3]]});  // spread cell A1 value is 7
+                 * spread.updateExternalReference("calc.xlsx", {"Sheet1":{0:{0:10, 1:10}, 1:{0:10, 1:10}}});  // spread cell A1 value is 40
+                 * spread.updateExternalReference("calc.xlsx", {"Sheet1":{1:{0:2, 1:2}}}, null, true);  // spread cell A1 value is 24 after the merge update.
                  * // This example sets the external values with the successCallback result of GC.Spread.Sheets.IO.getPartialValues
                  * let refList = spread.getExternalReferences(true);
                  * GC.Spread.Sheets.IO.getPartialValues(refList, getFile, (externalValues) => {
@@ -61131,47 +61209,47 @@ declare module GC{
                     /**
                      * Whether promoting menu item to show
                      */
-                    promoteMenuItemVisible: false,
+                    promoteMenuItemVisible?: boolean,
                     /**
                      * Whether demoting menu item to show
                      */
-                    demoteMenuItemVisible: false,
+                    demoteMenuItemVisible?: boolean,
                     /**
                      * Whether moving up menu item to show
                      */
-                    moveUpMenuItemVisible: false,
+                    moveUpMenuItemVisible?: boolean,
                     /**
                      * Whether moving down menu item to show
                      */
-                    moveDownMenuItemVisible: false,
+                    moveDownMenuItemVisible?: boolean,
                     /**
                      * Whether adding before menu item to show
                      */
-                    addBeforeMenuItemVisible: false,
+                    addBeforeMenuItemVisible?: boolean,
                     /**
                      * Whether adding after menu item to show
                      */
-                    addAfterMenuItemVisible: false,
+                    addAfterMenuItemVisible?: boolean,
                     /**
                      * Whether adding above menu item to show
                      */
-                    addAboveMenuItemVisible: false,
+                    addAboveMenuItemVisible?: boolean,
                     /**
                      * Whether adding below menu item to show
                      */
-                    addBelowMenuItemVisible: false,
+                    addBelowMenuItemVisible?: boolean,
                     /**
                      * Whether expanding all level menu item to show
                      */
-                    expandAllLevelMenuItemVisible: false,
+                    expandAllLevelMenuItemVisible?: boolean,
                     /**
                      * Whether collapsing all level menu item to show
                      */
-                    collapseAllLevelMenuItemVisible: false,
+                    collapseAllLevelMenuItemVisible?: boolean,
                     /**
                      * Whether expanding to level menu item to show
                      */
-                    expandToLevelMenuItemVisible: false,
+                    expandToLevelMenuItemVisible?: boolean,
                 }
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mescius/spread-sheets",
-  "version": "19.0.4",
+  "version": "19.0.5",
   "main": "index.js",
   "description":"A Complete Microsoft Excel-like JavaScript Spreadsheet for Enterprise Applications",
   "scripts": {},

package/styles/gc.spread.sheets.css

@@ -4320,6 +4320,15 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   display: none;
 }
 
+.gc-panel .gc-panel-header-padding-right {
+  padding-right: 92px;
+}
+.gc-panel .gc-panel-header-padding-right .gc-panel-header-text {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
 .gc-ai-pt-capsule {
   display: flex;
   justify-content: center;

package/styles/gc.spread.sheets.excel2013darkGray.css

@@ -4360,6 +4360,15 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   display: none;
 }
 
+.gc-panel .gc-panel-header-padding-right {
+  padding-right: 92px;
+}
+.gc-panel .gc-panel-header-padding-right .gc-panel-header-text {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
 .gc-ai-pt-capsule {
   display: flex;
   justify-content: center;

package/styles/gc.spread.sheets.excel2013lightGray.css

@@ -4365,6 +4365,15 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   display: none;
 }
 
+.gc-panel .gc-panel-header-padding-right {
+  padding-right: 92px;
+}
+.gc-panel .gc-panel-header-padding-right .gc-panel-header-text {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
 .gc-ai-pt-capsule {
   display: flex;
   justify-content: center;

package/styles/gc.spread.sheets.excel2013white.css

@@ -4352,6 +4352,15 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   display: none;
 }
 
+.gc-panel .gc-panel-header-padding-right {
+  padding-right: 92px;
+}
+.gc-panel .gc-panel-header-padding-right .gc-panel-header-text {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
 .gc-ai-pt-capsule {
   display: flex;
   justify-content: center;

package/styles/gc.spread.sheets.excel2016black.css

@@ -4363,6 +4363,15 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   display: none;
 }
 
+.gc-panel .gc-panel-header-padding-right {
+  padding-right: 92px;
+}
+.gc-panel .gc-panel-header-padding-right .gc-panel-header-text {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
 .gc-ai-pt-capsule {
   display: flex;
   justify-content: center;

package/styles/gc.spread.sheets.excel2016colorful.css

@@ -4356,6 +4356,15 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   display: none;
 }
 
+.gc-panel .gc-panel-header-padding-right {
+  padding-right: 92px;
+}
+.gc-panel .gc-panel-header-padding-right .gc-panel-header-text {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
 .gc-ai-pt-capsule {
   display: flex;
   justify-content: center;

package/styles/gc.spread.sheets.excel2016darkGray.css

@@ -4352,6 +4352,15 @@ div[gcUIElement=gcSpread] .gc-base-spread-div {
   display: none;
 }
 
+.gc-panel .gc-panel-header-padding-right {
+  padding-right: 92px;
+}
+.gc-panel .gc-panel-header-padding-right .gc-panel-header-text {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
 .gc-ai-pt-capsule {
   display: flex;
   justify-content: center;