component.Legend: useIcon_ config #2106

Author: tobiu

src/component/Legend.mjs

@@ -26,12 +26,16 @@ class Label extends Component {
          * @member {String} text_=''
          */
         text_: '',
+        /**
+         * @member {Boolean} useIcon_=true
+         */
+        useIcon_: true,
         /**
          * @member {Object} _vdom
          */
         _vdom:
         {tag: 'legend', cn:[
-            {vtype: 'text', removeDom: true},
+            {vtype: 'text'},
             {vtype: 'text'}
         ]}
     }}
@@ -44,7 +48,7 @@ class Label extends Component {
      */
     afterSetIconCls(value, oldValue) {
         let vdom = this.vdom;
-        vdom.cn[0].html = value;
+        vdom.cn[0].html = `<i class="${value}"></i>`;
         this.vdom = vdom;
     }
 
@@ -59,6 +63,18 @@ class Label extends Component {
         vdom.cn[1].html = value;
         this.vdom = vdom;
     }
+
+    /**
+     * Triggered after the useIcon config got changed
+     * @param {Boolean} value
+     * @param {Boolean} oldValue
+     * @protected
+     */
+    afterSetUseIcon_(value, oldValue) {
+        let vdom = this.vdom;
+        vdom.cn[0].removeDom = !value;
+        this.vdom = vdom;
+    }
 }
 
 Neo.applyClassConfig(Label);