dom-render 1.0.89 โ†’ 1.0.90

Sign up to get free protection for your applications and to get access to all the features.
Files changed (10) hide show
  1. package/DomRenderProxy.js +31 -11
  2. package/README.MD +18 -11
  3. package/components/ComponentSet.d.ts +1 -1
  4. package/dist/bundle.js +275 -248
  5. package/events/EventManager.js +0 -1
  6. package/lifecycle/OnInitRender.d.ts +1 -6
  7. package/operators/DrForm.js +4 -4
  8. package/package.json +1 -1
  9. package/rawsets/RawSet.d.ts +6 -0
  10. package/rawsets/RawSet.js +32 -14
package/DomRenderProxy.js CHANGED
@@ -1,4 +1,13 @@
1
1
  "use strict";
2
+ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
3
+ if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
4
+ if (ar || !(i in from)) {
5
+ if (!ar) ar = Array.prototype.slice.call(from, 0, i);
6
+ ar[i] = from[i];
7
+ }
8
+ }
9
+ return to.concat(ar || Array.prototype.slice.call(from));
10
+ };
2
11
  Object.defineProperty(exports, "__esModule", { value: true });
3
12
  exports.DomRenderProxy = void 0;
4
13
  var RawSet_1 = require("./rawsets/RawSet");
@@ -56,13 +65,16 @@ var DomRenderProxy = /** @class */ (function () {
56
65
  };
57
66
  DomRenderProxy.prototype.initRender = function (target) {
58
67
  var _this = this;
59
- var _a, _b, _c, _d, _e, _f, _g;
60
- var onCreate = (_b = (_a = target).getAttribute) === null || _b === void 0 ? void 0 : _b.call(_a, "".concat(EventManager_1.EventManager.attrPrefix, "on-create"));
61
- var createParam;
68
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j;
69
+ var onCreate = (_b = (_a = target).getAttribute) === null || _b === void 0 ? void 0 : _b.call(_a, RawSet_1.RawSet.DR_ON_CREATE_ARGUMENTS_OPTIONNAME);
70
+ var createParam = [];
62
71
  if (onCreate) {
63
72
  createParam = ScriptUtils_1.ScriptUtils.evalReturn(onCreate, this._domRender_proxy);
73
+ if (!Array.isArray(createParam)) {
74
+ createParam = [createParam];
75
+ }
64
76
  }
65
- (_d = (_c = this._domRender_proxy) === null || _c === void 0 ? void 0 : _c.onCreateRender) === null || _d === void 0 ? void 0 : _d.call(_c, createParam);
77
+ (_d = (_c = this._domRender_proxy) === null || _c === void 0 ? void 0 : _c.onCreateRender) === null || _d === void 0 ? void 0 : _d.call.apply(_d, __spreadArray([_c], createParam, false));
66
78
  var innerHTML = (_e = target.innerHTML) !== null && _e !== void 0 ? _e : '';
67
79
  this._targets.add(target);
68
80
  var rawSets = RawSet_1.RawSet.checkPointCreates(target, this._domRender_proxy, this.config);
@@ -81,13 +93,21 @@ var DomRenderProxy = /** @class */ (function () {
81
93
  }
82
94
  });
83
95
  this.render(this.getRawSets());
84
- var render = { target: target };
85
- var creatorMetaData = {
86
- creator: this._domRender_proxy,
87
- rootCreator: this._domRender_proxy,
88
- innerHTML: innerHTML
89
- };
90
- (_g = (_f = this._domRender_proxy) === null || _f === void 0 ? void 0 : _f.onInitRender) === null || _g === void 0 ? void 0 : _g.call(_f, { render: render, creatorMetaData: creatorMetaData });
96
+ // const render = {target} as Render;
97
+ // const creatorMetaData = {
98
+ // creator: this._domRender_proxy,
99
+ // rootCreator: this._domRender_proxy,
100
+ // innerHTML
101
+ // } as CreatorMetaData;
102
+ var onInit = (_g = (_f = target).getAttribute) === null || _g === void 0 ? void 0 : _g.call(_f, RawSet_1.RawSet.DR_ON_INIT_ARGUMENTS_OPTIONNAME);
103
+ var initParam = [];
104
+ if (onCreate) {
105
+ initParam = ScriptUtils_1.ScriptUtils.evalReturn(onCreate, this._domRender_proxy);
106
+ if (!Array.isArray(initParam)) {
107
+ initParam = [initParam];
108
+ }
109
+ }
110
+ (_j = (_h = this._domRender_proxy) === null || _h === void 0 ? void 0 : _h.onInitRender) === null || _j === void 0 ? void 0 : _j.call.apply(_j, __spreadArray([_h], initParam, false));
91
111
  };
92
112
  DomRenderProxy.prototype.getRawSets = function () {
93
113
  var set = new Set();
package/README.MD CHANGED
@@ -7,7 +7,7 @@ DOM-RENDER
7
7
 
8
8
  # ๐Ÿš€ Quick start
9
9
  ```html
10
- <script src="https://cdn.jsdelivr.net/npm/dom-render@1.0.86/dist/bundle.js"></script>
10
+ <script src="https://cdn.jsdelivr.net/npm/dom-render@1.0.90/dist/bundle.js"></script>
11
11
  ```
12
12
  ```html
13
13
  <!DOCTYPE html>
@@ -433,7 +433,7 @@ const data = DomRender.run(new Data(), document.querySelector('#app')!, config);
433
433
  <page-second dr-if="$router.test('/second')">1</page-second>
434
434
  <page-second dr-if="$router.testRegexp('/second/[0-9]?$')">2</page-second>
435
435
  <page-second dr-if="$router.testRegexp('/second/wow$')">wow</page-second>
436
- <page-detail url='/detail/{id:[0-9]+}' dr-if="$router.test($attribute.url)" dr-on-component-init="$component.routerData($router.getRouteData($attribute.url))" ></page-detail>
436
+ <page-detail url='/detail/{id:[0-9]+}' dr-if="$router.test($attribute.url)" dr-on-create:callback="$component.routerData($router.getRouteData($attribute.url))" ></page-detail>
437
437
  <div>
438
438
  <button dr-event-click="this.plusCount()">${this.count}$ count pluse++</button>
439
439
  </div>
@@ -638,15 +638,18 @@ const data = config.scripts.concat('head', 'tail')
638
638
  <body id="app">
639
639
  ${this.name}$
640
640
  <h1>component</h1>
641
- <profile dr-on-component-init="$component.name='jhone'; $component.age=55;"><b>${#component#.details}$</b></profile>
642
- <profile dr-on-component-init="$component.name='cal'; $component.age=56;"><b>detail-2</b></profile>
643
- <profile dr-on-component-init="$component.name='rose'; $component.age=57;">
644
- <profile dr-on-component-init="$component.name='rose-sub'; $component.age=156;">
641
+ <profile dr-on-create:callback="$component.name='jhone'; $component.age=55;"><b>${#component#.details}$</b></profile>
642
+ <profile dr-on-create:callback="$component.name='cal'; $component.age=56;"><b>detail-2</b></profile>
643
+ <profile dr-on-create:callback="$component.name='rose'; $component.age=57;">
644
+ <profile dr-on-create:callback="$component.name='rose-sub'; $component.age=156;">
645
645
  <b>${this.name}$</b>
646
646
  </profile>
647
647
  </profile>
648
648
  <h3>component data link and detect</h3>
649
- <Profile dr-if="this.toggle" dr-detect="$component.age = this.age" dr-on-component-init="$component.name='papa'; $component.age=58;">
649
+ <Profile dr-if="this.toggle" dr-detect="$component.age = this.age" dr-on-create:callback="$component.name='papa'; $component.age=58;">
650
+ <b>${this.name}$</b>
651
+ </Profile>
652
+ <Profile dr-if="this.toggle" dr-detect="$component.age = this.age" dr-on-constructor:arguments="[1,2]">
650
653
  <b>${this.name}$</b>
651
654
  </Profile>
652
655
 
@@ -654,8 +657,8 @@ ${this.name}$
654
657
  <button dr-event-click="this.age = Date.now();">change age</button>
655
658
  <button dr-event-click="this.toggle = !this.toggle;">change toggle</button>
656
659
 
657
- <j1>component constructor, on-create, dr-on-component-init</j1>
658
- <home dr-constructor="[this.name, this.age, 'home welcom']" dr-on-create="{type: 'onCreate', data: 'datadata'}" dr-on-component-init="$component.onInit('data')"></home>
660
+ <j1>component constructor, on-create, dr-on-create:callback</j1>
661
+ <home dr-constructor="[this.name, this.age, 'home welcom']" dr-on-create-arguments="{type: 'onCreate', data: 'datadata'}" dr-on-create:callback="$component.onInit('data')"></home>
659
662
 
660
663
 
661
664
 
@@ -712,7 +715,7 @@ const data = DomRender.run(new Data(), document.querySelector('#app')!, config);
712
715
  ```
713
716
  using component
714
717
  ```html
715
- <my-element dr-on-component-init="$component.say();"></my-element>
718
+ <my-element dr-on-create:callback="$component.say();"></my-element>
716
719
 
717
720
  <home value="${this.name}$" wow="${this.color}$">
718
721
  ${#component#.homeName}$
@@ -722,11 +725,15 @@ using component
722
725
  </home>
723
726
  ```
724
727
  - attribute
725
- - dr-on-component-init: component created init call script
728
+ - dr-on-create:callback: component created init callback script
729
+ - dr-on-create:arguments: component onCreatedRender arguments
730
+ - dr-on-init:arguments: component onInitRender arguments
731
+ - dr-on-constructor:arguments: component counstructor arguments
726
732
  - $component: component instance
727
733
  - $element: element instance
728
734
  - $attribute: element attribute object
729
735
  - $innerHTML: element innerHTML string
736
+ - $creatorMetaData: metaData
730
737
  - #component#: component instance
731
738
  - #innerHTML#: element innerHTML
732
739
  - dr-component-name: renaming component variable name (default: component)
package/components/ComponentSet.d.ts CHANGED
@@ -3,5 +3,5 @@ export declare class ComponentSet {
3
3
  template?: string | undefined;
4
4
  styles?: string[] | undefined;
5
5
  styleLocale: boolean;
6
- constructor(obj: any, template?: string | undefined, styles?: string[] | undefined, styleLocale?: boolean);
6
+ constructor(obj: any);
7
7
  }
package/dist/bundle.js CHANGED
@@ -947,7 +947,6 @@ var EventManager = /** @class */ (function () {
947
947
  EventManager.ownerVariablePathAttrName = 'dr-owner-variable-path';
948
948
  EventManager.attrPrefix = 'dr-';
949
949
  EventManager.onInitAttrName = EventManager.attrPrefix + 'on-init';
950
- // public static readonly onComponentInitAttrName = EventManager.attrPrefix + 'on-component-init';
951
950
  EventManager.valueAttrName = EventManager.attrPrefix + 'value';
952
951
  EventManager.valueLinkAttrName = EventManager.attrPrefix + 'value-link';
953
952
  EventManager.attrAttrName = EventManager.attrPrefix + 'attr';
@@ -1465,7 +1464,7 @@ var DrForm = /** @class */ (function (_super) {
1465
1464
  RawSet.drFormOtherMoveAttr(this.elementSource.element, 'name', 'temp-name', this.source.config);
1466
1465
  var data = ScriptUtils.evalReturn("".concat(this.elementSource.attrs.drForm), this.source.obj);
1467
1466
  var childs = Array.from(this.elementSource.element.querySelectorAll('[name]'));
1468
- var fromName = ScriptUtils.evalReturn((_b = this.elementSource.element.getAttribute('dr-form:name')) !== null && _b !== void 0 ? _b : '', this.source.obj);
1467
+ var fromName = ScriptUtils.evalReturn((_b = this.elementSource.element.getAttribute("".concat(RawSet.DR_FORM_NAME, ":name"))) !== null && _b !== void 0 ? _b : '', this.source.obj);
1469
1468
  var thisName = fromName !== null && fromName !== void 0 ? fromName : this.elementSource.element.getAttribute('name');
1470
1469
  // console.log('dr-form:name', thisName, element.getAttribute('dr-form:name'), obj, element);
1471
1470
  // // ์ž๊ธฐ์ž์‹ ์ด Input ๋Œ€์ƒ์ผ๋•Œ
@@ -1479,10 +1478,10 @@ var DrForm = /** @class */ (function (_super) {
1479
1478
  }
1480
1479
  childs.forEach(function (it) {
1481
1480
  var _a, _b, _c, _d, _e;
1482
- var eventName = (_a = it.getAttribute('dr-form:event')) !== null && _a !== void 0 ? _a : 'change';
1483
- var validatorName = it.getAttribute('dr-form:validator');
1481
+ var eventName = (_a = it.getAttribute("".concat(RawSet.DR_FORM_NAME, ":event"))) !== null && _a !== void 0 ? _a : 'change';
1482
+ var validatorName = it.getAttribute("".concat(RawSet.DR_FORM_NAME, ":validator"));
1484
1483
  var attrEventName = EventManager.attrPrefix + 'event-' + eventName;
1485
- var varpath = (_c = ScriptUtils.evalReturn((_b = _this.elementSource.element.getAttribute('dr-form:name')) !== null && _b !== void 0 ? _b : '', _this.source.obj)) !== null && _c !== void 0 ? _c : it.getAttribute('name');
1484
+ var varpath = (_c = ScriptUtils.evalReturn((_b = _this.elementSource.element.getAttribute("".concat(RawSet.DR_FORM_NAME, ":name"))) !== null && _b !== void 0 ? _b : '', _this.source.obj)) !== null && _c !== void 0 ? _c : it.getAttribute('name');
1486
1485
  if (varpath != null) {
1487
1486
  if (validatorName) {
1488
1487
  ScriptUtils.eval("\n ".concat(_this.render.bindScript, "\n const validator = typeof ").concat(validatorName, " ==='function' ? new ").concat(validatorName, "() : ").concat(validatorName, ";\n ").concat(_this.elementSource.attrs.drForm, "['").concat(varpath, "'] = validator;\n "), Object.assign(_this.source.obj, {
@@ -1851,7 +1850,6 @@ var RawSet = /** @class */ (function () {
1851
1850
  var targetScripts_1 = targetAttrNames.map(function (it) { return element_1.getAttribute(it); }).filter(function (it) { return it; });
1852
1851
  var targetAttrMap = element_1.getAttribute(EventManager.normalAttrMapAttrName);
1853
1852
  if (targetAttrMap) {
1854
- // console.log('----->', targetAttr);
1855
1853
  new Map(JSON.parse(targetAttrMap)).forEach(function (v, k) {
1856
1854
  targetScripts_1.push(v);
1857
1855
  });
@@ -2000,17 +1998,29 @@ var RawSet = /** @class */ (function () {
2000
1998
  });
2001
1999
  // ์ค‘์š” style isolation ๋‚˜์ค‘์— :scope๋กœ ๋Œ€์ฒด ๊ฐ€๋Šฅํ• ๋“ฏ.
2002
2000
  RawSet.generateStyleSheetsLocal();
2003
- // console.log('-22222-')
2004
- // alert(1);
2005
2001
  for (var _p = 0, onThisComponentSetCallBacks_1 = onThisComponentSetCallBacks; _p < onThisComponentSetCallBacks_1.length; _p++) {
2006
2002
  var it_1 = onThisComponentSetCallBacks_1[_p];
2007
- (_c = (_b = it_1.obj).onInitRender) === null || _c === void 0 ? void 0 : _c.call(_b);
2003
+ (_c = (_b = it_1.obj) === null || _b === void 0 ? void 0 : _b.onInitRender) === null || _c === void 0 ? void 0 : _c.call(_b);
2008
2004
  }
2009
2005
  for (var _q = 0, onElementInitCallBacks_1 = onElementInitCallBacks; _q < onElementInitCallBacks_1.length; _q++) {
2010
2006
  var it_2 = onElementInitCallBacks_1[_q];
2011
- (_g = (_f = (_e = (_d = it_2.targetElement) === null || _d === void 0 ? void 0 : _d.__render) === null || _e === void 0 ? void 0 : _e.component) === null || _f === void 0 ? void 0 : _f.onInitRender) === null || _g === void 0 ? void 0 : _g.call(_f, Object.freeze({ render: (_h = it_2.targetElement) === null || _h === void 0 ? void 0 : _h.__render, creatorMetaData: (_j = it_2.targetElement) === null || _j === void 0 ? void 0 : _j.__creatorMetaData }));
2007
+ if (((_e = (_d = it_2.targetElement) === null || _d === void 0 ? void 0 : _d.__render) === null || _e === void 0 ? void 0 : _e.element) && ((_g = (_f = it_2.targetElement) === null || _f === void 0 ? void 0 : _f.__render) === null || _g === void 0 ? void 0 : _g.component)) {
2008
+ var oninit = it_2.targetElement.__render.element.getAttribute(RawSet.DR_ON_INIT_ARGUMENTS_OPTIONNAME); // dr-on-component-init
2009
+ var param = [];
2010
+ if (oninit) {
2011
+ var script = "".concat(it_2.targetElement.__render.renderScript, " return ").concat(oninit, " ");
2012
+ param = ScriptUtils.eval(script, Object.assign(obj, {
2013
+ __render: it_2.targetElement.__render
2014
+ }));
2015
+ if (!Array.isArray(param)) {
2016
+ param = [param];
2017
+ }
2018
+ }
2019
+ (_j = (_h = it_2.targetElement.__render.component).onInitRender) === null || _j === void 0 ? void 0 : _j.call.apply(_j, __spreadArray([_h], param, false));
2020
+ }
2012
2021
  (_k = config === null || config === void 0 ? void 0 : config.onElementInit) === null || _k === void 0 ? void 0 : _k.call(config, it_2.name, obj, this, it_2.targetElement);
2013
2022
  }
2023
+ // TODO: ์ด๋ถ€๋ถ„๋„ ์œ„์— targetElement ์ฒ˜๋Ÿผ ํ•ด์•ผ๋ ๊นŒ?
2014
2024
  for (var _r = 0, onAttrInitCallBacks_1 = onAttrInitCallBacks; _r < onAttrInitCallBacks_1.length; _r++) {
2015
2025
  var it_3 = onAttrInitCallBacks_1[_r];
2016
2026
  (_l = config === null || config === void 0 ? void 0 : config.onAttrInit) === null || _l === void 0 ? void 0 : _l.call(config, it_3.attrName, it_3.attrValue, obj, this);
@@ -2408,7 +2418,7 @@ var RawSet = /** @class */ (function () {
2408
2418
  // const metaEnd = RawSet.metaEnd(id);
2409
2419
  // n.innerHTML = metaStart + style + (set.template ?? '') + metaEnd;
2410
2420
  // dr-on-create onCreateRender
2411
- var onCreate = element.getAttribute("".concat(EventManager.attrPrefix, "on-create"));
2421
+ var onCreate = element.getAttribute(RawSet.DR_ON_CREATE_ARGUMENTS_OPTIONNAME);
2412
2422
  var renderScript = '';
2413
2423
  var createParam = [];
2414
2424
  if (onCreate) {
@@ -2420,7 +2430,8 @@ var RawSet = /** @class */ (function () {
2420
2430
  }
2421
2431
  (_d = (_c = set.obj) === null || _c === void 0 ? void 0 : _c.onCreateRender) === null || _d === void 0 ? void 0 : _d.call.apply(_d, __spreadArray([_c], createParam, false));
2422
2432
  // dr-on-component-init
2423
- var oninit = element.getAttribute("".concat(EventManager.attrPrefix, "on-component-init")); // dr-on-component-init
2433
+ // const oninit = element.getAttribute(`${EventManager.attrPrefix}on-component-init`); // dr-on-component-init
2434
+ var oninit = element.getAttribute(RawSet.DR_ON_CREATED_CALLBACK_OPTIONNAME); // dr-on-component-init
2424
2435
  if (oninit) {
2425
2436
  var script = "".concat(renderScript, " ").concat(oninit, " ");
2426
2437
  ScriptUtils.eval(script, obj);
@@ -2494,7 +2505,7 @@ var RawSet = /** @class */ (function () {
2494
2505
  scripts: EventManager.setBindProperty((_a = config.scripts) !== null && _a !== void 0 ? _a : {}, obj)
2495
2506
  // eslint-disable-next-line no-use-before-define
2496
2507
  });
2497
- var constructor = element.getAttribute("".concat(EventManager.attrPrefix, "constructor"));
2508
+ var constructor = element.getAttribute(RawSet.DR_ON_CONSTRUCTOR_ARGUMENTS_OPTIONNAME);
2498
2509
  var constructorParam = [];
2499
2510
  // dr-constructor
2500
2511
  if (constructor) {
@@ -2533,9 +2544,9 @@ var RawSet = /** @class */ (function () {
2533
2544
  });
2534
2545
  }
2535
2546
  // dr-on-create onCreateRender
2536
- var onCreate = element.getAttribute("".concat(EventManager.attrPrefix, "on-create"));
2547
+ var onCreate = element.getAttribute(RawSet.DR_ON_CREATE_ARGUMENTS_OPTIONNAME);
2537
2548
  this.__render = render;
2538
- var createParam = [i];
2549
+ var createParam = [];
2539
2550
  if (onCreate) {
2540
2551
  var script = "".concat(renderScript, " return ").concat(onCreate, " ");
2541
2552
  createParam = ScriptUtils.eval(script, Object.assign(obj, { __render: render }));
@@ -2546,8 +2557,8 @@ var RawSet = /** @class */ (function () {
2546
2557
  (_d = instance === null || instance === void 0 ? void 0 : instance.onCreateRender) === null || _d === void 0 ? void 0 : _d.call.apply(_d, __spreadArray([instance], createParam, false));
2547
2558
  var applayTemplate = element.innerHTML;
2548
2559
  var innerHTMLThisRandom;
2549
- var componentName = (_e = element.getAttribute("".concat(EventManager.attrPrefix, "component-name"))) !== null && _e !== void 0 ? _e : 'component';
2550
- var innerHTMLName = (_f = element.getAttribute("".concat(EventManager.attrPrefix, "component-inner-html-name"))) !== null && _f !== void 0 ? _f : 'innerHTML';
2560
+ var componentName = (_e = element.getAttribute(RawSet.DR_COMPONENT_NAME_OPTIONNAME)) !== null && _e !== void 0 ? _e : 'component';
2561
+ var innerHTMLName = (_f = element.getAttribute(RawSet.DR_COMPONENT_INNER_HTML_NAME_OPTIONNAME)) !== null && _f !== void 0 ? _f : 'innerHTML';
2551
2562
  if (applayTemplate) {
2552
2563
  // if (rawSet.point.thisVariableName) {
2553
2564
  // ๋„˜์–ด์˜จ innerHTML์— this๊ฐ€ ์žˆ์œผ๋ฉด ํ•ด๋‹น์•ˆ๋˜๊ฒŒ ์šฐ์„  ์น˜ํ™˜.
@@ -2558,7 +2569,8 @@ var RawSet = /** @class */ (function () {
2558
2569
  }
2559
2570
  applayTemplate = template.replace(RegExp("#".concat(innerHTMLName, "#"), 'g'), applayTemplate);
2560
2571
  // dr-on-component-init
2561
- var oninit = element.getAttribute("".concat(EventManager.attrPrefix, "on-component-init")); // dr-on-component-init
2572
+ // const oninit = element.getAttribute(`${EventManager.attrPrefix}on-component-init`); // dr-on-component-init
2573
+ var oninit = element.getAttribute(RawSet.DR_ON_CREATED_CALLBACK_OPTIONNAME); // dr-on-component-init
2562
2574
  if (oninit) {
2563
2575
  var script = "".concat(renderScript, " ").concat(oninit, " ");
2564
2576
  ScriptUtils.eval(script, Object.assign(obj, {
@@ -2628,7 +2640,6 @@ var RawSet = /** @class */ (function () {
2628
2640
  RawSet.DR_INNERHTML_NAME = 'dr-inner-html';
2629
2641
  RawSet.DR_INNERTEXT_NAME = 'dr-inner-text';
2630
2642
  RawSet.DR_DETECT_NAME = 'dr-detect';
2631
- // public static readonly DR_DETECT_ACTION_NAME = 'dr-detect-action';
2632
2643
  RawSet.DR_IT_OPTIONNAME = 'dr-it';
2633
2644
  RawSet.DR_VAR_OPTIONNAME = 'dr-var';
2634
2645
  RawSet.DR_AFTER_OPTIONNAME = 'dr-after';
@@ -2637,6 +2648,12 @@ var RawSet = /** @class */ (function () {
2637
2648
  RawSet.DR_COMPLETE_OPTIONNAME = 'dr-complete';
2638
2649
  RawSet.DR_STRIP_OPTIONNAME = 'dr-strip';
2639
2650
  RawSet.DR_DESTROY_OPTIONNAME = 'dr-destroy';
2651
+ RawSet.DR_COMPONENT_NAME_OPTIONNAME = 'dr-component-name';
2652
+ RawSet.DR_COMPONENT_INNER_HTML_NAME_OPTIONNAME = 'dr-component-inner-html-name';
2653
+ RawSet.DR_ON_CREATE_ARGUMENTS_OPTIONNAME = 'dr-on-create:arguments';
2654
+ RawSet.DR_ON_CREATED_CALLBACK_OPTIONNAME = 'dr-on-create:callback';
2655
+ RawSet.DR_ON_INIT_ARGUMENTS_OPTIONNAME = 'dr-on-init:arguments';
2656
+ RawSet.DR_ON_CONSTRUCTOR_ARGUMENTS_OPTIONNAME = 'dr-on-constructor:arguments';
2640
2657
  RawSet.drAttrsOriginName = {
2641
2658
  dr: RawSet.DR,
2642
2659
  drIf: RawSet.DR_IF_NAME,
@@ -2713,14 +2730,16 @@ var DomRenderProxy = /** @class */ (function () {
2713
2730
  };
2714
2731
  DomRenderProxy.prototype.initRender = function (target) {
2715
2732
  var _this = this;
2716
- var _a, _b, _c, _d, _e, _f, _g;
2717
- var onCreate = (_b = (_a = target).getAttribute) === null || _b === void 0 ? void 0 : _b.call(_a, "".concat(EventManager.attrPrefix, "on-create"));
2718
- var createParam;
2733
+ var _a, _b, _c, _d, _f, _g, _h, _j;
2734
+ var onCreate = (_b = (_a = target).getAttribute) === null || _b === void 0 ? void 0 : _b.call(_a, RawSet.DR_ON_CREATE_ARGUMENTS_OPTIONNAME);
2735
+ var createParam = [];
2719
2736
  if (onCreate) {
2720
2737
  createParam = ScriptUtils.evalReturn(onCreate, this._domRender_proxy);
2738
+ if (!Array.isArray(createParam)) {
2739
+ createParam = [createParam];
2740
+ }
2721
2741
  }
2722
- (_d = (_c = this._domRender_proxy) === null || _c === void 0 ? void 0 : _c.onCreateRender) === null || _d === void 0 ? void 0 : _d.call(_c, createParam);
2723
- var innerHTML = (_e = target.innerHTML) !== null && _e !== void 0 ? _e : '';
2742
+ (_d = (_c = this._domRender_proxy) === null || _c === void 0 ? void 0 : _c.onCreateRender) === null || _d === void 0 ? void 0 : _d.call.apply(_d, __spreadArray([_c], createParam, false));
2724
2743
  this._targets.add(target);
2725
2744
  var rawSets = RawSet.checkPointCreates(target, this._domRender_proxy, this.config);
2726
2745
  // console.log('initRender -------rawSet', rawSets)
@@ -2738,13 +2757,21 @@ var DomRenderProxy = /** @class */ (function () {
2738
2757
  }
2739
2758
  });
2740
2759
  this.render(this.getRawSets());
2741
- var render = { target: target };
2742
- var creatorMetaData = {
2743
- creator: this._domRender_proxy,
2744
- rootCreator: this._domRender_proxy,
2745
- innerHTML: innerHTML
2746
- };
2747
- (_g = (_f = this._domRender_proxy) === null || _f === void 0 ? void 0 : _f.onInitRender) === null || _g === void 0 ? void 0 : _g.call(_f, { render: render, creatorMetaData: creatorMetaData });
2760
+ // const render = {target} as Render;
2761
+ // const creatorMetaData = {
2762
+ // creator: this._domRender_proxy,
2763
+ // rootCreator: this._domRender_proxy,
2764
+ // innerHTML
2765
+ // } as CreatorMetaData;
2766
+ (_g = (_f = target).getAttribute) === null || _g === void 0 ? void 0 : _g.call(_f, RawSet.DR_ON_INIT_ARGUMENTS_OPTIONNAME);
2767
+ var initParam = [];
2768
+ if (onCreate) {
2769
+ initParam = ScriptUtils.evalReturn(onCreate, this._domRender_proxy);
2770
+ if (!Array.isArray(initParam)) {
2771
+ initParam = [initParam];
2772
+ }
2773
+ }
2774
+ (_j = (_h = this._domRender_proxy) === null || _h === void 0 ? void 0 : _h.onInitRender) === null || _j === void 0 ? void 0 : _j.call.apply(_j, __spreadArray([_h], initParam, false));
2748
2775
  };
2749
2776
  DomRenderProxy.prototype.getRawSets = function () {
2750
2777
  var set = new Set();
@@ -3504,21 +3531,6 @@ var DomRender = /** @class */ (function () {
3504
3531
  return DomRender;
3505
3532
  }());
3506
3533
 
3507
- var RenderManager = /** @class */ (function () {
3508
- function RenderManager() {
3509
- }
3510
- RenderManager.render = function (obj, target) {
3511
- if (target === void 0) { target = Object.keys(obj); }
3512
- var domRenderProxy = obj._DomRender_proxy;
3513
- if (domRenderProxy) {
3514
- target.forEach(function (it) {
3515
- domRenderProxy.root([it], obj[it]);
3516
- });
3517
- }
3518
- };
3519
- return RenderManager;
3520
- }());
3521
-
3522
3534
  var Appender = /** @class */ (function () {
3523
3535
  function Appender(defaultDatas) {
3524
3536
  this.length = 0;
@@ -3572,6 +3584,34 @@ var Appender = /** @class */ (function () {
3572
3584
  return Appender;
3573
3585
  }());
3574
3586
 
3587
+ var RenderManager = /** @class */ (function () {
3588
+ function RenderManager() {
3589
+ }
3590
+ RenderManager.render = function (obj, target) {
3591
+ if (target === void 0) { target = Object.keys(obj); }
3592
+ var domRenderProxy = obj._DomRender_proxy;
3593
+ if (domRenderProxy) {
3594
+ target.forEach(function (it) {
3595
+ domRenderProxy.root([it], obj[it]);
3596
+ });
3597
+ }
3598
+ };
3599
+ return RenderManager;
3600
+ }());
3601
+
3602
+ var CheckedValidator = /** @class */ (function (_super) {
3603
+ __extends(CheckedValidator, _super);
3604
+ function CheckedValidator(value, target, event, autoValid) {
3605
+ if (autoValid === void 0) { autoValid = true; }
3606
+ return _super.call(this, value, target, event, autoValid) || this;
3607
+ }
3608
+ CheckedValidator.prototype.valid = function () {
3609
+ var _a, _b;
3610
+ return (_b = (_a = this.getTarget()) === null || _a === void 0 ? void 0 : _a.checked) !== null && _b !== void 0 ? _b : false;
3611
+ };
3612
+ return CheckedValidator;
3613
+ }(Validator));
3614
+
3575
3615
  var AllCheckedValidatorArray = /** @class */ (function (_super) {
3576
3616
  __extends(AllCheckedValidatorArray, _super);
3577
3617
  function AllCheckedValidatorArray(value, target, event, autoValid) {
@@ -3598,18 +3638,20 @@ var AllUnCheckedValidatorArray = /** @class */ (function (_super) {
3598
3638
  return AllUnCheckedValidatorArray;
3599
3639
  }(ValidatorArray));
3600
3640
 
3601
- var CheckedValidator = /** @class */ (function (_super) {
3602
- __extends(CheckedValidator, _super);
3603
- function CheckedValidator(value, target, event, autoValid) {
3641
+ var CountEqualsUnCheckedValidatorArray = /** @class */ (function (_super) {
3642
+ __extends(CountEqualsUnCheckedValidatorArray, _super);
3643
+ function CountEqualsUnCheckedValidatorArray(count, value, target, event, autoValid) {
3604
3644
  if (autoValid === void 0) { autoValid = true; }
3605
- return _super.call(this, value, target, event, autoValid) || this;
3645
+ var _this = _super.call(this, value, target, event, autoValid) || this;
3646
+ _this.count = count;
3647
+ return _this;
3606
3648
  }
3607
- CheckedValidator.prototype.valid = function () {
3608
- var _a, _b;
3609
- return (_b = (_a = this.getTarget()) === null || _a === void 0 ? void 0 : _a.checked) !== null && _b !== void 0 ? _b : false;
3649
+ CountEqualsUnCheckedValidatorArray.prototype.valid = function () {
3650
+ var _a;
3651
+ return ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return !it.checked; }).length === this.count;
3610
3652
  };
3611
- return CheckedValidator;
3612
- }(Validator));
3653
+ return CountEqualsUnCheckedValidatorArray;
3654
+ }(ValidatorArray));
3613
3655
 
3614
3656
  var CountGreaterThanCheckedValidatorArray = /** @class */ (function (_super) {
3615
3657
  __extends(CountGreaterThanCheckedValidatorArray, _super);
@@ -3626,34 +3668,49 @@ var CountGreaterThanCheckedValidatorArray = /** @class */ (function (_super) {
3626
3668
  return CountGreaterThanCheckedValidatorArray;
3627
3669
  }(ValidatorArray));
3628
3670
 
3629
- var CountGreaterThanEqualsCheckedValidatorArray = /** @class */ (function (_super) {
3630
- __extends(CountGreaterThanEqualsCheckedValidatorArray, _super);
3631
- function CountGreaterThanEqualsCheckedValidatorArray(count, value, target, event, autoValid) {
3671
+ var CountEqualsCheckedValidatorArray = /** @class */ (function (_super) {
3672
+ __extends(CountEqualsCheckedValidatorArray, _super);
3673
+ function CountEqualsCheckedValidatorArray(count, value, target, event, autoValid) {
3632
3674
  if (autoValid === void 0) { autoValid = true; }
3633
3675
  var _this = _super.call(this, value, target, event, autoValid) || this;
3634
3676
  _this.count = count;
3635
3677
  return _this;
3636
3678
  }
3637
- CountGreaterThanEqualsCheckedValidatorArray.prototype.valid = function () {
3679
+ CountEqualsCheckedValidatorArray.prototype.valid = function () {
3638
3680
  var _a;
3639
- return ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return it.checked; }).length >= this.count;
3681
+ return ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return it.checked; }).length === this.count;
3640
3682
  };
3641
- return CountGreaterThanEqualsCheckedValidatorArray;
3683
+ return CountEqualsCheckedValidatorArray;
3642
3684
  }(ValidatorArray));
3643
3685
 
3644
- var CountEqualsUnCheckedValidatorArray = /** @class */ (function (_super) {
3645
- __extends(CountEqualsUnCheckedValidatorArray, _super);
3646
- function CountEqualsUnCheckedValidatorArray(count, value, target, event, autoValid) {
3686
+ var CountLessThanEqualsCheckedValidatorArray = /** @class */ (function (_super) {
3687
+ __extends(CountLessThanEqualsCheckedValidatorArray, _super);
3688
+ function CountLessThanEqualsCheckedValidatorArray(count, value, target, event, autoValid) {
3647
3689
  if (autoValid === void 0) { autoValid = true; }
3648
3690
  var _this = _super.call(this, value, target, event, autoValid) || this;
3649
3691
  _this.count = count;
3650
3692
  return _this;
3651
3693
  }
3652
- CountEqualsUnCheckedValidatorArray.prototype.valid = function () {
3694
+ CountLessThanEqualsCheckedValidatorArray.prototype.valid = function () {
3653
3695
  var _a;
3654
- return ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return !it.checked; }).length === this.count;
3696
+ return ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return it.checked; }).length <= this.count;
3655
3697
  };
3656
- return CountEqualsUnCheckedValidatorArray;
3698
+ return CountLessThanEqualsCheckedValidatorArray;
3699
+ }(ValidatorArray));
3700
+
3701
+ var CountGreaterThanEqualsUnCheckedValidatorArray = /** @class */ (function (_super) {
3702
+ __extends(CountGreaterThanEqualsUnCheckedValidatorArray, _super);
3703
+ function CountGreaterThanEqualsUnCheckedValidatorArray(count, value, target, event, autoValid) {
3704
+ if (autoValid === void 0) { autoValid = true; }
3705
+ var _this = _super.call(this, value, target, event, autoValid) || this;
3706
+ _this.count = count;
3707
+ return _this;
3708
+ }
3709
+ CountGreaterThanEqualsUnCheckedValidatorArray.prototype.valid = function () {
3710
+ var _a;
3711
+ return ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return !it.checked; }).length >= this.count;
3712
+ };
3713
+ return CountGreaterThanEqualsUnCheckedValidatorArray;
3657
3714
  }(ValidatorArray));
3658
3715
 
3659
3716
  var CountGreaterThanUnCheckedValidatorArray = /** @class */ (function (_super) {
@@ -3671,95 +3728,98 @@ var CountGreaterThanUnCheckedValidatorArray = /** @class */ (function (_super) {
3671
3728
  return CountGreaterThanUnCheckedValidatorArray;
3672
3729
  }(ValidatorArray));
3673
3730
 
3674
- var CountLessThanEqualsCheckedValidatorArray = /** @class */ (function (_super) {
3675
- __extends(CountLessThanEqualsCheckedValidatorArray, _super);
3676
- function CountLessThanEqualsCheckedValidatorArray(count, value, target, event, autoValid) {
3731
+ var CountLessThanCheckedValidatorArray = /** @class */ (function (_super) {
3732
+ __extends(CountLessThanCheckedValidatorArray, _super);
3733
+ function CountLessThanCheckedValidatorArray(count, value, target, event, autoValid) {
3677
3734
  if (autoValid === void 0) { autoValid = true; }
3678
3735
  var _this = _super.call(this, value, target, event, autoValid) || this;
3679
3736
  _this.count = count;
3680
3737
  return _this;
3681
3738
  }
3682
- CountLessThanEqualsCheckedValidatorArray.prototype.valid = function () {
3739
+ CountLessThanCheckedValidatorArray.prototype.valid = function () {
3683
3740
  var _a;
3684
- return ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return it.checked; }).length <= this.count;
3741
+ return ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return it.checked; }).length < this.count;
3685
3742
  };
3686
- return CountLessThanEqualsCheckedValidatorArray;
3743
+ return CountLessThanCheckedValidatorArray;
3687
3744
  }(ValidatorArray));
3688
3745
 
3689
- var CountUnCheckedValidatorArray = /** @class */ (function (_super) {
3690
- __extends(CountUnCheckedValidatorArray, _super);
3691
- function CountUnCheckedValidatorArray(count, value, target, event, autoValid) {
3746
+ var CountLessThanEqualsUnCheckedValidatorArray = /** @class */ (function (_super) {
3747
+ __extends(CountLessThanEqualsUnCheckedValidatorArray, _super);
3748
+ function CountLessThanEqualsUnCheckedValidatorArray(count, value, target, event, autoValid) {
3692
3749
  if (autoValid === void 0) { autoValid = true; }
3693
3750
  var _this = _super.call(this, value, target, event, autoValid) || this;
3694
3751
  _this.count = count;
3695
3752
  return _this;
3696
3753
  }
3697
- CountUnCheckedValidatorArray.prototype.valid = function () {
3754
+ CountLessThanEqualsUnCheckedValidatorArray.prototype.valid = function () {
3698
3755
  var _a;
3699
- return ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return !it.checked; }).length >= this.count;
3756
+ return ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return !it.checked; }).length <= this.count;
3700
3757
  };
3701
- return CountUnCheckedValidatorArray;
3758
+ return CountLessThanEqualsUnCheckedValidatorArray;
3702
3759
  }(ValidatorArray));
3703
3760
 
3704
- var CountEqualsCheckedValidatorArray = /** @class */ (function (_super) {
3705
- __extends(CountEqualsCheckedValidatorArray, _super);
3706
- function CountEqualsCheckedValidatorArray(count, value, target, event, autoValid) {
3761
+ var CountGreaterThanEqualsCheckedValidatorArray = /** @class */ (function (_super) {
3762
+ __extends(CountGreaterThanEqualsCheckedValidatorArray, _super);
3763
+ function CountGreaterThanEqualsCheckedValidatorArray(count, value, target, event, autoValid) {
3707
3764
  if (autoValid === void 0) { autoValid = true; }
3708
3765
  var _this = _super.call(this, value, target, event, autoValid) || this;
3709
3766
  _this.count = count;
3710
3767
  return _this;
3711
3768
  }
3712
- CountEqualsCheckedValidatorArray.prototype.valid = function () {
3769
+ CountGreaterThanEqualsCheckedValidatorArray.prototype.valid = function () {
3713
3770
  var _a;
3714
- return ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return it.checked; }).length === this.count;
3771
+ return ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return it.checked; }).length >= this.count;
3715
3772
  };
3716
- return CountEqualsCheckedValidatorArray;
3773
+ return CountGreaterThanEqualsCheckedValidatorArray;
3717
3774
  }(ValidatorArray));
3718
3775
 
3719
- var CountLessThanUnCheckedValidatorArray = /** @class */ (function (_super) {
3720
- __extends(CountLessThanUnCheckedValidatorArray, _super);
3721
- function CountLessThanUnCheckedValidatorArray(count, value, target, event, autoValid) {
3776
+ var CountUnCheckedValidatorArray = /** @class */ (function (_super) {
3777
+ __extends(CountUnCheckedValidatorArray, _super);
3778
+ function CountUnCheckedValidatorArray(count, value, target, event, autoValid) {
3722
3779
  if (autoValid === void 0) { autoValid = true; }
3723
3780
  var _this = _super.call(this, value, target, event, autoValid) || this;
3724
3781
  _this.count = count;
3725
3782
  return _this;
3726
3783
  }
3727
- CountLessThanUnCheckedValidatorArray.prototype.valid = function () {
3784
+ CountUnCheckedValidatorArray.prototype.valid = function () {
3728
3785
  var _a;
3729
- return ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return !it.checked; }).length < this.count;
3786
+ return ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return !it.checked; }).length >= this.count;
3730
3787
  };
3731
- return CountLessThanUnCheckedValidatorArray;
3788
+ return CountUnCheckedValidatorArray;
3732
3789
  }(ValidatorArray));
3733
3790
 
3734
- var CountLessThanEqualsUnCheckedValidatorArray = /** @class */ (function (_super) {
3735
- __extends(CountLessThanEqualsUnCheckedValidatorArray, _super);
3736
- function CountLessThanEqualsUnCheckedValidatorArray(count, value, target, event, autoValid) {
3791
+ var CountLessThanUnCheckedValidatorArray = /** @class */ (function (_super) {
3792
+ __extends(CountLessThanUnCheckedValidatorArray, _super);
3793
+ function CountLessThanUnCheckedValidatorArray(count, value, target, event, autoValid) {
3737
3794
  if (autoValid === void 0) { autoValid = true; }
3738
3795
  var _this = _super.call(this, value, target, event, autoValid) || this;
3739
3796
  _this.count = count;
3740
3797
  return _this;
3741
3798
  }
3742
- CountLessThanEqualsUnCheckedValidatorArray.prototype.valid = function () {
3799
+ CountLessThanUnCheckedValidatorArray.prototype.valid = function () {
3743
3800
  var _a;
3744
- return ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return !it.checked; }).length <= this.count;
3801
+ return ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return !it.checked; }).length < this.count;
3745
3802
  };
3746
- return CountLessThanEqualsUnCheckedValidatorArray;
3803
+ return CountLessThanUnCheckedValidatorArray;
3747
3804
  }(ValidatorArray));
3748
3805
 
3749
- var CountGreaterThanEqualsUnCheckedValidatorArray = /** @class */ (function (_super) {
3750
- __extends(CountGreaterThanEqualsUnCheckedValidatorArray, _super);
3751
- function CountGreaterThanEqualsUnCheckedValidatorArray(count, value, target, event, autoValid) {
3806
+ var FormValidator = /** @class */ (function (_super) {
3807
+ __extends(FormValidator, _super);
3808
+ function FormValidator(target, event, autoValid) {
3752
3809
  if (autoValid === void 0) { autoValid = true; }
3753
- var _this = _super.call(this, value, target, event, autoValid) || this;
3754
- _this.count = count;
3755
- return _this;
3810
+ return _super.call(this, undefined, target, event, autoValid) || this;
3756
3811
  }
3757
- CountGreaterThanEqualsUnCheckedValidatorArray.prototype.valid = function () {
3758
- var _a;
3759
- return ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return !it.checked; }).length >= this.count;
3812
+ FormValidator.prototype.validAction = function () {
3813
+ return _super.prototype.childValidAction.call(this);
3760
3814
  };
3761
- return CountGreaterThanEqualsUnCheckedValidatorArray;
3762
- }(ValidatorArray));
3815
+ FormValidator.prototype.valid = function () {
3816
+ return this.childValid();
3817
+ };
3818
+ FormValidator.prototype.reset = function () {
3819
+ this.targetReset();
3820
+ };
3821
+ return FormValidator;
3822
+ }(Validator));
3763
3823
 
3764
3824
  var ExcludeCheckedValidatorArray = /** @class */ (function (_super) {
3765
3825
  __extends(ExcludeCheckedValidatorArray, _super);
@@ -3797,23 +3857,27 @@ var EmptyValidator = /** @class */ (function (_super) {
3797
3857
  return EmptyValidator;
3798
3858
  }(Validator));
3799
3859
 
3800
- var FormValidator = /** @class */ (function (_super) {
3801
- __extends(FormValidator, _super);
3802
- function FormValidator(target, event, autoValid) {
3860
+ var IncludeCheckedValidatorArray = /** @class */ (function (_super) {
3861
+ __extends(IncludeCheckedValidatorArray, _super);
3862
+ function IncludeCheckedValidatorArray(include, allRequired, value, target, event, autoValid) {
3863
+ if (allRequired === void 0) { allRequired = false; }
3803
3864
  if (autoValid === void 0) { autoValid = true; }
3804
- return _super.call(this, undefined, target, event, autoValid) || this;
3865
+ var _this = _super.call(this, value, target, event, autoValid) || this;
3866
+ _this.include = include;
3867
+ _this.allRequired = allRequired;
3868
+ return _this;
3805
3869
  }
3806
- FormValidator.prototype.validAction = function () {
3807
- return _super.prototype.childValidAction.call(this);
3808
- };
3809
- FormValidator.prototype.valid = function () {
3810
- return this.childValid();
3811
- };
3812
- FormValidator.prototype.reset = function () {
3813
- this.targetReset();
3870
+ IncludeCheckedValidatorArray.prototype.valid = function () {
3871
+ var _this = this;
3872
+ var _a;
3873
+ var valus = (_a = this.value) !== null && _a !== void 0 ? _a : [];
3874
+ var checkedValue = valus.filter(function (it) { return it.checked; }).map(function (it) { return it.value; });
3875
+ return checkedValue.length > 0 &&
3876
+ (!(checkedValue.filter(function (it) { return !_this.include.includes(it); }).length > 0)) &&
3877
+ (this.allRequired ? checkedValue.filter(function (it) { return _this.include.includes(it); }).length === this.include.length : true);
3814
3878
  };
3815
- return FormValidator;
3816
- }(Validator));
3879
+ return IncludeCheckedValidatorArray;
3880
+ }(ValidatorArray));
3817
3881
 
3818
3882
  var MultipleValidator = /** @class */ (function (_super) {
3819
3883
  __extends(MultipleValidator, _super);
@@ -3844,42 +3908,40 @@ var MultipleValidator = /** @class */ (function (_super) {
3844
3908
  return MultipleValidator;
3845
3909
  }(Validator));
3846
3910
 
3847
- var IncludeCheckedValidatorArray = /** @class */ (function (_super) {
3848
- __extends(IncludeCheckedValidatorArray, _super);
3849
- function IncludeCheckedValidatorArray(include, allRequired, value, target, event, autoValid) {
3850
- if (allRequired === void 0) { allRequired = false; }
3911
+ var NotRegExpTestValidator = /** @class */ (function (_super) {
3912
+ __extends(NotRegExpTestValidator, _super);
3913
+ function NotRegExpTestValidator(regexp, value, target, event, autoValid) {
3851
3914
  if (autoValid === void 0) { autoValid = true; }
3852
3915
  var _this = _super.call(this, value, target, event, autoValid) || this;
3853
- _this.include = include;
3854
- _this.allRequired = allRequired;
3916
+ _this.regexp = DomRenderProxy.final(regexp);
3855
3917
  return _this;
3856
3918
  }
3857
- IncludeCheckedValidatorArray.prototype.valid = function () {
3858
- var _this = this;
3919
+ NotRegExpTestValidator.prototype.valid = function () {
3859
3920
  var _a;
3860
- var valus = (_a = this.value) !== null && _a !== void 0 ? _a : [];
3861
- var checkedValue = valus.filter(function (it) { return it.checked; }).map(function (it) { return it.value; });
3862
- return checkedValue.length > 0 &&
3863
- (!(checkedValue.filter(function (it) { return !_this.include.includes(it); }).length > 0)) &&
3864
- (this.allRequired ? checkedValue.filter(function (it) { return _this.include.includes(it); }).length === this.include.length : true);
3921
+ var value = this.value;
3922
+ var regExp = (_a = this.regexp._DomRender_origin) !== null && _a !== void 0 ? _a : this.regexp;
3923
+ if (value) {
3924
+ return !regExp.test(value);
3925
+ }
3926
+ else {
3927
+ return true;
3928
+ }
3865
3929
  };
3866
- return IncludeCheckedValidatorArray;
3867
- }(ValidatorArray));
3930
+ return NotRegExpTestValidator;
3931
+ }(Validator));
3868
3932
 
3869
- var CountLessThanCheckedValidatorArray = /** @class */ (function (_super) {
3870
- __extends(CountLessThanCheckedValidatorArray, _super);
3871
- function CountLessThanCheckedValidatorArray(count, value, target, event, autoValid) {
3933
+ var UnCheckedValidator = /** @class */ (function (_super) {
3934
+ __extends(UnCheckedValidator, _super);
3935
+ function UnCheckedValidator(value, target, event, autoValid) {
3872
3936
  if (autoValid === void 0) { autoValid = true; }
3873
- var _this = _super.call(this, value, target, event, autoValid) || this;
3874
- _this.count = count;
3875
- return _this;
3937
+ return _super.call(this, value, target, event, autoValid) || this;
3876
3938
  }
3877
- CountLessThanCheckedValidatorArray.prototype.valid = function () {
3878
- var _a;
3879
- return ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return it.checked; }).length < this.count;
3939
+ UnCheckedValidator.prototype.valid = function () {
3940
+ var _a, _b;
3941
+ return !((_b = (_a = this.getTarget()) === null || _a === void 0 ? void 0 : _a.checked) !== null && _b !== void 0 ? _b : false);
3880
3942
  };
3881
- return CountLessThanCheckedValidatorArray;
3882
- }(ValidatorArray));
3943
+ return UnCheckedValidator;
3944
+ }(Validator));
3883
3945
 
3884
3946
  var NotEmptyValidator = /** @class */ (function (_super) {
3885
3947
  __extends(NotEmptyValidator, _super);
@@ -3896,18 +3958,6 @@ var NotEmptyValidator = /** @class */ (function (_super) {
3896
3958
  return NotEmptyValidator;
3897
3959
  }(Validator));
3898
3960
 
3899
- var PassValidator = /** @class */ (function (_super) {
3900
- __extends(PassValidator, _super);
3901
- function PassValidator(value, target, event, autoValid) {
3902
- if (autoValid === void 0) { autoValid = true; }
3903
- return _super.call(this, value, target, event, autoValid) || this;
3904
- }
3905
- PassValidator.prototype.valid = function () {
3906
- return true;
3907
- };
3908
- return PassValidator;
3909
- }(Validator));
3910
-
3911
3961
  var RegExpTestValidator = /** @class */ (function (_super) {
3912
3962
  __extends(RegExpTestValidator, _super);
3913
3963
  function RegExpTestValidator(regexp, value, target, event, autoValid) {
@@ -3931,6 +3981,18 @@ var RegExpTestValidator = /** @class */ (function (_super) {
3931
3981
  return RegExpTestValidator;
3932
3982
  }(Validator));
3933
3983
 
3984
+ var PassValidator = /** @class */ (function (_super) {
3985
+ __extends(PassValidator, _super);
3986
+ function PassValidator(value, target, event, autoValid) {
3987
+ if (autoValid === void 0) { autoValid = true; }
3988
+ return _super.call(this, value, target, event, autoValid) || this;
3989
+ }
3990
+ PassValidator.prototype.valid = function () {
3991
+ return true;
3992
+ };
3993
+ return PassValidator;
3994
+ }(Validator));
3995
+
3934
3996
  var RequiredValidator = /** @class */ (function (_super) {
3935
3997
  __extends(RequiredValidator, _super);
3936
3998
  function RequiredValidator(value, target, event, autoValid) {
@@ -3974,19 +4036,6 @@ var ValidValidator = /** @class */ (function (_super) {
3974
4036
  return ValidValidator;
3975
4037
  }(Validator));
3976
4038
 
3977
- var UnCheckedValidator = /** @class */ (function (_super) {
3978
- __extends(UnCheckedValidator, _super);
3979
- function UnCheckedValidator(value, target, event, autoValid) {
3980
- if (autoValid === void 0) { autoValid = true; }
3981
- return _super.call(this, value, target, event, autoValid) || this;
3982
- }
3983
- UnCheckedValidator.prototype.valid = function () {
3984
- var _a, _b;
3985
- return !((_b = (_a = this.getTarget()) === null || _a === void 0 ? void 0 : _a.checked) !== null && _b !== void 0 ? _b : false);
3986
- };
3987
- return UnCheckedValidator;
3988
- }(Validator));
3989
-
3990
4039
  var ValidValidatorArray = /** @class */ (function (_super) {
3991
4040
  __extends(ValidValidatorArray, _super);
3992
4041
  function ValidValidatorArray(validCallBack, value, target, event, autoValid) {
@@ -4001,26 +4050,18 @@ var ValidValidatorArray = /** @class */ (function (_super) {
4001
4050
  return ValidValidatorArray;
4002
4051
  }(ValidatorArray));
4003
4052
 
4004
- var NotRegExpTestValidator = /** @class */ (function (_super) {
4005
- __extends(NotRegExpTestValidator, _super);
4006
- function NotRegExpTestValidator(regexp, value, target, event, autoValid) {
4053
+ var ValueNotEqualsValidator = /** @class */ (function (_super) {
4054
+ __extends(ValueNotEqualsValidator, _super);
4055
+ function ValueNotEqualsValidator(equalsValue, value, target, event, autoValid) {
4007
4056
  if (autoValid === void 0) { autoValid = true; }
4008
4057
  var _this = _super.call(this, value, target, event, autoValid) || this;
4009
- _this.regexp = DomRenderProxy.final(regexp);
4058
+ _this.equalsValue = equalsValue;
4010
4059
  return _this;
4011
4060
  }
4012
- NotRegExpTestValidator.prototype.valid = function () {
4013
- var _a;
4014
- var value = this.value;
4015
- var regExp = (_a = this.regexp._DomRender_origin) !== null && _a !== void 0 ? _a : this.regexp;
4016
- if (value) {
4017
- return !regExp.test(value);
4018
- }
4019
- else {
4020
- return true;
4021
- }
4061
+ ValueNotEqualsValidator.prototype.valid = function () {
4062
+ return this.value !== this.equalsValue;
4022
4063
  };
4023
- return NotRegExpTestValidator;
4064
+ return ValueNotEqualsValidator;
4024
4065
  }(Validator));
4025
4066
 
4026
4067
  var ValueEqualsValidator = /** @class */ (function (_super) {
@@ -4037,66 +4078,6 @@ var ValueEqualsValidator = /** @class */ (function (_super) {
4037
4078
  return ValueEqualsValidator;
4038
4079
  }(Validator));
4039
4080
 
4040
- var ValueNotEqualsValidator = /** @class */ (function (_super) {
4041
- __extends(ValueNotEqualsValidator, _super);
4042
- function ValueNotEqualsValidator(equalsValue, value, target, event, autoValid) {
4043
- if (autoValid === void 0) { autoValid = true; }
4044
- var _this = _super.call(this, value, target, event, autoValid) || this;
4045
- _this.equalsValue = equalsValue;
4046
- return _this;
4047
- }
4048
- ValueNotEqualsValidator.prototype.valid = function () {
4049
- return this.value !== this.equalsValue;
4050
- };
4051
- return ValueNotEqualsValidator;
4052
- }(Validator));
4053
-
4054
- var NodeUtils = /** @class */ (function () {
4055
- function NodeUtils() {
4056
- }
4057
- // https://stackoverflow.com/questions/3955229/remove-all-child-elements-of-a-dom-node-in-javascript
4058
- NodeUtils.removeAllChildNode = function (node) {
4059
- while (node === null || node === void 0 ? void 0 : node.firstChild) {
4060
- node.firstChild.remove();
4061
- }
4062
- };
4063
- NodeUtils.appendChild = function (parentNode, childNode) {
4064
- return parentNode.appendChild(childNode);
4065
- };
4066
- NodeUtils.replaceNode = function (targetNode, newNode) {
4067
- var _a;
4068
- // console.log('repalceNode', targetNode, newNode, targetNode.parentNode)
4069
- return (_a = targetNode.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(newNode, targetNode);
4070
- };
4071
- NodeUtils.addNode = function (targetNode, newNode) {
4072
- var _a;
4073
- return (_a = targetNode.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(newNode, targetNode.nextSibling);
4074
- };
4075
- return NodeUtils;
4076
- }());
4077
-
4078
- var ClipBoardUtils = /** @class */ (function () {
4079
- function ClipBoardUtils() {
4080
- }
4081
- ClipBoardUtils.readText = function (clipboard) {
4082
- if (clipboard === void 0) { clipboard = navigator.clipboard; }
4083
- return clipboard.readText();
4084
- };
4085
- ClipBoardUtils.read = function (clipboard) {
4086
- if (clipboard === void 0) { clipboard = navigator.clipboard; }
4087
- return clipboard.read();
4088
- };
4089
- ClipBoardUtils.writeText = function (data, clipboard) {
4090
- if (clipboard === void 0) { clipboard = navigator.clipboard; }
4091
- return clipboard.writeText(data);
4092
- };
4093
- ClipBoardUtils.write = function (data, clipboard) {
4094
- if (clipboard === void 0) { clipboard = navigator.clipboard; }
4095
- return clipboard.write(data);
4096
- };
4097
- return ClipBoardUtils;
4098
- }());
4099
-
4100
4081
  var StorageUtils = /** @class */ (function () {
4101
4082
  function StorageUtils() {
4102
4083
  }
@@ -4142,6 +4123,52 @@ var StorageUtils = /** @class */ (function () {
4142
4123
  return StorageUtils;
4143
4124
  }());
4144
4125
 
4126
+ var ClipBoardUtils = /** @class */ (function () {
4127
+ function ClipBoardUtils() {
4128
+ }
4129
+ ClipBoardUtils.readText = function (clipboard) {
4130
+ if (clipboard === void 0) { clipboard = navigator.clipboard; }
4131
+ return clipboard.readText();
4132
+ };
4133
+ ClipBoardUtils.read = function (clipboard) {
4134
+ if (clipboard === void 0) { clipboard = navigator.clipboard; }
4135
+ return clipboard.read();
4136
+ };
4137
+ ClipBoardUtils.writeText = function (data, clipboard) {
4138
+ if (clipboard === void 0) { clipboard = navigator.clipboard; }
4139
+ return clipboard.writeText(data);
4140
+ };
4141
+ ClipBoardUtils.write = function (data, clipboard) {
4142
+ if (clipboard === void 0) { clipboard = navigator.clipboard; }
4143
+ return clipboard.write(data);
4144
+ };
4145
+ return ClipBoardUtils;
4146
+ }());
4147
+
4148
+ var NodeUtils = /** @class */ (function () {
4149
+ function NodeUtils() {
4150
+ }
4151
+ // https://stackoverflow.com/questions/3955229/remove-all-child-elements-of-a-dom-node-in-javascript
4152
+ NodeUtils.removeAllChildNode = function (node) {
4153
+ while (node === null || node === void 0 ? void 0 : node.firstChild) {
4154
+ node.firstChild.remove();
4155
+ }
4156
+ };
4157
+ NodeUtils.appendChild = function (parentNode, childNode) {
4158
+ return parentNode.appendChild(childNode);
4159
+ };
4160
+ NodeUtils.replaceNode = function (targetNode, newNode) {
4161
+ var _a;
4162
+ // console.log('repalceNode', targetNode, newNode, targetNode.parentNode)
4163
+ return (_a = targetNode.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(newNode, targetNode);
4164
+ };
4165
+ NodeUtils.addNode = function (targetNode, newNode) {
4166
+ var _a;
4167
+ return (_a = targetNode.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(newNode, targetNode.nextSibling);
4168
+ };
4169
+ return NodeUtils;
4170
+ }());
4171
+
4145
4172
  exports.AllCheckedValidatorArray = AllCheckedValidatorArray;
4146
4173
  exports.AllUnCheckedValidatorArray = AllUnCheckedValidatorArray;
4147
4174
  exports.Appender = Appender;
package/events/EventManager.js CHANGED
@@ -511,7 +511,6 @@ var EventManager = /** @class */ (function () {
511
511
  EventManager.ownerVariablePathAttrName = 'dr-owner-variable-path';
512
512
  EventManager.attrPrefix = 'dr-';
513
513
  EventManager.onInitAttrName = EventManager.attrPrefix + 'on-init';
514
- // public static readonly onComponentInitAttrName = EventManager.attrPrefix + 'on-component-init';
515
514
  EventManager.valueAttrName = EventManager.attrPrefix + 'value';
516
515
  EventManager.valueLinkAttrName = EventManager.attrPrefix + 'value-link';
517
516
  EventManager.attrAttrName = EventManager.attrPrefix + 'attr';
package/lifecycle/OnInitRender.d.ts CHANGED
@@ -1,8 +1,3 @@
1
- import { CreatorMetaData } from '../rawsets/CreatorMetaData';
2
- import { Render } from '../rawsets/Render';
3
1
  export interface OnInitRender {
4
- onInitRender(data?: {
5
- render?: Render;
6
- creatorMetaData?: CreatorMetaData;
7
- }): void;
2
+ onInitRender(...param: any[]): void;
8
3
  }
package/operators/DrForm.js CHANGED
@@ -46,7 +46,7 @@ var DrForm = /** @class */ (function (_super) {
46
46
  RawSet_1.RawSet.drFormOtherMoveAttr(this.elementSource.element, 'name', 'temp-name', this.source.config);
47
47
  var data = ScriptUtils_1.ScriptUtils.evalReturn("".concat(this.elementSource.attrs.drForm), this.source.obj);
48
48
  var childs = Array.from(this.elementSource.element.querySelectorAll('[name]'));
49
- var fromName = ScriptUtils_1.ScriptUtils.evalReturn((_b = this.elementSource.element.getAttribute('dr-form:name')) !== null && _b !== void 0 ? _b : '', this.source.obj);
49
+ var fromName = ScriptUtils_1.ScriptUtils.evalReturn((_b = this.elementSource.element.getAttribute("".concat(RawSet_1.RawSet.DR_FORM_NAME, ":name"))) !== null && _b !== void 0 ? _b : '', this.source.obj);
50
50
  var thisName = fromName !== null && fromName !== void 0 ? fromName : this.elementSource.element.getAttribute('name');
51
51
  // console.log('dr-form:name', thisName, element.getAttribute('dr-form:name'), obj, element);
52
52
  // // ์ž๊ธฐ์ž์‹ ์ด Input ๋Œ€์ƒ์ผ๋•Œ
@@ -60,10 +60,10 @@ var DrForm = /** @class */ (function (_super) {
60
60
  }
61
61
  childs.forEach(function (it) {
62
62
  var _a, _b, _c, _d, _e;
63
- var eventName = (_a = it.getAttribute('dr-form:event')) !== null && _a !== void 0 ? _a : 'change';
64
- var validatorName = it.getAttribute('dr-form:validator');
63
+ var eventName = (_a = it.getAttribute("".concat(RawSet_1.RawSet.DR_FORM_NAME, ":event"))) !== null && _a !== void 0 ? _a : 'change';
64
+ var validatorName = it.getAttribute("".concat(RawSet_1.RawSet.DR_FORM_NAME, ":validator"));
65
65
  var attrEventName = EventManager_1.EventManager.attrPrefix + 'event-' + eventName;
66
- var varpath = (_c = ScriptUtils_1.ScriptUtils.evalReturn((_b = _this.elementSource.element.getAttribute('dr-form:name')) !== null && _b !== void 0 ? _b : '', _this.source.obj)) !== null && _c !== void 0 ? _c : it.getAttribute('name');
66
+ var varpath = (_c = ScriptUtils_1.ScriptUtils.evalReturn((_b = _this.elementSource.element.getAttribute("".concat(RawSet_1.RawSet.DR_FORM_NAME, ":name"))) !== null && _b !== void 0 ? _b : '', _this.source.obj)) !== null && _c !== void 0 ? _c : it.getAttribute('name');
67
67
  if (varpath != null) {
68
68
  if (validatorName) {
69
69
  ScriptUtils_1.ScriptUtils.eval("\n ".concat(_this.render.bindScript, "\n const validator = typeof ").concat(validatorName, " ==='function' ? new ").concat(validatorName, "() : ").concat(validatorName, ";\n ").concat(_this.elementSource.attrs.drForm, "['").concat(varpath, "'] = validator;\n "), Object.assign(_this.source.obj, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dom-render",
3
- "version": "1.0.89",
3
+ "version": "1.0.90",
4
4
  "main": "DomRender.js",
5
5
  "license": "MIT",
6
6
  "description": "html view template engine",
package/rawsets/RawSet.d.ts CHANGED
@@ -40,6 +40,12 @@ export declare class RawSet {
40
40
  static readonly DR_COMPLETE_OPTIONNAME = "dr-complete";
41
41
  static readonly DR_STRIP_OPTIONNAME = "dr-strip";
42
42
  static readonly DR_DESTROY_OPTIONNAME = "dr-destroy";
43
+ static readonly DR_COMPONENT_NAME_OPTIONNAME = "dr-component-name";
44
+ static readonly DR_COMPONENT_INNER_HTML_NAME_OPTIONNAME = "dr-component-inner-html-name";
45
+ static readonly DR_ON_CREATE_ARGUMENTS_OPTIONNAME = "dr-on-create:arguments";
46
+ static readonly DR_ON_CREATED_CALLBACK_OPTIONNAME = "dr-on-create:callback";
47
+ static readonly DR_ON_INIT_ARGUMENTS_OPTIONNAME = "dr-on-init:arguments";
48
+ static readonly DR_ON_CONSTRUCTOR_ARGUMENTS_OPTIONNAME = "dr-on-constructor:arguments";
43
49
  static readonly drAttrsOriginName: Attrs;
44
50
  static readonly DR_TAGS: never[];
45
51
  static readonly DR_ATTRIBUTES: string[];
package/rawsets/RawSet.js CHANGED
@@ -77,7 +77,6 @@ var RawSet = /** @class */ (function () {
77
77
  var targetScripts_1 = targetAttrNames.map(function (it) { return element_1.getAttribute(it); }).filter(function (it) { return it; });
78
78
  var targetAttrMap = element_1.getAttribute(EventManager_1.EventManager.normalAttrMapAttrName);
79
79
  if (targetAttrMap) {
80
- // console.log('----->', targetAttr);
81
80
  new Map(JSON.parse(targetAttrMap)).forEach(function (v, k) {
82
81
  targetScripts_1.push(v);
83
82
  });
@@ -226,17 +225,29 @@ var RawSet = /** @class */ (function () {
226
225
  });
227
226
  // ์ค‘์š” style isolation ๋‚˜์ค‘์— :scope๋กœ ๋Œ€์ฒด ๊ฐ€๋Šฅํ• ๋“ฏ.
228
227
  RawSet.generateStyleSheetsLocal();
229
- // console.log('-22222-')
230
- // alert(1);
231
228
  for (var _p = 0, onThisComponentSetCallBacks_1 = onThisComponentSetCallBacks; _p < onThisComponentSetCallBacks_1.length; _p++) {
232
229
  var it_1 = onThisComponentSetCallBacks_1[_p];
233
- (_c = (_b = it_1.obj).onInitRender) === null || _c === void 0 ? void 0 : _c.call(_b);
230
+ (_c = (_b = it_1.obj) === null || _b === void 0 ? void 0 : _b.onInitRender) === null || _c === void 0 ? void 0 : _c.call(_b);
234
231
  }
235
232
  for (var _q = 0, onElementInitCallBacks_1 = onElementInitCallBacks; _q < onElementInitCallBacks_1.length; _q++) {
236
233
  var it_2 = onElementInitCallBacks_1[_q];
237
- (_g = (_f = (_e = (_d = it_2.targetElement) === null || _d === void 0 ? void 0 : _d.__render) === null || _e === void 0 ? void 0 : _e.component) === null || _f === void 0 ? void 0 : _f.onInitRender) === null || _g === void 0 ? void 0 : _g.call(_f, Object.freeze({ render: (_h = it_2.targetElement) === null || _h === void 0 ? void 0 : _h.__render, creatorMetaData: (_j = it_2.targetElement) === null || _j === void 0 ? void 0 : _j.__creatorMetaData }));
234
+ if (((_e = (_d = it_2.targetElement) === null || _d === void 0 ? void 0 : _d.__render) === null || _e === void 0 ? void 0 : _e.element) && ((_g = (_f = it_2.targetElement) === null || _f === void 0 ? void 0 : _f.__render) === null || _g === void 0 ? void 0 : _g.component)) {
235
+ var oninit = it_2.targetElement.__render.element.getAttribute(RawSet.DR_ON_INIT_ARGUMENTS_OPTIONNAME); // dr-on-component-init
236
+ var param = [];
237
+ if (oninit) {
238
+ var script = "".concat(it_2.targetElement.__render.renderScript, " return ").concat(oninit, " ");
239
+ param = ScriptUtils_1.ScriptUtils.eval(script, Object.assign(obj, {
240
+ __render: it_2.targetElement.__render
241
+ }));
242
+ if (!Array.isArray(param)) {
243
+ param = [param];
244
+ }
245
+ }
246
+ (_j = (_h = it_2.targetElement.__render.component).onInitRender) === null || _j === void 0 ? void 0 : _j.call.apply(_j, __spreadArray([_h], param, false));
247
+ }
238
248
  (_k = config === null || config === void 0 ? void 0 : config.onElementInit) === null || _k === void 0 ? void 0 : _k.call(config, it_2.name, obj, this, it_2.targetElement);
239
249
  }
250
+ // TODO: ์ด๋ถ€๋ถ„๋„ ์œ„์— targetElement ์ฒ˜๋Ÿผ ํ•ด์•ผ๋ ๊นŒ?
240
251
  for (var _r = 0, onAttrInitCallBacks_1 = onAttrInitCallBacks; _r < onAttrInitCallBacks_1.length; _r++) {
241
252
  var it_3 = onAttrInitCallBacks_1[_r];
242
253
  (_l = config === null || config === void 0 ? void 0 : config.onAttrInit) === null || _l === void 0 ? void 0 : _l.call(config, it_3.attrName, it_3.attrValue, obj, this);
@@ -634,7 +645,7 @@ var RawSet = /** @class */ (function () {
634
645
  // const metaEnd = RawSet.metaEnd(id);
635
646
  // n.innerHTML = metaStart + style + (set.template ?? '') + metaEnd;
636
647
  // dr-on-create onCreateRender
637
- var onCreate = element.getAttribute("".concat(EventManager_1.EventManager.attrPrefix, "on-create"));
648
+ var onCreate = element.getAttribute(RawSet.DR_ON_CREATE_ARGUMENTS_OPTIONNAME);
638
649
  var renderScript = '';
639
650
  var createParam = [];
640
651
  if (onCreate) {
@@ -646,7 +657,8 @@ var RawSet = /** @class */ (function () {
646
657
  }
647
658
  (_d = (_c = set.obj) === null || _c === void 0 ? void 0 : _c.onCreateRender) === null || _d === void 0 ? void 0 : _d.call.apply(_d, __spreadArray([_c], createParam, false));
648
659
  // dr-on-component-init
649
- var oninit = element.getAttribute("".concat(EventManager_1.EventManager.attrPrefix, "on-component-init")); // dr-on-component-init
660
+ // const oninit = element.getAttribute(`${EventManager.attrPrefix}on-component-init`); // dr-on-component-init
661
+ var oninit = element.getAttribute(RawSet.DR_ON_CREATED_CALLBACK_OPTIONNAME); // dr-on-component-init
650
662
  if (oninit) {
651
663
  var script = "".concat(renderScript, " ").concat(oninit, " ");
652
664
  ScriptUtils_1.ScriptUtils.eval(script, obj);
@@ -720,7 +732,7 @@ var RawSet = /** @class */ (function () {
720
732
  scripts: EventManager_1.EventManager.setBindProperty((_a = config.scripts) !== null && _a !== void 0 ? _a : {}, obj)
721
733
  // eslint-disable-next-line no-use-before-define
722
734
  });
723
- var constructor = element.getAttribute("".concat(EventManager_1.EventManager.attrPrefix, "constructor"));
735
+ var constructor = element.getAttribute(RawSet.DR_ON_CONSTRUCTOR_ARGUMENTS_OPTIONNAME);
724
736
  var constructorParam = [];
725
737
  // dr-constructor
726
738
  if (constructor) {
@@ -759,9 +771,9 @@ var RawSet = /** @class */ (function () {
759
771
  });
760
772
  }
761
773
  // dr-on-create onCreateRender
762
- var onCreate = element.getAttribute("".concat(EventManager_1.EventManager.attrPrefix, "on-create"));
774
+ var onCreate = element.getAttribute(RawSet.DR_ON_CREATE_ARGUMENTS_OPTIONNAME);
763
775
  this.__render = render;
764
- var createParam = [i];
776
+ var createParam = [];
765
777
  if (onCreate) {
766
778
  var script = "".concat(renderScript, " return ").concat(onCreate, " ");
767
779
  createParam = ScriptUtils_1.ScriptUtils.eval(script, Object.assign(obj, { __render: render }));
@@ -772,8 +784,8 @@ var RawSet = /** @class */ (function () {
772
784
  (_d = instance === null || instance === void 0 ? void 0 : instance.onCreateRender) === null || _d === void 0 ? void 0 : _d.call.apply(_d, __spreadArray([instance], createParam, false));
773
785
  var applayTemplate = element.innerHTML;
774
786
  var innerHTMLThisRandom;
775
- var componentName = (_e = element.getAttribute("".concat(EventManager_1.EventManager.attrPrefix, "component-name"))) !== null && _e !== void 0 ? _e : 'component';
776
- var innerHTMLName = (_f = element.getAttribute("".concat(EventManager_1.EventManager.attrPrefix, "component-inner-html-name"))) !== null && _f !== void 0 ? _f : 'innerHTML';
787
+ var componentName = (_e = element.getAttribute(RawSet.DR_COMPONENT_NAME_OPTIONNAME)) !== null && _e !== void 0 ? _e : 'component';
788
+ var innerHTMLName = (_f = element.getAttribute(RawSet.DR_COMPONENT_INNER_HTML_NAME_OPTIONNAME)) !== null && _f !== void 0 ? _f : 'innerHTML';
777
789
  if (applayTemplate) {
778
790
  // if (rawSet.point.thisVariableName) {
779
791
  // ๋„˜์–ด์˜จ innerHTML์— this๊ฐ€ ์žˆ์œผ๋ฉด ํ•ด๋‹น์•ˆ๋˜๊ฒŒ ์šฐ์„  ์น˜ํ™˜.
@@ -784,7 +796,8 @@ var RawSet = /** @class */ (function () {
784
796
  }
785
797
  applayTemplate = template.replace(RegExp("#".concat(innerHTMLName, "#"), 'g'), applayTemplate);
786
798
  // dr-on-component-init
787
- var oninit = element.getAttribute("".concat(EventManager_1.EventManager.attrPrefix, "on-component-init")); // dr-on-component-init
799
+ // const oninit = element.getAttribute(`${EventManager.attrPrefix}on-component-init`); // dr-on-component-init
800
+ var oninit = element.getAttribute(RawSet.DR_ON_CREATED_CALLBACK_OPTIONNAME); // dr-on-component-init
788
801
  if (oninit) {
789
802
  var script = "".concat(renderScript, " ").concat(oninit, " ");
790
803
  ScriptUtils_1.ScriptUtils.eval(script, Object.assign(obj, {
@@ -854,7 +867,6 @@ var RawSet = /** @class */ (function () {
854
867
  RawSet.DR_INNERHTML_NAME = 'dr-inner-html';
855
868
  RawSet.DR_INNERTEXT_NAME = 'dr-inner-text';
856
869
  RawSet.DR_DETECT_NAME = 'dr-detect';
857
- // public static readonly DR_DETECT_ACTION_NAME = 'dr-detect-action';
858
870
  RawSet.DR_IT_OPTIONNAME = 'dr-it';
859
871
  RawSet.DR_VAR_OPTIONNAME = 'dr-var';
860
872
  RawSet.DR_AFTER_OPTIONNAME = 'dr-after';
@@ -863,6 +875,12 @@ var RawSet = /** @class */ (function () {
863
875
  RawSet.DR_COMPLETE_OPTIONNAME = 'dr-complete';
864
876
  RawSet.DR_STRIP_OPTIONNAME = 'dr-strip';
865
877
  RawSet.DR_DESTROY_OPTIONNAME = 'dr-destroy';
878
+ RawSet.DR_COMPONENT_NAME_OPTIONNAME = 'dr-component-name';
879
+ RawSet.DR_COMPONENT_INNER_HTML_NAME_OPTIONNAME = 'dr-component-inner-html-name';
880
+ RawSet.DR_ON_CREATE_ARGUMENTS_OPTIONNAME = 'dr-on-create:arguments';
881
+ RawSet.DR_ON_CREATED_CALLBACK_OPTIONNAME = 'dr-on-create:callback';
882
+ RawSet.DR_ON_INIT_ARGUMENTS_OPTIONNAME = 'dr-on-init:arguments';
883
+ RawSet.DR_ON_CONSTRUCTOR_ARGUMENTS_OPTIONNAME = 'dr-on-constructor:arguments';
866
884
  RawSet.drAttrsOriginName = {
867
885
  dr: RawSet.DR,
868
886
  drIf: RawSet.DR_IF_NAME,