meixioacomponent 2.0.68 → 2.0.69

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (106) hide show
  1. package/lib/components/base/baseGuide/GuideControl.d.ts +44 -44
  2. package/lib/components/base/baseGuide/GuideControl.js +238 -238
  3. package/lib/components/dynamicmount/DynamicMountClass.d.ts +15 -15
  4. package/lib/components/dynamicmount/DynamicMountClass.js +65 -65
  5. package/lib/components/dynamicmount/index.d.ts +4 -4
  6. package/lib/components/dynamicmount/index.js +71 -71
  7. package/lib/components/index.d.ts +111 -111
  8. package/lib/components/index.js +250 -250
  9. package/lib/config/LinkViewClass.d.ts +56 -56
  10. package/lib/config/LinkViewClass.js +154 -154
  11. package/lib/config/ProTableLocalConfigManage/ProTableLocalConfigManage.d.ts +12 -12
  12. package/lib/config/ProTableLocalConfigManage/ProTableLocalConfigManage.js +68 -68
  13. package/lib/config/TransferTDComponent.d.ts +1 -1
  14. package/lib/config/TransferTDComponent.js +31 -31
  15. package/lib/config/componentConfig.d.ts +3 -3
  16. package/lib/config/componentConfig.js +71 -71
  17. package/lib/config/uploadRequest.d.ts +2 -2
  18. package/lib/config/uploadRequest.js +87 -87
  19. package/lib/config/use/UseGuide.d.ts +8 -8
  20. package/lib/config/use/UseGuide.js +33 -33
  21. package/lib/config/use/UseImg.d.ts +9 -9
  22. package/lib/config/use/UseImg.js +45 -45
  23. package/lib/config/use/UseUpload.d.ts +12 -12
  24. package/lib/config/use/UseUpload.js +79 -79
  25. package/lib/config/use/UseViewVideo.d.ts +11 -11
  26. package/lib/config/use/UseViewVideo.js +41 -41
  27. package/lib/config/use/UseWait.d.ts +4 -4
  28. package/lib/config/use/UseWait.js +21 -21
  29. package/lib/config/use/WaitPlugin.d.ts +25 -25
  30. package/lib/config/use/WaitPlugin.js +106 -106
  31. package/lib/config/use/useConfirm/UseConfirm.d.ts +6 -6
  32. package/lib/config/use/useConfirm/UseConfirm.js +33 -33
  33. package/lib/config/use/useConfirm/UseNotify.d.ts +6 -6
  34. package/lib/config/use/useConfirm/UseNotify.js +18 -18
  35. package/lib/config/use/useConfirm/executeConfirm.d.ts +2 -2
  36. package/lib/config/use/useConfirm/executeConfirm.js +11 -11
  37. package/lib/config/use/useConfirm/registerConfirm.d.ts +4 -4
  38. package/lib/config/use/useConfirm/registerConfirm.js +8 -8
  39. package/lib/meixioacomponent.common.js +23835 -23835
  40. package/lib/meixioacomponent.umd.js +23832 -23832
  41. package/lib/meixioacomponent.umd.min.js +3 -3
  42. package/lib/plugin/PluginByReferenceByOss.d.ts +1 -1
  43. package/lib/plugin/PluginByReferenceByOss.js +16 -16
  44. package/lib/style/tdesignStyle.less +21 -21
  45. package/lib/typings/type.d.ts +405 -405
  46. package/lib/typings/type.js +2 -2
  47. package/lib/useType/useType.d.ts +27 -27
  48. package/lib/useType/useType.js +89 -89
  49. package/package.json +1 -1
  50. package/packages/components/base/baseAnchor/baseAnchor.vue +168 -168
  51. package/packages/components/base/baseAnchor/baseAnchorV2.vue +165 -165
  52. package/packages/components/base/baseArea/api.js +6 -6
  53. package/packages/components/base/baseArea/area.js +14979 -14979
  54. package/packages/components/base/baseArea/areaConfig.js +7 -7
  55. package/packages/components/base/baseArea/baseArea.vue +590 -590
  56. package/packages/components/base/baseArea/baseAreaV2.vue +144 -144
  57. package/packages/components/base/baseArea/baseAreaV21.vue +156 -156
  58. package/packages/components/base/baseArea/index.js +6 -6
  59. package/packages/components/base/baseAreaByMultiple/baseAreaByMultiple.vue +70 -70
  60. package/packages/components/base/baseAreaByMultiple/index.js +7 -7
  61. package/packages/components/base/baseButton/baseButton.vue +85 -85
  62. package/packages/components/base/baseButton/index.js +6 -6
  63. package/packages/components/base/baseInput/baseInput.vue +98 -98
  64. package/packages/components/base/baseSelect/baseSelect.vue +102 -102
  65. package/packages/components/base/baseSelect/index.js +6 -6
  66. package/packages/components/base/baseTimeRangePicker/baseTimeRangePicker.vue +59 -59
  67. package/packages/components/base/baseTimeRangePicker/index.js +7 -7
  68. package/packages/components/base/tDateRangePicker/index.js +5 -5
  69. package/packages/components/base/tDateRangePicker/tDateRangePicker.vue +152 -152
  70. package/packages/components/base/tInput/index.js +5 -5
  71. package/packages/components/base/tInput/tInput.vue +148 -148
  72. package/packages/components/base/tInputNumber/index.js +5 -5
  73. package/packages/components/base/tInputNumber/tInputNumber.vue +103 -103
  74. package/packages/components/base/tSelect/tSelect.vue +175 -175
  75. package/packages/components/dynamicmount/DynamicMountClass.js +64 -64
  76. package/packages/components/dynamicmount/index.js +69 -69
  77. package/packages/components/hooks/useHookByBaseArea.js +49 -49
  78. package/packages/components/hooks/useHookByGuide.js +46 -46
  79. package/packages/components/hooks/useHookByUpload.js +130 -130
  80. package/packages/components/index.js +247 -247
  81. package/packages/components/mixins/mixinsByBaseArea.js +53 -53
  82. package/packages/components/style/tdesignStyle.less +21 -21
  83. package/packages/config/LinkViewClass.js +152 -152
  84. package/packages/config/ProTableLocalConfigManage/ProTableLocalConfigManage.js +75 -75
  85. package/packages/config/ProTableLocalConfigManage/ProTableLocalConfigManage.ts +99 -99
  86. package/packages/config/TransferTDComponent.js +31 -31
  87. package/packages/config/TransferTDComponent.ts +22 -22
  88. package/packages/config/componentConfig.js +68 -68
  89. package/packages/config/use/UseGuide.js +43 -43
  90. package/packages/config/use/UseImg.js +46 -46
  91. package/packages/config/use/UseUpload.js +79 -79
  92. package/packages/config/use/UseViewVideo.js +40 -40
  93. package/packages/config/use/UseWait.js +18 -18
  94. package/packages/config/use/WaitPlugin.js +106 -106
  95. package/packages/config/use/useConfirm/UseConfirm.js +31 -31
  96. package/packages/config/use/useConfirm/UseConfirm.ts +34 -34
  97. package/packages/config/use/useConfirm/UseNotify.js +16 -16
  98. package/packages/config/use/useConfirm/UseNotify.ts +18 -18
  99. package/packages/config/use/useConfirm/executeConfirm.js +8 -8
  100. package/packages/config/use/useConfirm/executeConfirm.ts +6 -6
  101. package/packages/config/use/useConfirm/registerConfirm.js +8 -8
  102. package/packages/config/use/useConfirm/registerConfirm.ts +7 -7
  103. package/packages/plugin/PluginByReferenceByOss.js +16 -16
  104. package/packages/plugin/PluginByReferenceByOss.ts +11 -11
  105. package/packages/typings/type.js +2 -2
  106. package/packages/useType/useType.js +90 -90
@@ -1,176 +1,176 @@
1
- <template>
2
- <Select v-model="module"
3
- v-bind="$attrs"
4
- @blur="onBlur"
5
- @change="onChange"
6
- @confirm="onConfirm"
7
- @focus="onFocus"
8
- @input="onInput"
9
- @pick="onPick"
10
- @click="onClick"
11
- @enter="onEnter"
12
- @keydown="onKeydown"
13
- @keypress="onKeypress"
14
- @keyup="onKeyup"
15
- @mouseenter="onMouseenter"
16
- @mouseleave="onMouseleave"
17
- @paste="onPaste"
18
- @validate="onValidate"
19
- @wheel="onWheel"
20
- :readonly="_readonly"
21
- :disabled="_disabled"
22
- >
23
-
24
-
25
- <template #collapsedItems="{value,collapsedSelectedItems,count,onClose}">
26
- <slot name="collapsedItems" :scope="{value,collapsedSelectedItems,count,onClose}"></slot>
27
- </template>
28
-
29
- <template #empty>
30
- <slot name="empty"></slot>
31
- </template>
32
-
33
-
34
- <template #label>
35
- <slot name="label"></slot>
36
- </template>
37
-
38
-
39
- <template #loadingText>
40
- <slot name="loadingText"></slot>
41
- </template>
42
-
43
-
44
- <template #panelBottomContent>
45
- <slot name="panelBottomContent"></slot>
46
- </template>
47
-
48
-
49
- <template #panelTopContent>
50
- <slot name="panelTopContent"></slot>
51
- </template>
52
-
53
-
54
- <template #prefixIcon>
55
- <slot name="prefixIcon"></slot>
56
- </template>
57
- <template #suffix>
58
- <slot name="suffix"></slot>
59
- </template>
60
-
61
- <template #suffixIcon>
62
- <slot name="suffixIcon"></slot>
63
- </template>
64
-
65
-
66
- <template #valueDisplay>
67
- <slot name="valueDisplay"></slot>
68
- </template>
69
-
70
-
71
- <template>
72
- <slot></slot>
73
- </template>
74
-
75
-
76
- </Select>
77
- </template>
78
- <script>
79
-
80
-
81
- export default {
82
- name: "tInput",
83
- data() {
84
- return {}
85
- },
86
- props: {
87
- value: {
88
- type: String,
89
- },
90
- },
91
- components: {},
92
- created() {
93
- },
94
- computed: {
95
- module: {
96
- set(val) {
97
- this.$emit('input', val);
98
- },
99
- get() {
100
- return this.$props.value;
101
- }
102
- },
103
- _readonly: {
104
- get() {
105
- return !!(this.$attrs.disabled || this.$attrs.readonly);
106
- }
107
- },
108
- _disabled: {
109
- get() {
110
- return false;
111
- }
112
- }
113
-
114
- },
115
- methods: {
116
- onBlur(event) {
117
- this.$emit('blur', event);
118
- },
119
- onChange(event) {
120
- this.$emit('change', event);
121
- },
122
- onConfirm(event) {
123
- this.$emit('confirm', event);
124
- },
125
- onFocus(event) {
126
- this.$emit('focus', event);
127
- },
128
- onInput(event) {
129
- this.$emit('input', event);
130
- },
131
- onPick(event) {
132
- this.$emit('pick', event);
133
- },
134
- onClear(event) {
135
- this.$emit('clear', event);
136
- },
137
- onClick(event) {
138
- this.$emit('click', event);
139
- },
140
- onEnter(event) {
141
- this.$emit('enter', event);
142
- },
143
- onKeydown(event) {
144
- this.$emit('keydown', event);
145
- },
146
- onKeypress(event) {
147
- this.$emit('keypress', event);
148
- },
149
- onKeyup(event) {
150
- this.$emit('keyup', event);
151
- },
152
- onMouseenter(event) {
153
- this.$emit('mouseenter', event);
154
- },
155
- onMouseleave(event) {
156
- this.$emit('mouseleave', event);
157
- },
158
- onPaste(event) {
159
- this.$emit('paste', event);
160
- },
161
- onValidate(event) {
162
- this.$emit('validate', event);
163
- },
164
- onWheel(event) {
165
- this.$emit('wheel', event);
166
- }
167
- }
168
- }
169
- </script>
170
-
171
- <style scoped lang="less">
172
- /deep/ .t-input.t-is-readonly .t-input__inner {
173
- cursor: not-allowed !important;
174
- }
175
-
1
+ <template>
2
+ <Select v-model="module"
3
+ v-bind="$attrs"
4
+ @blur="onBlur"
5
+ @change="onChange"
6
+ @confirm="onConfirm"
7
+ @focus="onFocus"
8
+ @input="onInput"
9
+ @pick="onPick"
10
+ @click="onClick"
11
+ @enter="onEnter"
12
+ @keydown="onKeydown"
13
+ @keypress="onKeypress"
14
+ @keyup="onKeyup"
15
+ @mouseenter="onMouseenter"
16
+ @mouseleave="onMouseleave"
17
+ @paste="onPaste"
18
+ @validate="onValidate"
19
+ @wheel="onWheel"
20
+ :readonly="_readonly"
21
+ :disabled="_disabled"
22
+ >
23
+
24
+
25
+ <template #collapsedItems="{value,collapsedSelectedItems,count,onClose}">
26
+ <slot name="collapsedItems" :scope="{value,collapsedSelectedItems,count,onClose}"></slot>
27
+ </template>
28
+
29
+ <template #empty>
30
+ <slot name="empty"></slot>
31
+ </template>
32
+
33
+
34
+ <template #label>
35
+ <slot name="label"></slot>
36
+ </template>
37
+
38
+
39
+ <template #loadingText>
40
+ <slot name="loadingText"></slot>
41
+ </template>
42
+
43
+
44
+ <template #panelBottomContent>
45
+ <slot name="panelBottomContent"></slot>
46
+ </template>
47
+
48
+
49
+ <template #panelTopContent>
50
+ <slot name="panelTopContent"></slot>
51
+ </template>
52
+
53
+
54
+ <template #prefixIcon>
55
+ <slot name="prefixIcon"></slot>
56
+ </template>
57
+ <template #suffix>
58
+ <slot name="suffix"></slot>
59
+ </template>
60
+
61
+ <template #suffixIcon>
62
+ <slot name="suffixIcon"></slot>
63
+ </template>
64
+
65
+
66
+ <template #valueDisplay>
67
+ <slot name="valueDisplay"></slot>
68
+ </template>
69
+
70
+
71
+ <template>
72
+ <slot></slot>
73
+ </template>
74
+
75
+
76
+ </Select>
77
+ </template>
78
+ <script>
79
+
80
+
81
+ export default {
82
+ name: "tInput",
83
+ data() {
84
+ return {}
85
+ },
86
+ props: {
87
+ value: {
88
+ type: String,
89
+ },
90
+ },
91
+ components: {},
92
+ created() {
93
+ },
94
+ computed: {
95
+ module: {
96
+ set(val) {
97
+ this.$emit('input', val);
98
+ },
99
+ get() {
100
+ return this.$props.value;
101
+ }
102
+ },
103
+ _readonly: {
104
+ get() {
105
+ return !!(this.$attrs.disabled || this.$attrs.readonly);
106
+ }
107
+ },
108
+ _disabled: {
109
+ get() {
110
+ return false;
111
+ }
112
+ }
113
+
114
+ },
115
+ methods: {
116
+ onBlur(event) {
117
+ this.$emit('blur', event);
118
+ },
119
+ onChange(event) {
120
+ this.$emit('change', event);
121
+ },
122
+ onConfirm(event) {
123
+ this.$emit('confirm', event);
124
+ },
125
+ onFocus(event) {
126
+ this.$emit('focus', event);
127
+ },
128
+ onInput(event) {
129
+ this.$emit('input', event);
130
+ },
131
+ onPick(event) {
132
+ this.$emit('pick', event);
133
+ },
134
+ onClear(event) {
135
+ this.$emit('clear', event);
136
+ },
137
+ onClick(event) {
138
+ this.$emit('click', event);
139
+ },
140
+ onEnter(event) {
141
+ this.$emit('enter', event);
142
+ },
143
+ onKeydown(event) {
144
+ this.$emit('keydown', event);
145
+ },
146
+ onKeypress(event) {
147
+ this.$emit('keypress', event);
148
+ },
149
+ onKeyup(event) {
150
+ this.$emit('keyup', event);
151
+ },
152
+ onMouseenter(event) {
153
+ this.$emit('mouseenter', event);
154
+ },
155
+ onMouseleave(event) {
156
+ this.$emit('mouseleave', event);
157
+ },
158
+ onPaste(event) {
159
+ this.$emit('paste', event);
160
+ },
161
+ onValidate(event) {
162
+ this.$emit('validate', event);
163
+ },
164
+ onWheel(event) {
165
+ this.$emit('wheel', event);
166
+ }
167
+ }
168
+ }
169
+ </script>
170
+
171
+ <style scoped lang="less">
172
+ /deep/ .t-input.t-is-readonly .t-input__inner {
173
+ cursor: not-allowed !important;
174
+ }
175
+
176
176
  </style>
@@ -1,64 +1,64 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- var componentConfig_1 = require("../../config/componentConfig");
4
- var DynamicMountClass = /** @class */ (function () {
5
- function DynamicMountClass(dynamicMount) {
6
- this.params = dynamicMount;
7
- this.domComponent = null;
8
- this.refComponent = null;
9
- this.mountdCb = null;
10
- this.destroyCb = null;
11
- }
12
- DynamicMountClass.prototype.init = function () {
13
- var _this = this;
14
- this.domComponent = componentConfig_1["default"].Vue.prototype.$dynmaicMount({
15
- mountedDom: this.params.mountedDom,
16
- vueComponent: this.params.vueComponent,
17
- componentProps: this.params.componentProps,
18
- customClassName: this.params.customClassName,
19
- zIndex: this.params.zIndex ? this.params.zIndex : '9999'
20
- });
21
- this.refComponent = this.domComponent.componentMounted;
22
- this.refComponent.$on('hook:destroyed', function () {
23
- _this.destroy();
24
- });
25
- this.refComponent.$on('hook:mounted', function () {
26
- _this.mounted();
27
- });
28
- };
29
- DynamicMountClass.prototype.getComponent = function () {
30
- return this.refComponent;
31
- };
32
- DynamicMountClass.prototype.on = function (type, cb) {
33
- switch (type) {
34
- case 'mounted':
35
- this.mountdCb = cb;
36
- break;
37
- case 'destroyed':
38
- this.destroyCb = cb;
39
- break;
40
- default:
41
- break;
42
- }
43
- };
44
- DynamicMountClass.prototype.mounted = function () {
45
- if (this.mountdCb) {
46
- this.mountdCb(this.refComponent);
47
- }
48
- };
49
- DynamicMountClass.prototype.destroy = function () {
50
- if (this.destroyCb) {
51
- this.destroyCb(this.refComponent);
52
- }
53
- componentConfig_1["default"].Vue.component("".concat(this.domComponent.$options.name), null);
54
- delete componentConfig_1["default"].Vue.options.components["".concat(this.domComponent.$options.name)];
55
- // @ts-ignore
56
- this.params = null;
57
- this.domComponent = null;
58
- this.refComponent = null;
59
- this.mountdCb = null;
60
- this.destroyCb = null;
61
- };
62
- return DynamicMountClass;
63
- }());
64
- exports["default"] = DynamicMountClass;
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ var componentConfig_1 = require("../../config/componentConfig");
4
+ var DynamicMountClass = /** @class */ (function () {
5
+ function DynamicMountClass(dynamicMount) {
6
+ this.params = dynamicMount;
7
+ this.domComponent = null;
8
+ this.refComponent = null;
9
+ this.mountdCb = null;
10
+ this.destroyCb = null;
11
+ }
12
+ DynamicMountClass.prototype.init = function () {
13
+ var _this = this;
14
+ this.domComponent = componentConfig_1["default"].Vue.prototype.$dynmaicMount({
15
+ mountedDom: this.params.mountedDom,
16
+ vueComponent: this.params.vueComponent,
17
+ componentProps: this.params.componentProps,
18
+ customClassName: this.params.customClassName,
19
+ zIndex: this.params.zIndex ? this.params.zIndex : '9999'
20
+ });
21
+ this.refComponent = this.domComponent.componentMounted;
22
+ this.refComponent.$on('hook:destroyed', function () {
23
+ _this.destroy();
24
+ });
25
+ this.refComponent.$on('hook:mounted', function () {
26
+ _this.mounted();
27
+ });
28
+ };
29
+ DynamicMountClass.prototype.getComponent = function () {
30
+ return this.refComponent;
31
+ };
32
+ DynamicMountClass.prototype.on = function (type, cb) {
33
+ switch (type) {
34
+ case 'mounted':
35
+ this.mountdCb = cb;
36
+ break;
37
+ case 'destroyed':
38
+ this.destroyCb = cb;
39
+ break;
40
+ default:
41
+ break;
42
+ }
43
+ };
44
+ DynamicMountClass.prototype.mounted = function () {
45
+ if (this.mountdCb) {
46
+ this.mountdCb(this.refComponent);
47
+ }
48
+ };
49
+ DynamicMountClass.prototype.destroy = function () {
50
+ if (this.destroyCb) {
51
+ this.destroyCb(this.refComponent);
52
+ }
53
+ componentConfig_1["default"].Vue.component("".concat(this.domComponent.$options.name), null);
54
+ delete componentConfig_1["default"].Vue.options.components["".concat(this.domComponent.$options.name)];
55
+ // @ts-ignore
56
+ this.params = null;
57
+ this.domComponent = null;
58
+ this.refComponent = null;
59
+ this.mountdCb = null;
60
+ this.destroyCb = null;
61
+ };
62
+ return DynamicMountClass;
63
+ }());
64
+ exports["default"] = DynamicMountClass;
@@ -1,69 +1,69 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- // @ts-ignore
4
- var dynamicMount_vue_1 = require("./dynamicMount.vue");
5
- var componentConfig_1 = require("../../config/componentConfig");
6
- //使用方法
7
- // this.$dynmaicMount({
8
- // mountedDom: "",
9
- // vueComponent: "",
10
- // componentProps: "",
11
- // customClassName:"",
12
- // });
13
- var Insert = function (options) {
14
- var ComponentInsertConstructor = componentConfig_1["default"].Vue.extend(dynamicMount_vue_1["default"]);
15
- componentConfig_1["default"].setDynamicId();
16
- var id = componentConfig_1["default"].dynamicId;
17
- var componentInsertConstructor = new ComponentInsertConstructor();
18
- // @ts-ignore
19
- componentInsertConstructor.vm = componentInsertConstructor.$mount();
20
- // @ts-ignore
21
- componentInsertConstructor.dom = componentInsertConstructor.vm.$el;
22
- // @ts-ignore
23
- componentInsertConstructor.mountedDom = options.mountedDom;
24
- // @ts-ignore
25
- componentInsertConstructor.vm.id = id;
26
- // @ts-ignore
27
- componentInsertConstructor.vm.vueComponent = options.vueComponent;
28
- // @ts-ignore
29
- componentInsertConstructor.componentProps = options.componentProps;
30
- // @ts-ignore
31
- componentInsertConstructor.vm.init();
32
- var ele = document.createElement('div');
33
- ele.setAttribute('id', "dynamic-".concat(id));
34
- var className;
35
- if (options.customClassName != null) {
36
- className = "dynamic ".concat(options.customClassName);
37
- }
38
- else {
39
- className = 'dynamic';
40
- }
41
- ele.setAttribute('class', className);
42
- if (options.mountedDom) {
43
- ele.style.height = '100%';
44
- // @ts-ignore
45
- componentInsertConstructor.vm.$el.style.height = '100%';
46
- }
47
- else {
48
- ele.style.position = "fixed";
49
- ele.style.zIndex = options.zIndex || '9999';
50
- ele.style.top = "0px";
51
- ele.style.left = "0px";
52
- }
53
- // @ts-ignore
54
- ele.appendChild(componentInsertConstructor.dom);
55
- if (options.mountedDom) {
56
- options.mountedDom.appendChild(ele);
57
- }
58
- else {
59
- document.body.appendChild(ele);
60
- }
61
- // @ts-ignore
62
- return componentInsertConstructor.vm;
63
- };
64
- exports["default"] = {
65
- install: function (Vue, options) {
66
- if (options === void 0) { options = {}; }
67
- Vue.prototype.$dynmaicMount = Insert;
68
- }
69
- };
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ // @ts-ignore
4
+ var dynamicMount_vue_1 = require("./dynamicMount.vue");
5
+ var componentConfig_1 = require("../../config/componentConfig");
6
+ //使用方法
7
+ // this.$dynmaicMount({
8
+ // mountedDom: "",
9
+ // vueComponent: "",
10
+ // componentProps: "",
11
+ // customClassName:"",
12
+ // });
13
+ var Insert = function (options) {
14
+ var ComponentInsertConstructor = componentConfig_1["default"].Vue.extend(dynamicMount_vue_1["default"]);
15
+ componentConfig_1["default"].setDynamicId();
16
+ var id = componentConfig_1["default"].dynamicId;
17
+ var componentInsertConstructor = new ComponentInsertConstructor();
18
+ // @ts-ignore
19
+ componentInsertConstructor.vm = componentInsertConstructor.$mount();
20
+ // @ts-ignore
21
+ componentInsertConstructor.dom = componentInsertConstructor.vm.$el;
22
+ // @ts-ignore
23
+ componentInsertConstructor.mountedDom = options.mountedDom;
24
+ // @ts-ignore
25
+ componentInsertConstructor.vm.id = id;
26
+ // @ts-ignore
27
+ componentInsertConstructor.vm.vueComponent = options.vueComponent;
28
+ // @ts-ignore
29
+ componentInsertConstructor.componentProps = options.componentProps;
30
+ // @ts-ignore
31
+ componentInsertConstructor.vm.init();
32
+ var ele = document.createElement('div');
33
+ ele.setAttribute('id', "dynamic-".concat(id));
34
+ var className;
35
+ if (options.customClassName != null) {
36
+ className = "dynamic ".concat(options.customClassName);
37
+ }
38
+ else {
39
+ className = 'dynamic';
40
+ }
41
+ ele.setAttribute('class', className);
42
+ if (options.mountedDom) {
43
+ ele.style.height = '100%';
44
+ // @ts-ignore
45
+ componentInsertConstructor.vm.$el.style.height = '100%';
46
+ }
47
+ else {
48
+ ele.style.position = "fixed";
49
+ ele.style.zIndex = options.zIndex || '9999';
50
+ ele.style.top = "0px";
51
+ ele.style.left = "0px";
52
+ }
53
+ // @ts-ignore
54
+ ele.appendChild(componentInsertConstructor.dom);
55
+ if (options.mountedDom) {
56
+ options.mountedDom.appendChild(ele);
57
+ }
58
+ else {
59
+ document.body.appendChild(ele);
60
+ }
61
+ // @ts-ignore
62
+ return componentInsertConstructor.vm;
63
+ };
64
+ exports["default"] = {
65
+ install: function (Vue, options) {
66
+ if (options === void 0) { options = {}; }
67
+ Vue.prototype.$dynmaicMount = Insert;
68
+ }
69
+ };