@type-dom/svgs 0.1.4 → 0.1.5

package/README.md

@@ -21,10 +21,10 @@ export class AppElement extends TypeRoot {
   constructor(editorEl: HTMLElement) {
     super();
     this.className = 'AppElement'; 
-    this.ctrl.addAttrObj({ // 设置根节点的属性
+    this.attr.addObj({ // 设置根节点的属性
       name: 'app-root'
     })
-    this.ctrl.addStyleObj({ // 设置根节点样式
+    this.style.addObj({ // 设置根节点样式
       padding: '30px',
       border: '20px solid #dddddd'
     });
@@ -41,14 +41,18 @@ export class AppElement extends TypeRoot {
 }
 
 // main.ts 项目主程序
-import {fromEvent} from 'rxjs';
-import {AppElement} from "./app-root";
-fromEvent(document, 'DOMContentLoaded').subscribe(() => {
+// 监听 DOMContentLoaded 事件
+document.addEventListener('DOMContentLoaded', function() {
+  // 获取页面中的某个特定元素
   const uiEl = document.querySelector('#example-ref') as HTMLElement;
   if (uiEl) {
+    // 实例化 AppElement 组件
     const view = new AppElement(uiEl);
+  } else {
+    console.error('#example-ref 元素未找到');
   }
 });
+
 ```
 
 ```html

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@type-dom/svgs",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "dependencies": {
     "@type-dom/framework": "*",
     "tslib": "^2.3.0"

package/src/common-svg-list.js

@@ -30,6 +30,24 @@ class CommonSvgList extends framework_1.TypeDiv {
                 height: '2em',
             },
             styleObj: $svgStyle
+        }), new index_1.TdQRCodeSvg({
+            attrObj: {
+                width: '2em',
+                height: '2em',
+            },
+            styleObj: $svgStyle
+        }), new index_1.TdShrinkOutlinedSvg({
+            attrObj: {
+                width: '2em',
+                height: '2em',
+            },
+            styleObj: $svgStyle
+        }), new index_1.TdUnfoldedOutlinedSvg({
+            attrObj: {
+                width: '2em',
+                height: '2em',
+            },
+            styleObj: $svgStyle
         }), new index_1.TdAdaptiveWidthSvg({
             attrObj: {
                 width: '2em',
@@ -390,31 +408,31 @@ class CommonSvgList extends framework_1.TypeDiv {
                 height: '2em',
             },
             styleObj: $svgStyle
-        }), new index_1.TdFormatBrushNewSvg({
+        }), new index_1.TdFormImageSvg({
             attrObj: {
                 width: '2em',
                 height: '2em',
             },
             styleObj: $svgStyle
-        }), new index_1.TdFormatBrushSvg({
+        }), new index_1.TdFormQRCodeSvg({
             attrObj: {
                 width: '2em',
                 height: '2em',
             },
             styleObj: $svgStyle
-        }), new index_1.TdFormImageSvg({
+        }), new index_1.TdFormTextSvg({
             attrObj: {
                 width: '2em',
                 height: '2em',
             },
             styleObj: $svgStyle
-        }), new index_1.TdFormQRCodeSvg({
+        }), new index_1.TdFormatBrushNewSvg({
             attrObj: {
                 width: '2em',
                 height: '2em',
             },
             styleObj: $svgStyle
-        }), new index_1.TdFormTextSvg({
+        }), new index_1.TdFormatBrushSvg({
             attrObj: {
                 width: '2em',
                 height: '2em',
@@ -570,6 +588,12 @@ class CommonSvgList extends framework_1.TypeDiv {
                 height: '2em',
             },
             styleObj: $svgStyle
+        }), new index_1.TdMPageSvg({
+            attrObj: {
+                width: '2em',
+                height: '2em',
+            },
+            styleObj: $svgStyle
         }), new index_1.TdMergeCellSvg({
             attrObj: {
                 width: '2em',
@@ -606,12 +630,6 @@ class CommonSvgList extends framework_1.TypeDiv {
                 height: '2em',
             },
             styleObj: $svgStyle
-        }), new index_1.TdMPageSvg({
-            attrObj: {
-                width: '2em',
-                height: '2em',
-            },
-            styleObj: $svgStyle
         }), new index_1.TdMultilineInputSvg({
             attrObj: {
                 width: '2em',
@@ -750,12 +768,6 @@ class CommonSvgList extends framework_1.TypeDiv {
                 height: '2em',
             },
             styleObj: $svgStyle
-        }), new index_1.TdQRCodeSvg({
-            attrObj: {
-                width: '2em',
-                height: '2em',
-            },
-            styleObj: $svgStyle
         }), new index_1.TdRadioButtonSvg({
             attrObj: {
                 width: '2em',
@@ -792,6 +804,12 @@ class CommonSvgList extends framework_1.TypeDiv {
                 height: '2em',
             },
             styleObj: $svgStyle
+        }), new index_1.TdSPageSvg({
+            attrObj: {
+                width: '2em',
+                height: '2em',
+            },
+            styleObj: $svgStyle
         }), new index_1.TdSave2Svg({
             attrObj: {
                 width: '2em',
@@ -846,12 +864,6 @@ class CommonSvgList extends framework_1.TypeDiv {
                 height: '2em',
             },
             styleObj: $svgStyle
-        }), new index_1.TdShrinkOutlinedSvg({
-            attrObj: {
-                width: '2em',
-                height: '2em',
-            },
-            styleObj: $svgStyle
         }), new index_1.TdSignSvg({
             attrObj: {
                 width: '2em',
@@ -900,12 +912,6 @@ class CommonSvgList extends framework_1.TypeDiv {
                 height: '2em',
             },
             styleObj: $svgStyle
-        }), new index_1.TdSPageSvg({
-            attrObj: {
-                width: '2em',
-                height: '2em',
-            },
-            styleObj: $svgStyle
         }), new index_1.TdSplitCellSvg({
             attrObj: {
                 width: '2em',
@@ -1140,12 +1146,6 @@ class CommonSvgList extends framework_1.TypeDiv {
                 height: '2em',
             },
             styleObj: $svgStyle
-        }), new index_1.TdUnfoldedOutlinedSvg({
-            attrObj: {
-                width: '2em',
-                height: '2em',
-            },
-            styleObj: $svgStyle
         }), new index_1.TdUserSvg({
             attrObj: {
                 width: '2em',

package/src/lib/common/404.js

@@ -6,19 +6,19 @@ class Td404Svg extends framework_1.TypeSvgSvg {
     constructor(params = {}) {
         super();
         this.className = 'Td404Svg';
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             name: 'Td404Svg',
             title: 'Td404Svg'
         });
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             viewBox: '0 0 128 128',
         });
         this.resetSize(24, 24);
         this.childNodes = [];
-        const path0 = new framework_1.SvgPath({ parent: this, attrObj: { fill: 'currentColor' } });
+        const path0 = new framework_1.SvgPath({ attrObj: { fill: 'currentColor' } });
         path0.setData('M121.718 73.272v9.953c3.957-7.584 6.199-16.05 6.199-24.995C127.917 26.079 99.273 0 63.958 0 28.644 0 0 26.079 0 58.23c0 .403.028.806.028 1.21l22.97-25.953h13.34l-19.76 27.187h6.42V53.77l13.728-19.477v49.361H22.998V73.272H2.158c5.951 20.284 23.608 36.208 45.998 41.399-1.44 3.3-5.618 11.263-12.565 12.674-8.607 1.764 23.358.428 46.163-13.178 17.519-4.611 31.938-15.849 39.77-30.513h-13.506V73.272H85.02V59.464l22.998-25.977h13.008l-19.429 27.187h6.421v-7.433l13.727-19.402v39.433h-.027zm-78.24 2.822a10.516 10.516 0 0 1-.996-4.535V44.548c0-1.613.332-3.124.996-4.535a11.66 11.66 0 0 1 2.713-3.68c1.134-1.032 2.49-1.864 4.04-2.468 1.55-.605 3.21-.908 4.982-.908h11.292c1.77 0 3.431.303 4.981.908 1.522.604 2.85 1.41 3.986 2.418l-12.26 16.303v-2.898a1.96 1.96 0 0 0-.665-1.512c-.443-.403-.996-.604-1.66-.604-.665 0-1.218.201-1.661.604a1.96 1.96 0 0 0-.664 1.512v9.071L44.364 77.606a10.556 10.556 0 0 1-.886-1.512zm35.73-4.535c0 1.613-.332 3.124-.997 4.535a11.66 11.66 0 0 1-2.712 3.68c-1.134 1.032-2.49 1.864-4.04 2.469-1.55.604-3.21.907-4.982.907H55.185c-1.77 0-3.431-.303-4.981-.907-1.55-.605-2.906-1.437-4.041-2.47a12.49 12.49 0 0 1-1.384-1.512l13.727-18.217v6.375c0 .605.222 1.109.665 1.512.442.403.996.604 1.66.604.664 0 1.218-.201 1.66-.604a1.96 1.96 0 0 0 .665-1.512V53.87L75.97 36.838c.913.932 1.66 1.99 2.214 3.175.664 1.41.996 2.922.996 4.535v27.011h.028z');
-        this.childNodes.push(path0);
-        this.setProps(params);
+        this.addChild(path0);
+        this.useParams(params);
     }
 }
 exports.Td404Svg = Td404Svg;

package/src/lib/common/A+.js

@@ -6,22 +6,22 @@ class TdAPlusSvg extends framework_1.TypeSvgSvg {
     constructor(params = {}) {
         super();
         this.className = 'TdAPlusSvg';
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             name: 'TdAPlusSvg',
             title: 'TdAPlusSvg'
         });
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             viewBox: '0 0 1024 1024',
         });
         this.resetSize(24, 24);
         this.childNodes = [];
-        const path0 = new framework_1.SvgPath({ parent: this, attrObj: { fill: 'currentColor' } });
+        const path0 = new framework_1.SvgPath({ attrObj: { fill: 'currentColor' } });
         path0.setData('M631.1 266.9h152.2v41H631.1zM824.3 266.9h152.2v41H824.3zM783.3 307.8h41V460h-41zM783.3 114.6h41v152.2h-41z');
-        this.childNodes.push(path0);
-        const path1 = new framework_1.SvgPath({ parent: this, attrObj: { fill: 'currentColor' } });
+        this.addChild(path0);
+        const path1 = new framework_1.SvgPath({ attrObj: { fill: 'currentColor' } });
         path1.setData('M783.3 266.9h41v41h-41zM368.5 150.5L57.2 855.2h73.2l101.3-236.8h346.7l98.9 236.8h78.1L444.2 150.5h-75.7zM559 572H251.3l54.9-127.6c35.4-82.2 65.9-156.6 96.4-241.7h4.9c31.7 85.1 61 159.5 97.7 241.7L559 572z');
-        this.childNodes.push(path1);
-        this.setProps(params);
+        this.addChild(path1);
+        this.useParams(params);
     }
 }
 exports.TdAPlusSvg = TdAPlusSvg;

package/src/lib/common/A-.js

@@ -6,19 +6,19 @@ class TdAMinusSvg extends framework_1.TypeSvgSvg {
     constructor(params = {}) {
         super();
         this.className = 'TdAMinusSvg';
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             name: 'TdAMinusSvg',
             title: 'TdAMinusSvg'
         });
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             viewBox: '0 0 1024 1024',
         });
         this.resetSize(24, 24);
         this.childNodes = [];
-        const path0 = new framework_1.SvgPath({ parent: this, attrObj: { fill: 'currentColor' } });
+        const path0 = new framework_1.SvgPath({ attrObj: { fill: 'currentColor' } });
         path0.setData('M631.1 266.9h345.4v41H631.1zM368.5 150.5L57.2 855.2h73.2l101.3-236.8h346.7l98.9 236.8h78.1L444.2 150.5h-75.7zM559 572H251.3l54.9-127.6c35.4-82.2 65.9-156.6 96.4-241.7h4.9c31.7 85.1 61 159.5 97.7 241.7L559 572z');
-        this.childNodes.push(path0);
-        this.setProps(params);
+        this.addChild(path0);
+        this.useParams(params);
     }
 }
 exports.TdAMinusSvg = TdAMinusSvg;

package/src/lib/common/QRCode.js

@@ -6,28 +6,28 @@ class TdQRCodeSvg extends framework_1.TypeSvgSvg {
     constructor(params = {}) {
         super();
         this.className = 'TdQRCodeSvg';
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             name: 'TdQRCodeSvg',
             title: 'TdQRCodeSvg'
         });
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             viewBox: '50 50 974 974',
         });
         this.resetSize(24, 24);
         this.childNodes = [];
-        const path0 = new framework_1.SvgPath({ parent: this, attrObj: { fill: 'currentColor' } });
+        const path0 = new framework_1.SvgPath({ attrObj: { fill: 'currentColor' } });
         path0.setData('M256 256h73.143v73.143H256V256zM841.143 841.143h73.143v73.143h-73.143v-73.143zM841.143 694.857H768V548.571H548.571V914.286h73.143V621.714h73.143V768h219.429V548.571h-73.143z');
-        this.childNodes.push(path0);
-        const path1 = new framework_1.SvgPath({ parent: this, attrObj: { fill: 'currentColor' } });
+        this.addChild(path0);
+        const path1 = new framework_1.SvgPath({ attrObj: { fill: 'currentColor' } });
         path1.setData('M694.857 841.143H768v73.143h-73.143v-73.143zM109.714 475.429H475.43V109.714H109.714V475.43z m73.143-292.572h219.429v219.429H182.857V182.857zM256 694.857h73.143V768H256v-73.143z');
-        this.childNodes.push(path1);
-        const path2 = new framework_1.SvgPath({ parent: this, attrObj: { fill: 'currentColor' } });
+        this.addChild(path1);
+        const path2 = new framework_1.SvgPath({ attrObj: { fill: 'currentColor' } });
         path2.setData('M109.714 914.286H475.43V548.57H109.714v365.715z m73.143-292.572h219.429v219.429H182.857V621.714zM694.857 256H768v73.143h-73.143V256z');
-        this.childNodes.push(path2);
-        const path3 = new framework_1.SvgPath({ parent: this, attrObj: { fill: 'currentColor' } });
+        this.addChild(path2);
+        const path3 = new framework_1.SvgPath({ attrObj: { fill: 'currentColor' } });
         path3.setData('M548.571 109.714V475.43h365.715V109.714H548.57z m292.572 292.572H621.714V182.857h219.429v219.429z');
-        this.childNodes.push(path3);
-        this.setProps(params);
+        this.addChild(path3);
+        this.useParams(params);
     }
 }
 exports.TdQRCodeSvg = TdQRCodeSvg;

package/src/lib/common/Shrink-outlined.js

@@ -6,19 +6,19 @@ class TdShrinkOutlinedSvg extends framework_1.TypeSvgSvg {
     constructor(params = {}) {
         super();
         this.className = 'TdShrinkOutlinedSvg';
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             name: 'TdShrinkOutlinedSvg',
             title: 'TdShrinkOutlinedSvg'
         });
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             viewBox: '0 0 1024 1024',
         });
         this.resetSize(24, 24);
         this.childNodes = [];
-        const path0 = new framework_1.SvgPath({ parent: this, attrObj: { fill: 'currentColor' } });
+        const path0 = new framework_1.SvgPath({ attrObj: { fill: 'currentColor' } });
         path0.setData('M848 128A48 48 0 0 1 896 176v672a48 48 0 0 1-48 48h-672A48 48 0 0 1 128 848v-672A48 48 0 0 1 176 128h672zM832 192H192v640h640V192z m-128 288a32 32 0 0 1 0 64H320a32 32 0 0 1 0-64h384z');
-        this.childNodes.push(path0);
-        this.setProps(params);
+        this.addChild(path0);
+        this.useParams(params);
     }
 }
 exports.TdShrinkOutlinedSvg = TdShrinkOutlinedSvg;

package/src/lib/common/Unfolded-outlined.js

@@ -6,19 +6,19 @@ class TdUnfoldedOutlinedSvg extends framework_1.TypeSvgSvg {
     constructor(params = {}) {
         super();
         this.className = 'TdUnfoldedOutlinedSvg';
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             name: 'TdUnfoldedOutlinedSvg',
             title: 'TdUnfoldedOutlinedSvg'
         });
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             viewBox: '0 0 1024 1024',
         });
         this.resetSize(24, 24);
         this.childNodes = [];
-        const path0 = new framework_1.SvgPath({ parent: this, attrObj: { fill: 'currentColor' } });
+        const path0 = new framework_1.SvgPath({ attrObj: { fill: 'currentColor' } });
         path0.setData('M848 128A48 48 0 0 1 896 176v672a48 48 0 0 1-48 48h-672A48 48 0 0 1 128 848v-672A48 48 0 0 1 176 128h672zM832 192H192v640h640V192zM512 288a32 32 0 0 1 32 32v160h160a32 32 0 0 1 0 64h-160v160a32 32 0 0 1-64 0v-160h-160a32 32 0 0 1 0-64h160v-160a32 32 0 0 1 32-32z');
-        this.childNodes.push(path0);
-        this.setProps(params);
+        this.addChild(path0);
+        this.useParams(params);
     }
 }
 exports.TdUnfoldedOutlinedSvg = TdUnfoldedOutlinedSvg;

package/src/lib/common/adaptive-width.js

@@ -6,19 +6,19 @@ class TdAdaptiveWidthSvg extends framework_1.TypeSvgSvg {
     constructor(params = {}) {
         super();
         this.className = 'TdAdaptiveWidthSvg';
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             name: 'TdAdaptiveWidthSvg',
             title: 'TdAdaptiveWidthSvg'
         });
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             viewBox: '0 0 1024 1024',
         });
         this.resetSize(24, 24);
         this.childNodes = [];
-        const path0 = new framework_1.SvgPath({ parent: this, attrObj: { fill: 'currentColor' } });
+        const path0 = new framework_1.SvgPath({ attrObj: { fill: 'currentColor' } });
         path0.setData('M960.605 932.345v-240.231c0.045-7.2-2.723-14.445-8.213-19.98-11.115-11.047-29.002-11.047-40.071 0-5.535 5.535-8.303 12.757-8.303 19.98v171.923l-351.99-352.035 351.99-352.013v171.855c0 7.245 2.767 14.49 8.303 20.002 11.070 11.070 28.957 11.070 40.071 0 5.49-5.511 8.257-12.78 8.213-20.002v-240.187c0.045-7.223-2.723-14.468-8.213-20.003-5.58-5.511-12.803-8.279-20.025-8.302h-240.233c-7.222 0-14.467 2.79-19.98 8.302-11.115 11.049-11.115 28.957 0 40.050 5.511 5.535 12.735 8.302 19.98 8.279h171.9l-352.013 352.013-352.012-352.035h171.855c7.268 0.022 14.49-2.745 20.025-8.279 11.070-11.047 11.070-29.002 0-40.050-5.49-5.511-12.758-8.279-20.025-8.303h-240.187c-7.268 0-14.513 2.79-20.025 8.303-5.513 5.558-8.279 12.803-8.279 20.048v240.165c0 7.245 2.79 14.512 8.279 20.002 11.070 11.070 28.98 11.070 40.028 0 5.513-5.511 8.279-12.713 8.279-20.002v-171.855l352.058 352.012-352.035 352.035v-171.922c0-7.2-2.745-14.445-8.279-19.98-11.070-11.047-29.002-11.047-40.028 0-5.558 5.535-8.279 12.757-8.279 19.98v240.231c0 7.223 2.79 14.468 8.279 20.048 5.535 5.468 12.757 8.279 20.025 8.279h240.188c7.268 0 14.49-2.745 20.025-8.279 11.070-11.047 11.070-29.002 0-40.050-5.535-5.535-12.78-8.257-20.025-8.257h-171.877l352.012-352.035 352.013 352.035h-171.9c-7.222 0-14.467 2.768-19.98 8.257-11.115 11.049-11.115 29.002 0 40.050 5.511 5.468 12.735 8.279 19.98 8.279h240.255c7.2 0 14.445-2.813 20.025-8.279 5.467-5.602 8.19-12.825 8.19-20.048z');
-        this.childNodes.push(path0);
-        this.setProps(params);
+        this.addChild(path0);
+        this.useParams(params);
     }
 }
 exports.TdAdaptiveWidthSvg = TdAdaptiveWidthSvg;

package/src/lib/common/add-bookmark.js

@@ -6,22 +6,22 @@ class TdAddBookmarkSvg extends framework_1.TypeSvgSvg {
     constructor(params = {}) {
         super();
         this.className = 'TdAddBookmarkSvg';
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             name: 'TdAddBookmarkSvg',
             title: 'TdAddBookmarkSvg'
         });
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             viewBox: '0 0 1024 1024',
         });
         this.resetSize(24, 24);
         this.childNodes = [];
-        const path0 = new framework_1.SvgPath({ parent: this, attrObj: { fill: 'currentColor' } });
+        const path0 = new framework_1.SvgPath({ attrObj: { fill: 'currentColor' } });
         path0.setData('M784.896 32.256H245.248a143.9744 143.9744 0 0 0-143.872 143.872v709.12a101.6832 101.6832 0 0 0 16.384 55.808 107.8784 107.8784 0 0 0 147.456 35.84L499.2 834.56a35.84 35.84 0 0 1 37.888 0l226.816 140.288a101.6832 101.6832 0 0 0 55.808 16.384 108.3904 108.3904 0 0 0 108.032-108.032V176.128a142.4896 142.4896 0 0 0-142.848-143.872z m72.192 850.944a35.84 35.84 0 0 1-35.84 35.84 29.9008 29.9008 0 0 1-17.92-5.632L576.512 773.12a104.6016 104.6016 0 0 0-111.616 0l-233.984 142.336a34.0992 34.0992 0 0 1-48.64-12.8 36.5056 36.5056 0 0 1-5.632-17.92V176.128a72.448 72.448 0 0 1 72.192-72.192H788.48a71.9872 71.9872 0 0 1 71.68 72.192v707.072z');
-        this.childNodes.push(path0);
-        const path1 = new framework_1.SvgPath({ parent: this, attrObj: { fill: 'currentColor' } });
+        this.addChild(path0);
+        const path1 = new framework_1.SvgPath({ attrObj: { fill: 'currentColor' } });
         path1.setData('M703.488 373.248a22.3232 22.3232 0 0 0-9.728-9.728 35.84 35.84 0 0 0-15.36-4.096h-135.168V224.256a42.9056 42.9056 0 0 0-4.096-15.36 22.3232 22.3232 0 0 0-9.728-9.728 42.9056 42.9056 0 0 0-15.36-4.096 42.9056 42.9056 0 0 0-15.36 4.096 22.3232 22.3232 0 0 0-9.728 9.728 42.9056 42.9056 0 0 0-4.096 15.36v135.168H350.208a42.9056 42.9056 0 0 0-15.36 4.096 22.3232 22.3232 0 0 0-9.728 9.728 42.9056 42.9056 0 0 0-4.096 15.36 42.9056 42.9056 0 0 0 4.096 15.36 22.3232 22.3232 0 0 0 9.728 9.728 35.84 35.84 0 0 0 15.36 4.096h135.168V552.96a42.9056 42.9056 0 0 0 4.096 15.36 22.3232 22.3232 0 0 0 9.728 9.728 42.9056 42.9056 0 0 0 15.36 4.096 42.9056 42.9056 0 0 0 15.36-4.096 22.3232 22.3232 0 0 0 9.728-9.728 35.84 35.84 0 0 0 4.096-15.36V417.792h135.168a42.9056 42.9056 0 0 0 15.36-4.096 22.3232 22.3232 0 0 0 9.728-9.728 35.84 35.84 0 0 0 4.096-15.36 44.032 44.032 0 0 0-4.608-15.36z');
-        this.childNodes.push(path1);
-        this.setProps(params);
+        this.addChild(path1);
+        this.useParams(params);
     }
 }
 exports.TdAddBookmarkSvg = TdAddBookmarkSvg;

package/src/lib/common/add-comments.js

@@ -6,19 +6,19 @@ class TdAddCommentsSvg extends framework_1.TypeSvgSvg {
     constructor(params = {}) {
         super();
         this.className = 'TdAddCommentsSvg';
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             name: 'TdAddCommentsSvg',
             title: 'TdAddCommentsSvg'
         });
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             viewBox: '0 0 1024 1024',
         });
         this.resetSize(24, 24);
         this.childNodes = [];
-        const path0 = new framework_1.SvgPath({ parent: this, attrObj: { fill: 'currentColor' } });
+        const path0 = new framework_1.SvgPath({ attrObj: { fill: 'currentColor' } });
         path0.setData('M949.570847 212.673727l-41.801035 41.517579L768.565377 115.843378l41.801035-41.459251c15.340383-15.283078 39.522132-16.084327 53.892421-1.768273l87.024006 86.454024C965.710432 173.382862 964.91123 197.393719 949.570847 212.673727L949.570847 212.673727zM580.373227 579.594491 441.169815 441.244516l306.238706-304.299541 139.205459 138.348951L580.373227 579.594491 580.373227 579.594491zM560.984644 598.869486l-194.863083 55.314817 55.659671-193.666838L560.984644 598.869486 560.984644 598.869486zM236.551554 178.118724c-48.13223 0-87.081311 38.949081-87.081311 87.024006l0 522.372232c0 48.062646 38.962384 87.026052 87.026052 87.026052l522.485819 0c48.063669 0 87.028099-38.963407 87.028099-87.028099L846.010213 439.248046l87.079264-87.028099 0 464.321094c0 80.124875-64.954361 145.078213-145.078213 145.078213L207.468169 961.619254c-80.124875 0-145.078213-64.954361-145.078213-145.078213L62.389956 236.114602c0-80.124875 64.954361-145.078213 145.078213-145.078213l464.435705 0-87.083357 87.083357L236.551554 178.119747 236.551554 178.118724z');
-        this.childNodes.push(path0);
-        this.setProps(params);
+        this.addChild(path0);
+        this.useParams(params);
     }
 }
 exports.TdAddCommentsSvg = TdAddCommentsSvg;

package/src/lib/common/add-restricted-edit.js

@@ -6,19 +6,19 @@ class TdAddRestrictedEditSvg extends framework_1.TypeSvgSvg {
     constructor(params = {}) {
         super();
         this.className = 'TdAddRestrictedEditSvg';
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             name: 'TdAddRestrictedEditSvg',
             title: 'TdAddRestrictedEditSvg'
         });
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             viewBox: '0 0 1024 1024',
         });
         this.resetSize(24, 24);
         this.childNodes = [];
-        const path0 = new framework_1.SvgPath({ parent: this, attrObj: { fill: 'currentColor' } });
+        const path0 = new framework_1.SvgPath({ attrObj: { fill: 'currentColor' } });
         path0.setData('M435.556 516.331l-36.055 108.169 108.169-36.055c3.938-1.294 7.594-3.545 10.519-6.525l414.281-414.281c21.038-21.037 21.038-55.125 0-76.162s-55.125-21.038-76.163 0l-414.225 414.337c-2.981 2.925-5.23 6.525-6.525 10.519zM935.056 399.5h-58.669c-14.85 0-26.887 12.038-26.887 26.944v396.169c0 14.85-12.037 26.887-26.944 26.887h-621.113c-14.906 0-26.944-12.037-26.944-26.944v-621.113c0-14.906 12.037-26.944 26.944-26.944h396.169c14.85 0 26.887-12.037 26.887-26.944v-58.612c0-14.906-12.038-26.944-26.944-26.944h-508.613c-14.906 0-26.944 12.037-26.944 26.944v846.169c0 14.85 12.037 26.887 26.944 26.887h846.169c14.85 0 26.887-12.037 26.887-26.944v-508.613c0-14.906-12.037-26.944-26.944-26.944z');
-        this.childNodes.push(path0);
-        this.setProps(params);
+        this.addChild(path0);
+        this.useParams(params);
     }
 }
 exports.TdAddRestrictedEditSvg = TdAddRestrictedEditSvg;

package/src/lib/common/add.js

@@ -6,19 +6,19 @@ class TdAddSvg extends framework_1.TypeSvgSvg {
     constructor(params = {}) {
         super();
         this.className = 'TdAddSvg';
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             name: 'TdAddSvg',
             title: 'TdAddSvg'
         });
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             viewBox: '0 0 1024 1024',
         });
         this.resetSize(24, 24);
         this.childNodes = [];
-        const path0 = new framework_1.SvgPath({ parent: this, attrObj: { fill: 'currentColor' } });
+        const path0 = new framework_1.SvgPath({ attrObj: { fill: 'currentColor' } });
         path0.setData('M512 42.666667c259.2 0 469.333333 210.133333 469.333333 469.333333s-210.133333 469.333333-469.333333 469.333333S42.666667 771.2 42.666667 512 252.8 42.666667 512 42.666667z m0 64C288.149333 106.666667 106.666667 288.149333 106.666667 512s181.482667 405.333333 405.333333 405.333333 405.333333-181.482667 405.333333-405.333333S735.850667 106.666667 512 106.666667z m34.133333 213.333333c4.693333 0 8.533333 3.84 8.533334 8.533333V469.333333h140.8c4.693333 0 8.533333 3.84 8.533333 8.533334v46.933333a8.533333 8.533333 0 0 1-8.533333 8.533333H554.666667v140.8a8.533333 8.533333 0 0 1-8.533334 8.533334h-46.933333a8.533333 8.533333 0 0 1-8.533333-8.533334V533.333333h-140.8a8.533333 8.533333 0 0 1-8.533334-8.533333v-46.933333c0-4.693333 3.84-8.533333 8.533334-8.533334H490.666667v-140.8c0-4.693333 3.84-8.533333 8.533333-8.533333h46.933333z');
-        this.childNodes.push(path0);
-        this.setProps(params);
+        this.addChild(path0);
+        this.useParams(params);
     }
 }
 exports.TdAddSvg = TdAddSvg;

package/src/lib/common/align-bottom.js

@@ -6,19 +6,19 @@ class TdAlignBottomSvg extends framework_1.TypeSvgSvg {
     constructor(params = {}) {
         super();
         this.className = 'TdAlignBottomSvg';
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             name: 'TdAlignBottomSvg',
             title: 'TdAlignBottomSvg'
         });
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             viewBox: '0 0 1024 1024',
         });
         this.resetSize(24, 24);
         this.childNodes = [];
-        const path0 = new framework_1.SvgPath({ parent: this, attrObj: { fill: 'currentColor' } });
+        const path0 = new framework_1.SvgPath({ attrObj: { fill: 'currentColor' } });
         path0.setData('M368.64 590.933333A21.333333 21.333333 0 0 1 384 554.666667h85.333333V149.333333a21.333333 21.333333 0 0 1 21.333334-21.333333h42.666666a21.333333 21.333333 0 0 1 21.333334 21.333333V554.666667h85.333333a21.333333 21.333333 0 0 1 14.933333 36.266666l-128 128a21.76 21.76 0 0 1-30.293333 0zM149.333333 896h725.333334a21.333333 21.333333 0 0 0 21.333333-21.333333v-42.666667a21.333333 21.333333 0 0 0-21.333333-21.333333h-725.333334a21.333333 21.333333 0 0 0-21.333333 21.333333v42.666667a21.333333 21.333333 0 0 0 21.333333 21.333333z');
-        this.childNodes.push(path0);
-        this.setProps(params);
+        this.addChild(path0);
+        this.useParams(params);
     }
 }
 exports.TdAlignBottomSvg = TdAlignBottomSvg;

package/src/lib/common/align-center.js

@@ -6,19 +6,19 @@ class TdAlignCenterSvg extends framework_1.TypeSvgSvg {
     constructor(params = {}) {
         super();
         this.className = 'TdAlignCenterSvg';
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             name: 'TdAlignCenterSvg',
             title: 'TdAlignCenterSvg'
         });
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             viewBox: '0 0 1462 1024',
         });
         this.resetSize(24, 24);
         this.childNodes = [];
-        const path0 = new framework_1.SvgPath({ parent: this, attrObj: { fill: 'currentColor' } });
+        const path0 = new framework_1.SvgPath({ attrObj: { fill: 'currentColor' } });
         path0.setData('M364.15158697 353.04924526h741.54183589c14.61218387 0 27.05619893 5.2050163 37.45916992 15.5232382 10.33234661 10.41709569 15.50911346 22.84698604 15.50911346 37.48741935 0 14.61924623-5.17676685 27.04913656-15.50911346 37.45210753-10.40297098 10.33940898-22.84698604 15.52323819-37.45916992 15.5232382H364.15158697c-14.61924623 0-27.11976093-5.18382922-37.43092046-15.5232382-10.40297098-10.40297098-15.5656131-22.83992366-15.56561237-37.45210753 0-14.64043332 5.16264212-27.07032366 15.56561237-37.48741935 10.31115879-10.31115879 22.8116735-15.52323819 37.43092046-15.5232382m-105.93656602 211.85194421h953.37259302c14.61924623 0 27.07738602 5.15557975 37.48035699 15.55148836 10.31115879 10.33234661 15.50911346 22.82579894 15.50911346 37.43091973 0 14.62630859-5.19089157 27.10563621-15.50911346 37.43091973-10.40297098 10.41003333-22.86817312 15.58680018-37.48035699 15.58680018H258.21502095c-14.61924623 0-27.07738602-5.17676685-37.49448172-15.57973783C210.42350516 644.98923375 205.21142577 632.50990616 205.21142577 617.89065992s5.21207939-27.10563621 15.50911346-37.43091972c10.41709569-10.41003333 22.88229858-15.55855001 37.49448172-15.55855074m105.93656601 211.89431911h741.54183589c14.61218387 0 27.05619893 5.12026722 37.45916992 15.53736293 10.33234661 10.33234661 15.50911346 22.8116735 15.50911346 37.43092044 0 14.6474957-5.17676685 27.13388565-15.50911346 37.43091972-10.40297098 10.41003333-22.84698604 15.57267547-37.45916992 15.57267547H364.15158697c-14.61924623 0-27.11976093-5.16264212-37.43092046-15.5656131-10.40297098-10.30409643-15.5656131-22.7904864-15.56561237-37.43091972 0-14.62630859 5.16264212-27.10563621 15.56561237-37.43091973 10.31115879-10.42415807 22.8116735-15.53736293 37.43092046-15.53736364M258.21502095 141.21142578h953.37259302c14.61924623 0 27.07738602 5.15557975 37.48035699 15.55148764 10.31115879 10.30409643 15.50911346 22.8116735 15.50911346 37.43092045 0 14.62630859-5.19089157 27.11976093-15.50911346 37.43091973-10.40297098 10.42415807-22.86817312 15.55855001-37.48035699 15.55855001H258.21502095c-14.61924623 0-27.07738602-5.13439194-37.49448172-15.55148764C210.42350516 221.32065718 205.21142577 208.82014247 205.21142577 194.20089625c0-14.63337096 5.21207939-27.13388565 15.50911346-37.43092046C231.13763494 146.35288008 243.60283709 141.21142578 258.21502095 141.21142578');
-        this.childNodes.push(path0);
-        this.setProps(params);
+        this.addChild(path0);
+        this.useParams(params);
     }
 }
 exports.TdAlignCenterSvg = TdAlignCenterSvg;

package/src/lib/common/align-justified.js

@@ -6,19 +6,19 @@ class TdAlignJustifiedSvg extends framework_1.TypeSvgSvg {
     constructor(params = {}) {
         super();
         this.className = 'TdAlignJustifiedSvg';
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             name: 'TdAlignJustifiedSvg',
             title: 'TdAlignJustifiedSvg'
         });
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             viewBox: '0 0 1024 1024',
         });
         this.resetSize(24, 24);
         this.childNodes = [];
-        const path0 = new framework_1.SvgPath({ parent: this, attrObj: { fill: 'currentColor' } });
+        const path0 = new framework_1.SvgPath({ attrObj: { fill: 'currentColor' } });
         path0.setData('M864 160h-704a32 32 0 0 1 0-64h704a32 32 0 0 1 0 64zM864 672h-704a32 32 0 0 1 0-64h704a32 32 0 0 1 0 64zM864 928h-704a32 32 0 0 1 0-64h704a32 32 0 0 1 0 64zM864 416h-704a32 32 0 0 1 0-64h704a32 32 0 0 1 0 64z');
-        this.childNodes.push(path0);
-        this.setProps(params);
+        this.addChild(path0);
+        this.useParams(params);
     }
 }
 exports.TdAlignJustifiedSvg = TdAlignJustifiedSvg;

package/src/lib/common/align-left.js

@@ -6,19 +6,19 @@ class TdAlignLeftSvg extends framework_1.TypeSvgSvg {
     constructor(params = {}) {
         super();
         this.className = 'TdAlignLeftSvg';
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             name: 'TdAlignLeftSvg',
             title: 'TdAlignLeftSvg'
         });
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             viewBox: '0 0 1024 1024',
         });
         this.resetSize(24, 24);
         this.childNodes = [];
-        const path0 = new framework_1.SvgPath({ parent: this, attrObj: { fill: 'currentColor' } });
+        const path0 = new framework_1.SvgPath({ attrObj: { fill: 'currentColor' } });
         path0.setData('M162.304 186.88H865.28v63.488H162.304zM162.304 376.832h534.528V440.32H162.304zM162.304 567.296H865.28v63.488H162.304zM162.304 757.248h534.528v63.488H162.304z');
-        this.childNodes.push(path0);
-        this.setProps(params);
+        this.addChild(path0);
+        this.useParams(params);
     }
 }
 exports.TdAlignLeftSvg = TdAlignLeftSvg;