feature: caption help text

fix: editing style when turning column content wrap to `true`

lib/ui/grid/column.js

@@ -1,7 +1,7 @@
 import { global } from "../../utility";
 import { createElement } from "../../functions";
 import { createIcon } from "../icon";
-import { createCheckbox } from "../checkbox";
+import { createCheckbox, createRadiobox } from "../checkbox";
 // import { setTooltip } from "../tooltip";
 import { Dropdown } from "../dropdown";
 import { convertCssStyle } from "../extension";
@@ -66,8 +66,8 @@ export class GridColumn {
      * @param {Function} trigger - 编辑事件回调函数
      * @param {any} trigger.e - 该参数会传递给 [getValue]{@linkcode GridColumn.getValue} 方法
      * @param {GridColumnDefinition} col - 列定义对象
-     * @param {HTMLElement} container - 父容器元素
-     * @param {GridItemWrapper} wrapper - 行包装对象，其 `values` 属性为行数据对象
+     * @param {HTMLElement} [container] - 父容器元素
+     * @param {GridItemWrapper} [wrapper] - 行包装对象，其 `values` 属性为行数据对象
      * @returns {HTMLElement} 返回创建的编辑状态的单元格元素
      * @virtual
      */
@@ -351,6 +351,18 @@ export class GridDropdownColumn extends GridColumn {
         return drop.create();
     }
 
+    /**
+     * @ignore
+     * @param {HTMLElement} element 
+     * @returns {HTMLElement}
+     */
+    static getElement(element) {
+        if (element.tagName === 'DIV') {
+            return element.children[0].children[0];
+        }
+        return element;
+    }
+
     /**
      * @private
      * @param {HTMLElement} element 
@@ -543,7 +555,8 @@ export class GridCheckboxColumn extends GridColumn {
      * @param {boolean} val 
      */
     static setValue(element, val) {
-        element.querySelector('input').checked = val;
+        // element.querySelector('input').checked = val;
+        element.children[0].checked = val;
     }
 
     /**
@@ -573,7 +586,8 @@ export class GridCheckboxColumn extends GridColumn {
      */
     static setEnabled(element, enabled) {
         super.setEnabled(element, enabled);
-        element.querySelector('input').disabled = enabled === false;
+        // element.querySelector('input').disabled = enabled === false;
+        element.children[0].disabled = enabled === false;
     }
 
     /**
@@ -582,6 +596,36 @@ export class GridCheckboxColumn extends GridColumn {
     static toString() { return 'GridCheckbox' }
 }
 
+/**
+ * 单选框列
+ * @class
+ * @static
+ * @extends GridCheckboxColumn
+ * @hideconstructor
+ * @ignore
+ */
+export class GridRadioboxColumn extends GridCheckboxColumn {
+    /**
+     * @ignore
+     * @param {Function} trigger 
+     * @param {GridColumnDefinition} _col 
+     * @param {number} index 
+     * @returns {HTMLElement}
+     */
+    static createEdit(trigger, _col, index) {
+        const check = createRadiobox({
+            name: `r_${index}`,
+            onchange: trigger
+        });
+        return check;
+    }
+
+    /**
+     * @ignore
+     */
+    static toString() { return 'GridRadiobox' }
+}
+
 /**
  * 图标列
  * @class