Merge branch 'master' of ssh://code.fineres.com:7999/~dailer/fineui

bin/cli/cli.js

@@ -1,44 +1,21 @@
 #!/usr/bin/env node
+const yargs = require('yargs/yargs');
+const { hideBin } = require('yargs/helpers');
 
 const workerCmd = require('./worker/cli.worker');
 
-function getArgs (startIndex = 1) {
-    const args = {};
-    process.argv
-        .slice(startIndex, process.argv.length)
-        .forEach(arg => {
-        // long arg
-        if (arg.slice(0, 2) === '--') {
-            const longArg = arg.split('=');
-            const longArgFlag = longArg[0].slice(2, longArg[0].length);
-            const longArgValue = longArg.length > 1 ? longArg[1] : true;
-            args[longArgFlag] = longArgValue;
-            // flags
-        } else if (arg[0] === '-') {
-            const flags = arg.slice(1, arg.length);
-            args[flags] = true;
-        }
-    });
+const argv = yargs(hideBin(process.argv)).argv;
 
-    return args;
-}
+const cmd = argv._[0];
 
 const cmds = new Map([
     ['worker', workerCmd],
 ]);
 
-const baseCmd = 'fui-cli';
-
-const startIndex = process.argv.findIndex(argv => argv.indexOf(baseCmd) !== -1);
-
-if (startIndex === -1) {
-    throw new Error(`Command ${baseCmd} not found in args`);
-}
-
-const cmd = process.argv[startIndex + 1];
+if (!cmd) throw new Error('Command is undefined!');
 
 if (cmds.has(cmd)) {
-    cmds.get(cmd)?.exec(getArgs(startIndex + 2));
+    cmds.get(cmd)?.exec(argv);
 } else {
     throw new Error(`Command ${cmd} not supported`);
 }

bin/cli/worker/cli.worker.js

@@ -5,7 +5,7 @@ function first2UpperCase(str) {
     return str.toLowerCase().replace(/( |^)[a-z]/g, L => L.toUpperCase());
 }
 
-function scanAndCreate(structure, workerName, root = process.env.INIT_CWD) {
+function scanAndCreate(structure, workerName, root) {
     Object.keys(structure)
         .forEach(name => {
             if (typeof structure[name] === 'object') {
@@ -60,7 +60,7 @@ module.exports = {
             },
         };
 
-        scanAndCreate(structure, name);
+        scanAndCreate(structure, name, args.where ? path.resolve(args.where) : process.cwd());
     },
 };
 

demo/js/case/demo.segment.js

@@ -1,28 +1,28 @@
 Demo.Func = BI.inherit(BI.Widget, {
     props: {
-        baseCls: "demo-func"
+        baseCls: "demo-func",
     },
 
     render: function () {
         BI.createWidget({
-            type: "bi.vertical",
+            type: "bi.horizontal",
             element: this,
             vgap: 20,
             hgap: 30,
             items: [{
                 type: "bi.segment",
                 items: [{
-                    text: "1",
-                    value: 1
+                    text: "较长的选项1",
+                    value: 1,
                 }, {
-                    text: "2",
-                    value: 2
+                    text: "选项2",
+                    value: 2,
                 }, {
-                    text: "3",
-                    value: 3
-                }]
-            }]
+                    text: "选项3",
+                    value: 3,
+                }],
+            }],
         });
-    }
+    },
 });
 BI.shortcut("demo.segment", Demo.Func);

package.json

@@ -1,6 +1,6 @@
 {
   "name": "fineui",
-  "version": "2.0.20221109193835",
+  "version": "2.0.20221115175620",
   "description": "fineui",
   "main": "dist/fineui_without_conflict.min.js",
   "types": "dist/lib/index.d.ts",
@@ -86,5 +86,9 @@
     "registry": "https://registry.npmjs.org"
   },
   "author": "fanruan",
-  "license": "MIT"
+  "license": "MIT",
+  "dependencies": {
+    "@types/yargs": "17.0.13",
+    "yargs": "17.6.2"
+  }
 }

src/base/single/button/buttons/button.js

@@ -71,6 +71,35 @@
         render: function () {
             var o = this.options, self = this;
 
+            // bi.center_adapt 作用：让 hgap 不影响 iconGap。
+            BI.createWidget({
+                type: "bi.center_adapt",
+                horizontalAlign: o.textAlign,
+                element: this,
+                ref: (ref) => {
+                    self.containerRef = ref;
+                },
+                hgap: o.hgap,
+                vgap: o.vgap,
+                items: self.generateItems()
+            });
+
+            // 如果 options 对应的属性为 true 则给元素添加 class
+            var classArr = ["block", "clear", "ghost", "plain", "loading", "light"];
+            BI.each(classArr, function (_, clz) {
+                if (BI.get(o, clz) === true) {
+                    self.element.addClass(clz);
+                }
+            });
+
+            if (o.minWidth > 0) {
+                this.element.css({ "min-width": BI.pixFormat(o.minWidth) });
+            }
+        },
+
+        generateItems(defaultRenderIcon) {
+            var o = this.options;
+
             // 由于button默认情况下有个边框，所以要主动算行高
             var lineHeight, textHeight = o.textHeight;
             var hasBorder = false
@@ -90,7 +119,32 @@
                 }
             }
 
-            var iconInvisible = !o.loading && !o.iconCls && !o.icon;
+            var iconInvisible = !(o.loading || o.iconCls || o.icon || defaultRenderIcon);
+
+            var textWidth = o.textWidth;
+            if (BI.isNull(o.textWidth)) {
+                textWidth = (o.minWidth > 0 && o.width < o.minWidth) ? o.minWidth : o.width;
+                textWidth -= (o.hgap * 2 + o.iconGap)
+                textWidth -= iconInvisible || isVertical(o.iconPosition) ? 0 : this._const.iconWidth
+            }
+            this.text = BI.createWidget({
+                type: "bi.label",
+                text: o.text,
+                whiteSpace: o.whiteSpace,
+                textAlign: o.textAlign,
+                textWidth: textWidth,
+                textHeight: BI.toPix(textHeight, hasBorder ? 2 : 0),
+                height: BI.toPix(lineHeight, hasBorder ? 2 : 0),
+                value: o.value,
+                title: null,
+            });
+
+            if (iconInvisible) {
+                return [this.text]
+            }
+
+            this._iconRendered = true;
+
             if (BI.isPlainObject(o.icon) && !o.loading) {
                 this.icon = BI.createWidget(o.icon);
             } else {
@@ -107,64 +161,24 @@
                 });
             }
 
-            // 用户可能设置的 width 小于按钮的最小宽度
-            var actualWidth = (o.minWidth > 0 && o.width < o.minWidth) ? o.minWidth : o.width;
-            var textWidth = iconInvisible && o.width ? actualWidth - o.hgap * 2 : null;
-            if (BI.isNotNull(o.textWidth)) {
-                // textWidth 需要减去图标
-                textWidth = o.textWidth - (iconInvisible || isVertical(o.iconPosition) ? 0 : this._const.iconWidth);
-            }
-            this.text = BI.createWidget({
-                type: "bi.label",
-                text: o.text,
-                whiteSpace: o.whiteSpace,
-                textAlign: o.textAlign,
-                textWidth: textWidth,
-                textHeight: BI.toPix(textHeight, hasBorder ? 2 : 0),
-                height: BI.toPix(lineHeight, hasBorder ? 2 : 0),
-                value: o.value,
-                title: null,
-            });
-            var layoutType = "bi.horizontal";
             var gapContainer = {
                 lgap: o.iconPosition === "left" && o.text ? o.iconGap : 0,
                 rgap: o.iconPosition === "right" ? o.iconGap : 0,
                 tgap: o.iconPosition === "top" ? o.iconGap : 0,
                 bgap: o.iconPosition === "bottom" ? o.iconGap : 0,
             };
+
             var items = [this.icon, BI.extend({ el: this.text }, gapContainer)];
-            if (isVertical(o.iconPosition)) {
-                layoutType = "bi.vertical";
-            }
             if (o.iconPosition === "right" || o.iconPosition === "bottom") {
-                items = [BI.extend({el: this.text}, gapContainer), this.icon];
+                items.reverse();
             }
-            // bi.center_adapt 作用：让 hgap 不影响 iconGap。
-            BI.createWidget({
-                type: "bi.center_adapt",
-                horizontalAlign: o.textAlign,
-                element: this,
-                hgap: o.hgap,
-                vgap: o.vgap,
-                items: [{
-                    type: layoutType,
+
+            return [{
+                type: isVertical(o.iconPosition) ? "bi.vertical" : "bi.horizontal",
                 horizontalAlign: "center",
                 verticalAlign: "middle",
-                    items: items,
-                }],
-            });
-
-            var classArr = ["block", "clear", "ghost", "plain", "loading", "light"];
-            // 如果 options 对应的属性为 true 则给元素添加 class
-            BI.each(classArr, function (_, clz) {
-                if (BI.get(o, clz) === true) {
-                    self.element.addClass(clz);
-                }
-            });
-
-            if (o.minWidth > 0) {
-                this.element.css({ "min-width": BI.pixFormat(o.minWidth) });
-            }
+                items,
+            }];
         },
 
         doClick: function () {
@@ -194,6 +208,7 @@
         loading: function () {
             this._loading = true;
             this.element.addClass("loading");
+            !this._iconRendered && this.containerRef.populate(this.generateItems(true));
             if (this.icon.loading) {
                 this.icon.loading();
             } else {
@@ -228,6 +243,7 @@
 
         setIcon: function (cls) {
             var o = this.options;
+            !this._iconRendered && this.containerRef.populate(this.generateItems(true));
             if (this.icon && o.iconCls !== cls) {
                 this.icon.element.removeClass(o.iconCls).addClass(cls);
                 o.iconCls = cls;

src/case/calendar/calendar.js

@@ -161,7 +161,8 @@ BI.Calendar = BI.inherit(BI.Widget, {
                     once: false,
                     forceSelected: true,
                     value: o.year + "-" + month + "-" + td.text,
-                    disabled: td.lastMonth || td.nextMonth || td.disabled,
+                    disabled: td.disabled,
+                    cls: td.lastMonth || td.nextMonth ? "not-current-month-day": "",
                     lgap: 2,
                     rgap: 2,
                     tgap: 4,

src/case/segment/segment.js

@@ -10,7 +10,7 @@ BI.Segment = BI.inherit(BI.Widget, {
         return BI.extend(BI.Segment.superclass._defaultConfig.apply(this, arguments), {
             baseCls: "bi-segment",
             items: [],
-            height: 24
+            height: 24,
         });
     },
     _init: function () {
@@ -20,16 +20,15 @@ BI.Segment = BI.inherit(BI.Widget, {
             element: this,
             type: "bi.button_group",
             value: o.value,
-            items: BI.createItems(o.items, {
+            items: [BI.createItems(o.items, {
                 type: "bi.segment_button",
                 height: BI.toPix(o.height, 2),
-                whiteSpace: o.whiteSpace
-            }),
-            layout: [
-                {
-                    type: "bi.center"
-                }
-            ]
+                whiteSpace: o.whiteSpace,
+            })],
+            layouts: [{
+                type: "bi.table",
+                columnSize: BI.makeArrayByArray(o.items, "fill"),
+            }],
         });
         this.buttonGroup.on(BI.Controller.EVENT_CHANGE, function () {
             self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
@@ -58,7 +57,7 @@ BI.Segment = BI.inherit(BI.Widget, {
 
     getValue: function () {
         return this.buttonGroup.getValue();
-    }
+    },
 });
 BI.Segment.EVENT_CHANGE = "EVENT_CHANGE";
 BI.shortcut("bi.segment", BI.Segment);

src/core/wrapper/layout.js

@@ -16,7 +16,7 @@ BI.Layout = BI.inherit(BI.Widget, {
             scrolly: false, // true, false
             items: [],
             innerHgap: 0,
-            innerVgap: 0
+            innerVgap: 0,
         };
     },
 
@@ -727,6 +727,25 @@ BI.Layout = BI.inherit(BI.Widget, {
         });
     },
 
+    getRowColumnCls: function (rowIndex, colIndex, lastRowIndex, lastColIndex) {
+        var cls = "";
+        if (rowIndex === 0) {
+            cls += " first-row";
+        } else if (rowIndex === lastRowIndex) {
+            cls += " last-row";
+        }
+        if (colIndex === 0) {
+            cls += " first-col";
+        } else if (colIndex === lastColIndex) {
+            cls += " last-col";
+        }
+        BI.isOdd(rowIndex + 1) ? (cls += " odd-row") : (cls += " even-row");
+        BI.isOdd(colIndex + 1) ? (cls += " odd-col") : (cls += " even-col");
+        cls += " center-element";
+
+        return cls;
+    },
+
     removeWidget: function (nameOrWidget) {
         var removeIndex, self = this;
         if (BI.isWidget(nameOrWidget)) {

src/core/wrapper/layout/layout.division.js

@@ -28,44 +28,31 @@ BI.DivisionLayout = BI.inherit(BI.Layout, {
     },
 
     stroke: function (items) {
-        var o = this.options;
+        var o = this.options, self = this;
         var rows = o.rows || o.items.length, columns = o.columns || ((o.items[0] && o.items[0].length) | 0);
         var map = BI.makeArray(rows), widths = {}, heights = {};
 
-        function firstElement (item, row, col) {
-            if (row === 0) {
-                item.addClass("first-row");
-            }
-            if (col === 0) {
-                item.addClass("first-col");
-            }
-            item.addClass(BI.isOdd(row + 1) ? "odd-row" : "even-row");
-            item.addClass(BI.isOdd(col + 1) ? "odd-col" : "even-col");
-            item.addClass("center-element");
-        }
+        function firstElement (item, cls) {
+            item.addClass(cls);
 
-        function firstObject (item, row, col) {
-            var cls = "";
-            if (row === 0) {
-                cls += " first-row";
-            }
-            if (col === 0) {
-                cls += " first-col";
+            return item;
         }
-            BI.isOdd(row + 1) ? (cls += " odd-row") : (cls += " even-row");
-            BI.isOdd(col + 1) ? (cls += " odd-col") : (cls += " even-col");
-            item.cls = (item.cls || "") + cls + " center-element";
+
+        function firstObject (item, cls) {
+            item.cls = (item.cls || "") + cls;
+
+            return item;
         }
 
-        function first (item, row, col) {
+        function first (item, cls) {
             if (item instanceof BI.Widget) {
-                firstElement(item.element, row, col);
+                firstElement(item.element, cls);
             } else if (item.el instanceof BI.Widget) {
-                firstElement(item.el.element, row, col);
+                firstElement(item.el.element, cls);
             } else if (item.el) {
-                firstObject(item.el, row, col);
+                firstObject(item.el, cls);
             } else {
-                firstObject(item, row, col);
+                firstObject(item, cls);
             }
         }
 
@@ -79,6 +66,7 @@ BI.DivisionLayout = BI.inherit(BI.Layout, {
                     heights[j] = (heights[j] || 0) + item.height;
                     map[i][j] = el;
                 });
+
                 return;
             }
             widths[item.row] = (widths[item.row] || 0) + item.width;
@@ -106,7 +94,7 @@ BI.DivisionLayout = BI.inherit(BI.Layout, {
                 if (j == o.columns - 1) {
                     w.element.css({right: "0%"});
                 }
-                first(w, i, j);
+                first(w, self.getRowColumnCls(i, j, rows - 1, columns - 1));
                 totalW += map[i][j].width;
             }
         }

src/core/wrapper/layout/layout.grid.js

@@ -36,29 +36,16 @@ BI.GridLayout = BI.inherit(BI.Layout, {
             els[i] = [];
         }
 
-        function firstElement (item, row, col) {
-            if (row === 0) {
-                item.addClass("first-row");
-            }
-            if (col === 0) {
-                item.addClass("first-col");
-            }
-            item.addClass(BI.isOdd(row + 1) ? "odd-row" : "even-row");
-            item.addClass(BI.isOdd(col + 1) ? "odd-col" : "even-col");
-            item.addClass("center-element");
-        }
+        function firstElement (item, cls) {
+            item.addClass(cls);
 
-        function firstObject (item, row, col) {
-            var cls = "";
-            if (row === 0) {
-                cls += " first-row";
+            return item;
         }
-            if (col === 0) {
-                cls += " first-col";
-            }
-            BI.isOdd(row + 1) ? (cls += " odd-row") : (cls += " even-row");
-            BI.isOdd(col + 1) ? (cls += " odd-col") : (cls += " even-col");
-            item.cls = (item.cls || "") + cls + " center-element";
+
+        function firstObject (item, cls) {
+            item.cls = (item.cls || "") + cls;
+
+            return item;
         }
 
         function first (item, row, col) {
@@ -89,7 +76,7 @@ BI.GridLayout = BI.inherit(BI.Layout, {
                         type: "bi.layout"
                     });
                 }
-                first(els[i][j], i, j);
+                first(els[i][j], self.getRowColumnCls(i, j, rows - 1, columns - 1));
                 els[i][j].element.css({
                     position: "absolute",
                     top: height * i + "%",

src/core/wrapper/layout/layout.table.js

@@ -16,7 +16,7 @@ BI.TableLayout = BI.inherit(BI.Layout, {
             // rowSize: 30,  // or [30,30,30]
             hgap: 0,
             vgap: 0,
-            items: []
+            items: [],
         });
     },
     render: function () {
@@ -45,57 +45,43 @@ BI.TableLayout = BI.inherit(BI.Layout, {
                     return self._optimiseGap(size);
                 }).join(" ") : BI.range(o.items.length).fill(this._optimiseGap(o.rowSize)).join(" "),
                 "grid-row-gap": this._optimiseGap(o.vgap),
-                "grid-column-gap": this._optimiseGap(o.hgap)
+                "grid-column-gap": this._optimiseGap(o.hgap),
             });
         }
+        
         return {
             type: "bi.default",
             ref: function (_ref) {
                 self.layout = _ref;
             },
-            items: this._formatItems(items)
+            items: this._formatItems(items),
         };
     },
 
     _formatItems: function (items) {
-        var o = this.options;
+        var o = this.options, self = this;
+
+        function firstElement (item, cls) {
+            item.addClass(cls);
 
-        function firstElement (item, row, col) {
-            if (row === 0) {
-                item.addClass("first-row");
-            }
-            if (col === 0) {
-                item.addClass("first-col");
-            }
-            item.addClass(BI.isOdd(row + 1) ? "odd-row" : "even-row");
-            item.addClass(BI.isOdd(col + 1) ? "odd-col" : "even-col");
-            item.addClass("center-element");
             return item;
         }
 
-        function firstObject (item, row, col) {
-            var cls = "";
-            if (row === 0) {
-                cls += " first-row";
-            }
-            if (col === 0) {
-                cls += " first-col";
-            }
-            BI.isOdd(row + 1) ? (cls += " odd-row") : (cls += " even-row");
-            BI.isOdd(col + 1) ? (cls += " odd-col") : (cls += " even-col");
-            item.cls = (item.cls || "") + cls + " center-element";
+        function firstObject (item, cls) {
+            item.cls = (item.cls || "") + cls;
+
             return item;
         }
 
-        function first (item, row, col) {
+        function first (item, cls) {
             if (item instanceof BI.Widget) {
-                return firstElement(item.element, row, col);
+                return firstElement(item.element, cls);
             } else if (item.el instanceof BI.Widget) {
-                return firstElement(item.el.element, row, col);
+                return firstElement(item.el.element, cls);
             } else if (item.el) {
-                return firstObject(item.el, row, col);
+                return firstObject(item.el, cls);
             } else {
-                return firstObject(item, row, col);
+                return firstObject(item, cls);
             }
         }
 
@@ -105,18 +91,20 @@ BI.TableLayout = BI.inherit(BI.Layout, {
                 columnSize: ["fill"],
                 horizontalAlign: o.horizontalAlign,
                 verticalAlign: o.verticalAlign,
-                items: [BI.formatEL(item)]
+                items: [BI.formatEL(item)],
             };
         }
 
-        return BI.reduce(items, function (row, result, i) {
-            return result.concat(BI.map(row, function (j, item) {
+        return BI.reduce(items, function (rowItems, result, rowIndex) {
+            return result.concat(BI.map(rowItems, function (colIndex, item) {
+                var cls = self.getRowColumnCls(rowIndex, colIndex, items.length - 1, rowItems.length - 1);
                 if (BI.isEmpty(item)) {
                     return first(wrapLayout({
-                        type: "bi.layout"
-                    }), i, j);
+                        type: "bi.layout",
+                    }), cls);
                 }
-                return first(wrapLayout(item), i, j);
+                
+                return first(wrapLayout(item), cls);
             }));
         }, []);
     },
@@ -127,6 +115,6 @@ BI.TableLayout = BI.inherit(BI.Layout, {
 
     populate: function (items) {
         this.layout.populate(this._formatItems(items));
-    }
+    },
 });
 BI.shortcut("bi.table", BI.TableLayout);

src/core/wrapper/layout/layout.window.js

@@ -35,7 +35,7 @@ BI.WindowLayout = BI.inherit(BI.Layout, {
     },
 
     stroke: function (items) {
-        var o = this.options;
+        var o = this.options, self = this;
         if (BI.isNumber(o.rowSize)) {
             o.rowSize = BI.makeArray(o.items.length, 1 / o.items.length);
         }
@@ -43,29 +43,16 @@ BI.WindowLayout = BI.inherit(BI.Layout, {
             o.columnSize = BI.makeArray(o.items[0].length, 1 / o.items[0].length);
         }
 
-        function firstElement (item, row, col) {
-            if (row === 0) {
-                item.addClass("first-row");
-            }
-            if (col === 0) {
-                item.addClass("first-col");
-            }
-            item.addClass(BI.isOdd(row + 1) ? "odd-row" : "even-row");
-            item.addClass(BI.isOdd(col + 1) ? "odd-col" : "even-col");
-            item.addClass("center-element");
-        }
+        function firstElement (item, cls) {
+            item.addClass(cls);
 
-        function firstObject (item, row, col) {
-            var cls = "";
-            if (row === 0) {
-                cls += " first-row";
+            return item;
         }
-            if (col === 0) {
-                cls += " first-col";
-            }
-            BI.isOdd(row + 1) ? (cls += " odd-row") : (cls += " even-row");
-            BI.isOdd(col + 1) ? (cls += " odd-col") : (cls += " even-col");
-            item.cls = (item.cls || "") + cls + " center-element";
+
+        function firstObject (item, cls) {
+            item.cls = (item.cls || "") + cls;
+
+            return item;
         }
 
         function first (item, row, col) {
@@ -109,7 +96,7 @@ BI.WindowLayout = BI.inherit(BI.Layout, {
                     h = this._optimiseGap(o.rowSize[i]);
                 }
                 wi.element.css({top: t, height: h});
-                first(wi, i, j);
+                first(wi, self.getRowColumnCls(i, j, o.rows - 1, o.columns - 1));
             }
             if (!BI.isNumber(o.rowSize[i])) {
                 break;
@@ -127,7 +114,7 @@ BI.WindowLayout = BI.inherit(BI.Layout, {
                     h = this._optimiseGap(o.rowSize[i]);
                 }
                 wi.element.css({bottom: b, height: h});
-                first(wi, i, j);
+                first(wi, self.getRowColumnCls(i, j, o.rows - 1, o.columns - 1));
             }
             if (!BI.isNumber(o.rowSize[i])) {
                 break;
@@ -145,7 +132,7 @@ BI.WindowLayout = BI.inherit(BI.Layout, {
                     w = this._optimiseGap(o.columnSize[j]);
                 }
                 wi.element.css({left: l, width: w});
-                first(wi, i, j);
+                first(wi, self.getRowColumnCls(i, j, o.rows - 1, o.columns - 1));
             }
             if (!BI.isNumber(o.columnSize[j])) {
                 break;
@@ -163,7 +150,7 @@ BI.WindowLayout = BI.inherit(BI.Layout, {
                     w = this._optimiseGap(o.columnSize[j]);
                 }
                 wi.element.css({right: r, width: w});
-                first(wi, i, j);
+                first(wi, self.getRowColumnCls(i, j, o.rows - 1, o.columns - 1));
             }
             if (!BI.isNumber(o.columnSize[j])) {
                 break;

src/core/wrapper/layout/sticky/sticky.horizontal.js

@@ -22,7 +22,7 @@ BI.HorizontalStickyLayout = BI.inherit(BI.FlexHorizontalLayout, {
         }
         if (columnSize !== "fill") {
             var fillIndex;
-            BI.count(0, o.items.length - 1, index => {
+            BI.count(0, o.items.length, index => {
                 if (BI.isNotNull(fillIndex)) {
                     return;
                 }

src/core/wrapper/layout/sticky/sticky.vertical.js

@@ -22,7 +22,7 @@ BI.VerticalStickyLayout = BI.inherit(BI.FlexVerticalLayout, {
         }
         if (rowSize !== "fill") {
             var fillIndex;
-            BI.count(0, o.items.length - 1, index => {
+            BI.count(0, o.items.length, index => {
                 if (BI.isNotNull(fillIndex)) {
                     return;
                 }

src/less/base/segment/button.segment.less

@@ -10,7 +10,7 @@
   .line-segment-button-line {
     .transition(background 0.3s);
   }
-  &.active, &:active {
+  &.active, &:active:not(.disabled) {
     font-weight: bold;
   }
 }

src/less/base/segment/segment.less

@@ -7,17 +7,24 @@
     border-top: 1px solid @color-bi-split-segment;
     border-bottom: 1px solid @color-bi-split-segment;
   }
-  & > .first-element{
+  & > .first-col{
     border-left: 1px solid @color-bi-split-segment;
     .border-corner-radius(2px,0px,0px,2px)
   }
-  & > .last-element{
+  & > .last-col{
     .border-corner-radius(0px,2px,2px,0px)
   }
-  &.disabled > .center-element, &.disabled > .first-element{
+  &.disabled > .center-element, &.disabled > .first-col{
     border-color: @color-bi-split-disabled-segment;
   }
 }
+.bi-linear-segment {
+  &.disabled {
+    .bi-high-light-background {
+      background-color: @color-bi-background-dark-gray !important;
+    }
+  }
+}
 
 .bi-theme-dark {
   .bi-segment {
@@ -27,7 +34,7 @@
       border-top: 1px solid @color-bi-split-segment-theme-dark;
       border-bottom: 1px solid @color-bi-split-segment-theme-dark;
     }
-    & > .first-element{
+    & > .first-col{
       border-left: 1px solid @color-bi-split-segment-theme-dark;
     }
   }

src/less/case/calendar/calendar.less

@@ -0,0 +1,5 @@
+@import "../../index.less";
+
+.bi-calendar-date-item.not-current-month-day {
+    color: @color-bi-text-disabled-button !important;
+}

src/less/widget/multiselect/trigger/button.checkselected.less

@@ -2,7 +2,6 @@
 
 .bi-multi-select-check-selected-button {
   z-index: 1;
-  min-width: 16px;
   .border-radius(50%);
 
   &:active {