Merge pull request #260362 in DEC/fineui from bugfix/11.0 to release/11.0

* commit 'd04bd32e4f15aeb9a98d87fc421295a4ef73ac4e': (32 commits)
  REPORT-113703 FineOne 新前端样式统一 弹窗-FR.Msg.Alert()
  REPORT-112276 公共数据取数简道云数据连接部分适配 补充下ts类型
  REPORT-112276 公共数据取数简道云数据连接部分适配 引用lodash.uniqWith
  BI-142512 fix: 年份控件切换成动态时间少了横线
  BI-142512 fix: 年份控件切换成动态时间少了横线
  无jira任务 fix:补充MultiLayerDownListCombo的抛出事件
  BI-137665 fix: popover和message高度改28
  无jira任务 优化布局
  BI-141781 feat: 下拉框接收tipText
  BI-129824 fix: 多提交
  BI-129824 fix: 控件优化
  BI-129824 fix: 控件优化
  BI-137665 feat: 修改弹窗样式
  无JIRA任务 form不传label时展示内容
  update font
  BI-137665 fix: 代码优化
  BI-137665 fix: 代码优化
  BI-137665 fix: 代码优化
  JSY-36355 feat: MultiSelectItem支持传入el
  BI-141206 fix: 去掉默认值
  ...

packages/fineui/src/base/foundation/message.js

@@ -17,30 +17,48 @@ import {
     i18nText,
     KeyCode,
     isPlainObject,
-    SIZE_CONSANTS
+    SIZE_CONSANTS,
+    CenterAdaptLayout,
+    VerticalLayout,
+    HTapeLayout,
+    RightVerticalAdaptLayout
 } from "../../core";
-import { Toast } from "../single";
+import { Button, IconLabel, Label, Toast } from "../single";
 
-export const Msg = (() => {
-    let $mask, $pop;
+let $mask, $pop;
 
-    const messageShows = [];
+const messageShows = [];
 
-    const toastStack = [];
+const toastStack = [];
 
-    const defaultConfig = {
-        buttonHeight: 24,
-    };
+const AlertLevel = {
+    WARNING: 'warning',
+    INFO: 'info',
+    ERROR: 'error',
+    SUCCESS: 'success',
+}
 
-    return {
-        alert(title, message, callback, config = defaultConfig) {
-            this._show(false, title, message, callback, config);
-        },
-        confirm(title, message, callback, config = defaultConfig) {
-            this._show(true, title, message, callback, config);
+function getIconCls(level) {
+    switch (level) {
+        case AlertLevel.ERROR:
+            return 'alert-error-font';
+        case AlertLevel.SUCCESS:
+            return 'alert-success-font';
+        case AlertLevel.INFO:
+            return 'alert-info-font';
+        case AlertLevel.WARNING:
+        default:
+            return 'alert-warning-font';
+    }
+}
+
+
+export const Msg = {
+    alert(title, message, callback, config) {
+        _show(false, title, message, callback, config);
     },
-        prompt(title, message, value, callback, min_width) {
-            // Msg.prompt(title, message, value, callback, min_width);
+    confirm(title, message, callback, config) {
+        _show(true, title, message, callback, config);
     },
     toast(message, options, context) {
         isString(options) && (options = { level: options });
@@ -101,7 +119,16 @@ export const Msg = (() => {
             toast.destroy?.();
         };
     },
-        _show(hasCancel, title, message, callback, config) {
+};
+
+function _show(hasCancel, title, message, callback, config = {}) {
+    config = {
+        buttonHeight: 28,
+        cancelText: i18nText("BI-Basic_Cancel"),
+        sureText: i18nText("BI-Basic_OK"),
+        level: AlertLevel.WARNING,
+        ...config,
+    }
     isNull($mask) &&
     ($mask = Widget._renderEngine
         .createElement("<div class=\"bi-z-index-mask\">")
@@ -140,9 +167,9 @@ export const Msg = (() => {
     if (hasCancel === true) {
         controlItems.push({
             el: {
-                        type: "bi.button",
+                type: Button.xtype,
                 height: config.buttonHeight,
-                        text: i18nText("BI-Basic_Cancel"),
+                text: config.cancelText,
                 light: true,
                 handler() {
                     close();
@@ -155,9 +182,9 @@ export const Msg = (() => {
     }
     controlItems.push({
         el: {
-                    type: "bi.button",
+            type: Button.xtype,
             height: config.buttonHeight,
-                    text: i18nText("BI-Basic_OK"),
+            text: config.sureText,
             handler() {
                 close();
                 if (isFunction(callback)) {
@@ -168,10 +195,16 @@ export const Msg = (() => {
     });
     const conf = {
         element: $pop,
-                type: "bi.center_adapt",
+        type: CenterAdaptLayout.xtype,
         items: [
             {
-                        type: "bi.border",
+                type: VerticalLayout.xtype,
+                cls: "bi-card bi-border-radius",
+                width: 450,
+                css: {
+                    'max-height': '100%'
+                },
+                hgap: 32,
                 attributes: {
                     tabIndex: 1,
                 },
@@ -196,79 +229,61 @@ export const Msg = (() => {
                     } catch (e) {
                     }
                 },
-                        cls: "bi-card",
-                        items: {
-                            north: {
-                                el: {
-                                    type: "bi.border",
-                                    cls: "bi-message-title bi-background",
-                                    items: {
-                                        center: {
+                items: [
+                    {
                         el: {
-                                                type: "bi.label",
-                                                cls: "bi-font-bold",
-                                                text: title || i18nText("BI-Basic_Prompt"),
-                                                textAlign: "left",
-                                                hgap: 20,
-                                                height: 40,
-                                            },
+                            type: HTapeLayout.xtype,
+                            height: 24,
+                            items: [
+                                {
+                                    type: IconLabel.xtype,
+                                    cls: `${getIconCls(config.level)} icon-size-20`,
+                                    width: 24,
+                                    height: 24,
                                 },
-                                        east: {
+                                {
                                     el: {
-                                                type: "bi.icon_button",
-                                                cls: "bi-message-close close-font",
-                                                //                                                    height: 50,
-                                                handler() {
-                                                    close();
-                                                    if (isFunction(callback)) {
-                                                        callback.apply(null, [false]);
-                                                    }
-                                                },
-                                            },
-                                            width: 56,
+                                        type: Label.xtype,
+                                        css: {"font-size": 16},
+                                        cls: 'bi-font-bold', // 16px
+                                        textAlign: 'left',
+                                        text: title || i18nText('BI-Basic_Prompt'),
+                                        lgap: 16,
                                     },
+                                    width: 'fill',
                                 },
+                            ],
                         },
-                                height: 40,
+                        tgap: 32,
                     },
-                            center: {
+                    {
                         el: isPlainObject(message)
                             ? message
                             : {
-                                        type: "bi.label",
-                                        vgap: 10,
-                                        hgap: 20,
-                                        whiteSpace: "normal",
+                                type: Label.xtype,
+                                css: { "font-size": 14 },
+                                cls: 'alert-content',
+                                textAlign: 'left',
                                 text: message,
+                                whiteSpace: 'normal',
                             },
+                        height: 'fill',
+                        tgap: 12,
+                        lgap: 40,
                     },
-                            south: {
-                                el: {
-                                    type: "bi.absolute",
-                                    items: [
                     {
-                                            el: {
-                                                type: "bi.right_vertical_adapt",
-                                                lgap: 10,
+                        el: config.footer && isFunction(config.footer) ? config.footer(close) : {
+                            type: RightVerticalAdaptLayout.xtype,
+                            lgap: 12,
                             items: controlItems,
                         },
-                                            top: 0,
-                                            left: 20,
-                                            right: 20,
-                                            bottom: 0,
-                                        }
-                                    ],
-                                },
-                                height: 44,
+                        tgap: 32,
+                        bgap: 24,
                     },
+                ],
             },
-                        width: 450,
-                        height: 200,
-                    }
         ],
     };
 
     messageShows[messageShows.length] = createWidget(conf);
-        },
-    };
-})();
+}

packages/fineui/src/base/layer/layer.popover.js

@@ -47,7 +47,7 @@ export class Popover extends Widget {
             body: null,
             footer: null,
             footerHeight: 44,
-            footerButtonHeight: 24,
+            footerButtonHeight: 28,
             closable: true, // BI-40839 是否显示右上角的关闭按钮
             bodyHgap: SIZE_CONSANTS.H_GAP_SIZE,
             bodyTgap: SIZE_CONSANTS.V_GAP_SIZE,
@@ -64,30 +64,7 @@ export class Popover extends Widget {
         // var self = this;
         const { header, headerHeight, closable, logic, footer, footerHeight, body, bodyTgap, bodyHgap } = this.options;
         const c = this._constant;
-        this.startX = 0;
-        this.startY = 0;
         const size = this._calculateSize();
-        const bodyDom = getOuterBody();
-        this.tracker = new MouseMoveTracker(
-            (deltaX, deltaY) => {
-                const W = Widget._renderEngine.createElement(bodyDom).width();
-                const H = Widget._renderEngine.createElement(bodyDom).height();
-                this.startX += deltaX;
-                this.startY += deltaY;
-                this.element.css({
-                    left: `${clamp(this.startX, 0, W - this.element.width())}px`,
-                    top: `${clamp(this.startY, 0, H - this.element.height())}px`,
-                });
-                // BI-12134 没有什么特别好的方法
-                Resizers._resize({
-                    target: this.element[0],
-                });
-            },
-            () => {
-                this.tracker.releaseMouseMoves();
-            },
-            _global
-        );
         const items = [
             {
                 el: {
@@ -219,7 +196,30 @@ export class Popover extends Widget {
 
     // mounted之后绑定事件
     mounted() {
-        this.dragger.element.mousedown(e => {
+        this.startX = 0;
+        this.startY = 0;
+        const bodyDom = getOuterBody();
+        this.tracker = new MouseMoveTracker(
+            (deltaX, deltaY) => {
+                const W = Widget._renderEngine.createElement(bodyDom).width();
+                const H = Widget._renderEngine.createElement(bodyDom).height();
+                this.startX += deltaX;
+                this.startY += deltaY;
+                this.element.css({
+                    left: `${clamp(this.startX, 0, W - this.element.width())}px`,
+                    top: `${clamp(this.startY, 0, H - this.element.height())}px`,
+                });
+                // BI-12134 没有什么特别好的方法
+                Resizers._resize({
+                    target: this.element[0],
+                });
+            },
+            () => {
+                this.tracker.releaseMouseMoves();
+            },
+            _global
+        );
+        this.dragger?.element.mousedown(e => {
             if (this.options.draggable !== false) {
                 this.startX = this.element[0].offsetLeft;
                 this.startY = this.element[0].offsetTop;

packages/fineui/src/case/button/item.multiselect.js

@@ -19,6 +19,7 @@ export class MultiSelectItem extends BasicButton {
             },
             height: SIZE_CONSANTS.LIST_ITEM_HEIGHT,
             iconWrapperWidth: 26,
+            el: {},
         });
     }
 
@@ -55,6 +56,7 @@ export class MultiSelectItem extends BasicButton {
                         keyword: o.keyword,
                         value: o.value,
                         py: o.py,
+                        ...o.el
                     },
                 }
             ],

packages/fineui/src/case/button/switch.js

@@ -1,15 +1,13 @@
 import { AbsoluteLayout, shortcut, i18nText } from "@/core";
 import { TextButton, Label, BasicButton } from "@/base";
 
+const CIRCLE_SIZE = 12;
+
 @shortcut()
 export class Switch extends BasicButton {
     static xtype = "bi.switch";
     static EVENT_CHANGE = "EVENT_CHANGE";
 
-    constants = {
-        CIRCLE_SIZE: 12,
-    };
-
     props = {
         extraCls: "bi-switch",
         attributes: {
@@ -18,12 +16,12 @@ export class Switch extends BasicButton {
         height: 20,
         width: 44,
         showTip: false,
+        textGap: 8,
     };
 
     render() {
-        const o = this.options,
-            c = this.constants;
-        const tgap = (o.height - c.CIRCLE_SIZE) / 2;
+        const { selected, width, height, textGap, showTip } = this.options;
+        const tgap = (height - CIRCLE_SIZE) / 2;
 
         return {
             type: AbsoluteLayout.xtype,
@@ -39,15 +37,15 @@ export class Switch extends BasicButton {
                     width: 12,
                     height: 12,
                     top: tgap,
-                    left: o.selected ? 28 : 4,
+                    left: selected ? width - height + tgap : tgap,
                 },
                 {
                     type: Label.xtype,
                     text: i18nText("BI-Basic_Simple_Open"),
                     cls: "content-tip",
-                    left: 8,
+                    left: textGap,
                     top: tgap - 2,
-                    invisible: !(o.showTip && o.selected),
+                    invisible: !(showTip && selected),
                     ref: _ref => {
                         this.openTip = _ref;
                     },
@@ -56,9 +54,9 @@ export class Switch extends BasicButton {
                     type: Label.xtype,
                     text: i18nText("BI-Basic_Simple_Close"),
                     cls: "content-tip",
-                    right: 8,
+                    right: textGap,
                     top: tgap - 2,
-                    invisible: !(o.showTip && !o.selected),
+                    invisible: !(showTip && !selected),
                     ref: _ref => {
                         this.closeTip = _ref;
                     },
@@ -78,7 +76,9 @@ export class Switch extends BasicButton {
 
     setSelected(v) {
         super.setSelected(...arguments);
-        this.layout.attr("items")[0].left = v ? 28 : 4;
+        const { width, height } = this.options;
+        const tgap = (height - CIRCLE_SIZE) / 2;
+        this.layout.attr("items")[0].left = v ? width - height + tgap : tgap;
         this.layout.resize();
         this.options.showTip && this.openTip.setVisible(v);
         this.options.showTip && this.closeTip.setVisible(!v);

packages/fineui/src/case/colorchooser/colorchooser.js

@@ -24,6 +24,7 @@ export class ColorChooser extends Widget {
             height: 24,
             el: {},
             simple: false,
+            colorBoardHeight: 80,
         });
     }
 
@@ -62,6 +63,8 @@ export class ColorChooser extends Widget {
                     el: extend(
                         {
                             type: HexColorChooserPopup.xtype,
+                            colorItems: o.colorItems,
+                            colorBoardHeight: o.colorBoardHeight,
                             recommendColorsGetter: o.recommendColorsGetter,
                             ref: _ref => {
                                 this.colorPicker = _ref;

packages/fineui/src/case/colorchooser/colorchooser.popup.hex.js

@@ -47,6 +47,7 @@ export class HexColorChooserPopup extends Widget {
         width: 300,
         recommendColorsGetter: emptyFn, // 推荐色获取接口
         simple: false, // 简单模式, popup中没有自动和透明
+        colorBoardHeight: 80,
     };
 
     render() {
@@ -167,6 +168,7 @@ export class HexColorChooserPopup extends Widget {
                                                 type: HexColorPicker.xtype,
                                                 space: true,
                                                 value: o.value,
+                                                items: o.colorItems,
                                                 listeners: [
                                                     {
                                                         eventName: ColorPicker.EVENT_CHANGE,
@@ -187,7 +189,7 @@ export class HexColorChooserPopup extends Widget {
                                             bottom: 1,
                                         }
                                     ],
-                                    height: 80,
+                                    height: o.colorBoardHeight,
                                 }
                             ],
                         },

packages/fineui/src/component/form/form.field.js

@@ -69,7 +69,7 @@ export class FormField extends Widget {
 
         return {
             type: VerticalAdaptLayout.xtype,
-            columnSize: ["auto", "fill"],
+            columnSize: isKey(o.label) ? ["auto", "fill"] : ["fill"],
             verticalAlign: VerticalAlign.Stretch,
             items: isKey(o.label)
                 ? [

packages/fineui/src/core/4.widget.js

@@ -241,7 +241,8 @@ export class Widget extends OB {
                 if (beforeRenderResult instanceof Promise) {
                     beforeRenderResult.then(render).catch((e) => {
                         _global.console && console.error(e);
-                        render();
+                        // 异步render，组件此时可能已经被销毁
+                        !this.isDestroyed() ? render() : _global.console && console.error('Async render error! Widget has been destroyed!');
                     });
                 }
             } else {
@@ -258,7 +259,8 @@ export class Widget extends OB {
             if (beforeInitResult instanceof Promise) {
                 beforeInitResult.then(init).catch((e) => {
                     _global.console && console.error(e);
-                    init();
+                    // 异步init，组件此时可能已经被销毁
+                    !this.isDestroyed() ? init() : _global.console && console.error('Async init error! Widget has been destroyed!');
                 });
             }
         } else {

packages/fineui/src/core/platform/web/detectElementResize.js

@@ -46,10 +46,14 @@ export const ResizeDetector = {
         addResizeListener(widget.element[0], fn);
 
         return function () {
+            // 如果fn是debounce需要cancel掉
+            fn?.cancel?.();
             removeResizeListener(widget.element[0], fn);
         };
     },
     removeResizeListener(widget, fn) {
+        // 如果fn是debounce需要cancel掉
+        fn?.cancel?.();
         removeResizeListener(widget.element[0], fn);
     },
 };

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

@@ -59,7 +59,7 @@ export class TableLayout extends Layout {
 
         return {
             type: "bi.default",
-            ref(_ref) {
+            ref: (_ref) => {
                 this.layout = _ref;
             },
             items: this._formatItems(items),

packages/fineui/src/fix/fix.js

@@ -1386,7 +1386,7 @@ class Model {
         this.$$computed = null;
         this.$$state = null;
         this.$$context = null;
-        this.model = null;
+        this.model = {}; // 一些异步请求里访问model里的属性，这里先变成空对象，保证部分场景下不报错，其他报错会try catch
         this._destroyHandler && this._destroyHandler();
     }
 }

packages/fineui/src/less/base/tree/ztree.less

@@ -272,7 +272,9 @@
 }
 
 .bi-theme-dark {
-  .ztree.solid li span.button.center_docu, .ztree.solid li span.button.bottom_docu {
+  .ztree.solid li span.button.center_docu, .ztree.solid li span.button.bottom_docu,.ztree.solid li span.button.roots_docu {
+    background: none;
+    
     &:before {
       border-right: 1px solid @border-color-dark-gray-line-theme-dark;
     }

packages/fineui/src/less/lib/colors.less

@@ -132,3 +132,5 @@
 @color-bi-border-warning: @border-color-warning;
 //边框提亮
 @color-bi-border-highlight: @border-color-highlight;
+
+@color-bi-alert-warning: @color-bi-orange;

packages/fineui/src/less/lib/constant.less

@@ -248,3 +248,5 @@
 
 //box-shadow效果
 @box-shadow-toast: 0 6px 20px -2px rgba(9, 30, 64, 0.16);
+
+@color-bi-orange: #f0ac3c;

packages/fineui/src/less/lib/font.less

@@ -58,3 +58,8 @@
 @font-key: "e1d0";
 
 @font-add: "e1c7";
+
+@font-alert-warning: 'e755';
+@font-alert-success: 'e6de';
+@font-alert-info: 'e74b';
+@font-alert-error: 'e757';

packages/fineui/src/less/resource/font.less

@@ -118,3 +118,8 @@
 .font(text-align-left-font, @font-align-left);
 .font(text-align-center-font, @font-align-center);
 .font(text-align-right-font, @font-align-right);
+
+.font(alert-success-font, @font-alert-success, @color-sea-green-100);
+.font(alert-warning-font, @font-alert-warning, @color-bi-alert-warning);
+.font(alert-error-font, @font-alert-error, @color-red-100);
+.font(alert-info-font, @font-alert-info, @color-bi-text-highlight);

packages/fineui/src/widget/editor/editor.search.js

@@ -10,7 +10,7 @@ import {
     Controller,
     Events,
     HTapeLayout,
-    isEndWithBlank
+    isEndWithBlank, HorizontalFillLayout
 } from "@/core";
 import { IconButton, Editor, IconLabel } from "@/base";
 
@@ -87,15 +87,16 @@ export class SearchEditor extends Widget {
         createWidget({
             element: this,
             height: toPix(o.height, o.simple ? 1 : 2),
-            type: HTapeLayout.xtype,
+            type: HorizontalFillLayout.xtype,
+            columnSize: ["", "fill", ""],
             items: [
                 {
                     el: {
                         type: IconLabel.xtype,
                         cls: "search-font",
-                    },
                         width: 24,
                     },
+                },
                 {
                     el: this.editor,
                 },

packages/fineui/src/widget/multilayerdownlist/combo.downlist.js

@@ -10,6 +10,7 @@ export class MultiLayerDownListCombo extends Widget {
     static EVENT_CHANGE = "EVENT_CHANGE";
     static EVENT_SON_VALUE_CHANGE = "EVENT_SON_VALUE_CHANGE";
     static EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW";
+    static EVENT_BEFORE_HIDEVIEW = "EVENT_BEFORE_HIDEVIEW";
 
     _defaultConfig() {
         return extend(super._defaultConfig(...arguments), {
@@ -70,6 +71,10 @@ export class MultiLayerDownListCombo extends Widget {
         this.downlistcombo.on(Combo.EVENT_BEFORE_POPUPVIEW, () => {
             this.fireEvent(MultiLayerDownListCombo.EVENT_BEFORE_POPUPVIEW);
         });
+
+        this.downlistcombo.on(Combo.EVENT_BEFORE_HIDEVIEW, () => {
+            this.fireEvent(MultiLayerDownListCombo.EVENT_BEFORE_HIDEVIEW);
+        });
     }
 
     hideView() {

packages/fineui/src/widget/multiselect/multiselect.loader.js

@@ -107,7 +107,10 @@ export class MultiSelectLoader extends Widget {
                         }
                         firstItems = self._createItems(json);
                     }
-                    callback(firstItems.concat(self._createItems(ob.items)), ob.keyword || "");
+                    const context = {
+                        tipText: ob.tipText,
+                    };
+                    callback(firstItems.concat(self._createItems(ob.items)), ob.keyword || "", context);
                     if (op.times === 1 && self.storeValue) {
                         isKey(startValue) &&
                         (self.storeValue.type === Selection.All

packages/fineui/src/widget/multiselect/multiselect.loader.nobar.js

@@ -115,7 +115,10 @@ export class MultiSelectNoBarLoader extends Widget {
                                 }
                                 firstItems = self._createItems(json);
                             }
-                            callback(firstItems.concat(self._createItems(ob.items)), ob.keyword || "");
+                            const context = {
+                                tipText: ob.tipText,
+                            };
+                            callback(firstItems.concat(self._createItems(ob.items)), ob.keyword || "", context);
                             if (op.times === 1 && self.storeValue) {
                                 isKey(startValue) &&
                                 (self.storeValue.type === Selection.All

packages/fineui/src/widget/searchmultitextvaluecombo/multitextvalue.loader.search.js

@@ -120,8 +120,10 @@ export class SearchMultiSelectLoader extends Widget {
                         }
                         firstItems = this._createItems(json);
                     }
-
-                    callback(firstItems.concat(this._createItems(ob.items)), ob.keyword || "");
+                    const context = {
+                        tipText: ob.tipText,
+                    };
+                    callback(firstItems.concat(this._createItems(ob.items)), ob.keyword || "", context);
                     if (op.times === 1 && this.storeValue) {
                         isKey(startValue) &&
                         (this.storeValue.type === Selection.All

packages/fineui/src/widget/year/popup.year.js

@@ -150,6 +150,7 @@ export class DynamicYearPopup extends Widget {
             },
             tab: {
                 type: LinearSegment.xtype,
+                cls: "bi-split-bottom",
                 invisible: !o.supportDynamic,
                 height: this.constants.tabHeight,
                 items: createItems(

packages/fineui/typescript/base/foundation/message.ts

@@ -8,13 +8,23 @@ type toastOptions = {
 export declare namespace Msg {
     function alert(title: string, message?: string | {
         [key: string]: any
-    }, callback?: (result?: boolean) => void): void
+    }, callback?: (result?: boolean) => void, config?: {
+        buttonHeight?: number,
+        sureText?: string,
+        cancelText?: string,
+        level?: 'success' | 'warning' | 'error' | 'info',
+        footer?: (onClose: Function) => Obj;
+    }): void
 
     function confirm(title: string, message?: string | {
         [key: string]: any
-    }, callback?: (result: boolean) => void): void
-
-    function prompt(title: string, message?: string, value?: any, callback?: (result: string) => void, minWidth?: number): void
+    }, callback?: (result: boolean) => void, config?: {
+        buttonHeight?: number,
+        sureText?: string,
+        cancelText?: string,
+        level?: 'success' | 'warning' | 'error' | 'info',
+        footer?: (onClose: Function) => Obj;
+    }): void
 
     function toast(message: string | Obj, options?: toastOptions | string, context?: HTMLElement): Function
 }

packages/fineui/typescript/case/button/switch.ts

@@ -1,6 +1,11 @@
 import { BasicButton } from "../../base/single/button/button.basic";
 
 export declare class Switch extends BasicButton {
+
+  props: {
+    textGap: number;
+  } & BasicButton['props']
+
   static xtype: string;
   static EVENT_CHANGE: string;
 }

packages/fineui/typescript/case/colorchooser/colorchooser.ts

@@ -1,3 +1,4 @@
+import { Single } from 'typescript/base/single/single';
 import { Widget } from '../../core/widget';
 
 export declare class ColorChooser extends Widget {
@@ -5,6 +6,12 @@ export declare class ColorChooser extends Widget {
     static EVENT_CHANGE: string;
     static EVENT_AFTER_POPUPVIEW: string;
 
+    props: {
+        stopEvent?: boolean;
+        colorBoardHeight?: number;
+        colorItems?: { value: string }[][];
+    } & Single["props"];
+
     isViewVisible(): boolean;
 
     hideView(): void;

packages/fineui/typescript/core/base.ts

@@ -322,7 +322,17 @@ export declare function once(func: Function): Function;
 
 export declare function partial(func: Function, ...partials: any): Function;
 
-export declare function debounce<T extends Function>(func: T, wait?: number, options?: any): T;
+
+interface DebouncedFunc<T extends (...args: any[]) => any> {
+
+    (...args: Parameters<T>): ReturnType<T> | undefined;
+
+    cancel(): void;
+    
+    flush(): ReturnType<T> | undefined;
+}
+
+export declare function debounce<T extends (...args: any[]) => any>(func: T, wait?: number, options?: any): DebouncedFunc<T>;
 
 export declare function throttle<T extends Function>(func: T, wait?: number, options?: any): T;
 

packages/fineui/typescript/widget/multilayerdownlist/multilayerdownlist.combo.ts

@@ -7,6 +7,7 @@ export declare class MultiLayerDownListCombo extends Widget {
     static EVENT_CHANGE: string;
     static EVENT_SON_VALUE_CHANGE: string;
     static EVENT_BEFORE_POPUPVIEW: string;
+    static EVENT_BEFORE_HIDEVIEW: string;
 
     props: {
         adjustLength: Combo['props']['adjustLength'];