@eturnity/eturnity_reusable_components 8.26.4--EPDM-15979.3 → 8.26.4--EPDM-15979.4
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.
- package/dist/main.es12.js +2 -2
- package/dist/main.es13.js +3 -3
- package/dist/main.es14.js +1 -1
- package/dist/main.es15.js +62 -248
- package/dist/main.es17.js +22 -62
- package/dist/main.es18.js +1051 -19
- package/dist/main.es19.js +215 -1044
- package/dist/main.es20.js +68 -196
- package/dist/main.es21.js +2 -99
- package/dist/main.es22.js +541 -2
- package/dist/main.es23.js +206 -497
- package/dist/main.es27.js +1 -1
- package/dist/main.es5.js +1 -1
- package/dist/main.es6.js +2 -2
- package/dist/main.es726.js +60 -21
- package/dist/main.es727.js +21 -60
- package/dist/main.es9.js +1 -1
- package/package.json +1 -1
- package/src/components/buttons/mainButton/index.vue +24 -0
package/dist/main.es12.js
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
import "./main.es3.js";
|
2
|
-
import { setupDevtoolsPlugin } from "./main.
|
3
|
-
import { shallowRef, unref, reactive, ref } from "./main.
|
2
|
+
import { setupDevtoolsPlugin } from "./main.es17.js";
|
3
|
+
import { shallowRef, unref, reactive, ref } from "./main.es18.js";
|
4
4
|
import { computed, nextTick, defineComponent, watch, inject, h, provide, watchEffect, getCurrentInstance } from "./main.es6.js";
|
5
5
|
/*!
|
6
6
|
* vue-router v4.2.2
|
package/dist/main.es13.js
CHANGED
@@ -1,8 +1,8 @@
|
|
1
1
|
import styled from "./main.es7.js";
|
2
|
-
import PanelRangeInfo from "./main.
|
3
|
-
import IconCollection from "./main.
|
2
|
+
import PanelRangeInfo from "./main.es19.js";
|
3
|
+
import IconCollection from "./main.es20.js";
|
4
4
|
import "./main.es3.js";
|
5
|
-
import "./main.
|
5
|
+
import "./main.es21.js";
|
6
6
|
import _export_sfc from "./main.es11.js";
|
7
7
|
import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, withDirectives, createElementVNode as createBaseVNode, Fragment } from "./main.es6.js";
|
8
8
|
import { vModelText } from "./main.es5.js";
|
package/dist/main.es14.js
CHANGED
package/dist/main.es15.js
CHANGED
@@ -1,252 +1,66 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
import { toDisplayString } from "./main.es16.js";
|
7
|
-
const _hoisted_1 = ["innerHTML"];
|
8
|
-
const _sfc_main = {
|
9
|
-
__name: "index",
|
10
|
-
props: {
|
11
|
-
disabled: {
|
12
|
-
required: false,
|
13
|
-
default: false,
|
14
|
-
type: Boolean
|
15
|
-
},
|
16
|
-
name: {
|
17
|
-
required: true,
|
18
|
-
type: String
|
19
|
-
},
|
20
|
-
color: {
|
21
|
-
required: false,
|
22
|
-
default: null,
|
23
|
-
type: String
|
24
|
-
},
|
25
|
-
hoveredColor: {
|
26
|
-
required: false,
|
27
|
-
default: null,
|
28
|
-
type: String
|
29
|
-
},
|
30
|
-
size: {
|
31
|
-
required: false,
|
32
|
-
default: "30px",
|
33
|
-
type: String
|
34
|
-
},
|
35
|
-
width: {
|
36
|
-
type: String,
|
37
|
-
required: false,
|
38
|
-
default: ""
|
39
|
-
},
|
40
|
-
height: {
|
41
|
-
type: String,
|
42
|
-
required: false,
|
43
|
-
default: ""
|
44
|
-
},
|
45
|
-
cursor: {
|
46
|
-
required: false,
|
47
|
-
default: null,
|
48
|
-
type: String
|
49
|
-
},
|
50
|
-
isStriked: {
|
51
|
-
required: false,
|
52
|
-
default: false,
|
53
|
-
type: Boolean
|
54
|
-
},
|
55
|
-
backgroundColor: {
|
56
|
-
required: false,
|
57
|
-
default: null,
|
58
|
-
type: String
|
59
|
-
},
|
60
|
-
count: {
|
61
|
-
required: false,
|
62
|
-
default: 0,
|
63
|
-
type: Number
|
64
|
-
},
|
65
|
-
animation: {
|
66
|
-
required: false,
|
67
|
-
default: "none",
|
68
|
-
type: String
|
69
|
-
},
|
70
|
-
fillType: {
|
71
|
-
required: false,
|
72
|
-
default: "fill",
|
73
|
-
type: String
|
74
|
-
},
|
75
|
-
disableHover: {
|
76
|
-
type: Boolean,
|
77
|
-
default: false
|
78
|
-
},
|
79
|
-
showCount: {
|
80
|
-
type: Boolean,
|
81
|
-
default: false
|
82
|
-
}
|
83
|
-
},
|
84
|
-
setup(__props) {
|
85
|
-
const props = __props;
|
86
|
-
const Wrapper = styled("div", {
|
87
|
-
height: String,
|
88
|
-
width: String,
|
89
|
-
disabled: Boolean,
|
90
|
-
cursor: String
|
91
|
-
})`
|
92
|
-
display: flex;
|
93
|
-
position: relative;
|
94
|
-
align-content: center;
|
95
|
-
justify-content: center;
|
96
|
-
width: ${(props2) => props2.width};
|
97
|
-
height: ${(props2) => props2.height};
|
98
|
-
min-width: ${(props2) => props2.width};
|
99
|
-
min-height: ${(props2) => props2.height};
|
100
|
-
cursor: ${(props2) => props2.disabled ? "not-allowed" : props2.cursor};
|
101
|
-
line-height: 0;
|
102
|
-
`;
|
103
|
-
const CountWrapper = styled("div")`
|
104
|
-
position: absolute;
|
105
|
-
top: -7px;
|
106
|
-
right: -7px;
|
107
|
-
background-color: ${({
|
108
|
-
theme
|
109
|
-
}) => theme.colors.red};
|
110
|
-
color: ${({
|
111
|
-
theme
|
112
|
-
}) => theme.colors.white};
|
113
|
-
border-radius: 100%;
|
114
|
-
width: 15px;
|
115
|
-
height: 15px;
|
116
|
-
display: flex;
|
117
|
-
justify-content: center;
|
118
|
-
align-items: center;
|
119
|
-
font-size: 10px;
|
120
|
-
`;
|
121
|
-
const StrikedLine = styled("div", {
|
122
|
-
color: String
|
123
|
-
})`
|
124
|
-
display: flex;
|
125
|
-
position: absolute;
|
126
|
-
bottom: 0;
|
127
|
-
left: 0;
|
128
|
-
align-content: center;
|
129
|
-
justify-content: center;
|
130
|
-
width: 143%;
|
131
|
-
height: 8%;
|
132
|
-
background-color: ${({
|
133
|
-
theme,
|
134
|
-
color
|
135
|
-
}) => theme.colors[color] || color};
|
136
|
-
min-height: 0;
|
137
|
-
line-height: 0;
|
138
|
-
transform-origin: 0% 100%;
|
139
|
-
transform: rotate(-45deg);
|
140
|
-
`;
|
141
|
-
const IconImageAttrs = {
|
142
|
-
color: String,
|
143
|
-
backgroundColor: String,
|
144
|
-
hoveredColor: String,
|
145
|
-
animation: String,
|
146
|
-
fillType: String,
|
147
|
-
disableHover: Boolean,
|
148
|
-
showCount: Boolean
|
149
|
-
};
|
150
|
-
const IconImage = styled("div", IconImageAttrs)`
|
151
|
-
animation: ${(props2) => props2.animation};
|
152
|
-
width: 100%;
|
153
|
-
svg {
|
154
|
-
width: 100%;
|
155
|
-
height: 100%;
|
156
|
-
background-color: ${(props2) => props2.backgroundColor ? props2.backgroundColor : "transparent"};
|
157
|
-
padding: ${(props2) => props2.backgroundColor ? "3px" : "0"};
|
158
|
-
border-radius: ${(props2) => props2.showCount ? "8px 0 0 8px" : props2.backgroundColor ? "8px" : "0"};
|
159
|
-
}
|
160
|
-
svg path:not(.fix, .isStrokePath) {
|
161
|
-
${({
|
162
|
-
theme,
|
163
|
-
color,
|
164
|
-
fillType
|
165
|
-
}) => color && `${fillType}: ${theme.colors[color] || color};`}
|
166
|
-
}
|
167
|
-
svg .isStroke {
|
168
|
-
${({
|
169
|
-
theme,
|
170
|
-
color
|
171
|
-
}) => color && `stroke: ${theme.colors[color] || color};`}
|
172
|
-
}
|
173
|
-
svg .isFill {
|
174
|
-
${({
|
175
|
-
theme,
|
176
|
-
color
|
177
|
-
}) => color && `fill: ${theme.colors[color] || color};`}
|
178
|
-
}
|
179
|
-
svg .isStrokePath:not(.fix) {
|
180
|
-
${({
|
181
|
-
theme,
|
182
|
-
color
|
183
|
-
}) => color && `stroke: ${theme.colors[color] || color};`}
|
184
|
-
}
|
185
|
-
${(props2) => !props2.disableHover && `
|
186
|
-
&:hover svg path:not(.fix, .isStrokePath) {
|
187
|
-
${`${props2.fillType}: ${props2.theme.colors[props2.hoveredColor] || props2.color};`}
|
188
|
-
&:hover svg isStrokePath:not(.fix) {
|
189
|
-
${`stroke: ${props2.theme.colors[props2.hoveredColor] || props2.color};`}
|
190
|
-
}
|
191
|
-
&:hover + div {
|
192
|
-
background-color: ${props2.hoveredColor};
|
193
|
-
}
|
194
|
-
`}
|
195
|
-
|
196
|
-
@keyframes fade {
|
197
|
-
50% {
|
198
|
-
opacity: 0.3;
|
199
|
-
}
|
200
|
-
}
|
201
|
-
`;
|
202
|
-
const icon = reactive({
|
203
|
-
html: ""
|
204
|
-
});
|
205
|
-
const loadSvg = async () => {
|
206
|
-
icon.html = await fetchIcon(props.name.toLowerCase());
|
207
|
-
};
|
208
|
-
const counter = computed(() => props.count > 9 ? "9+" : props.count.toString());
|
209
|
-
onMounted(() => loadSvg());
|
210
|
-
watch(() => props.name, loadSvg);
|
211
|
-
return (_ctx, _cache) => {
|
212
|
-
return openBlock(), createBlock(Wrapper, {
|
213
|
-
cursor: __props.cursor,
|
214
|
-
"data-test-id": "icon_wrapper",
|
215
|
-
disabled: __props.disabled,
|
216
|
-
height: __props.height ? __props.height : __props.size,
|
217
|
-
width: __props.width ? __props.width : __props.size
|
218
|
-
}, {
|
219
|
-
default: withCtx(() => [createVNode(IconImage, {
|
220
|
-
animation: __props.animation,
|
221
|
-
"background-color": __props.backgroundColor,
|
222
|
-
color: __props.color,
|
223
|
-
"data-test-id": "icon_image",
|
224
|
-
"disable-hover": __props.disableHover,
|
225
|
-
"fill-type": __props.fillType,
|
226
|
-
"hovered-color": __props.hoveredColor,
|
227
|
-
"show-count": __props.showCount
|
228
|
-
}, {
|
229
|
-
default: withCtx(() => [createBaseVNode("i", {
|
230
|
-
"data-test-id": "icon_svg",
|
231
|
-
innerHTML: icon.html
|
232
|
-
}, null, 8, _hoisted_1)]),
|
233
|
-
_: 1
|
234
|
-
}, 8, ["animation", "background-color", "color", "disable-hover", "fill-type", "hovered-color", "show-count"]), createTextVNode(), __props.isStriked ? (openBlock(), createBlock(StrikedLine, {
|
235
|
-
key: 0,
|
236
|
-
color: __props.color,
|
237
|
-
"data-test-id": "icon_striked_line"
|
238
|
-
}, null, 8, ["color"])) : createCommentVNode("", true), createTextVNode(), __props.count > 0 ? (openBlock(), createBlock(CountWrapper, {
|
239
|
-
key: 1,
|
240
|
-
"data-test-id": "icon_count"
|
241
|
-
}, {
|
242
|
-
default: withCtx(() => [createTextVNode(toDisplayString(counter.value), 1)]),
|
243
|
-
_: 1
|
244
|
-
})) : createCommentVNode("", true)]),
|
245
|
-
_: 1
|
246
|
-
}, 8, ["cursor", "disabled", "height", "width"]);
|
247
|
-
};
|
1
|
+
function makeMap(str, expectsLowerCase) {
|
2
|
+
const map = /* @__PURE__ */ Object.create(null);
|
3
|
+
const list = str.split(",");
|
4
|
+
for (let i = 0; i < list.length; i++) {
|
5
|
+
map[list[i]] = true;
|
248
6
|
}
|
7
|
+
return expectsLowerCase ? (val) => !!map[val.toLowerCase()] : (val) => !!map[val];
|
8
|
+
}
|
9
|
+
!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
|
10
|
+
!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
|
11
|
+
const onRE = /^on[^a-z]/;
|
12
|
+
const isOn = (key) => onRE.test(key);
|
13
|
+
const isModelListener = (key) => key.startsWith("onUpdate:");
|
14
|
+
const extend = Object.assign;
|
15
|
+
const isArray = Array.isArray;
|
16
|
+
const isFunction = (val) => typeof val === "function";
|
17
|
+
const isString = (val) => typeof val === "string";
|
18
|
+
const cacheStringFunction = (fn) => {
|
19
|
+
const cache = /* @__PURE__ */ Object.create(null);
|
20
|
+
return (str) => {
|
21
|
+
const hit = cache[str];
|
22
|
+
return hit || (cache[str] = fn(str));
|
23
|
+
};
|
249
24
|
};
|
25
|
+
const hyphenateRE = /\B([A-Z])/g;
|
26
|
+
const hyphenate = cacheStringFunction(
|
27
|
+
(str) => str.replace(hyphenateRE, "-$1").toLowerCase()
|
28
|
+
);
|
29
|
+
const capitalize = cacheStringFunction(
|
30
|
+
(str) => str.charAt(0).toUpperCase() + str.slice(1)
|
31
|
+
);
|
32
|
+
const invokeArrayFns = (fns, arg) => {
|
33
|
+
for (let i = 0; i < fns.length; i++) {
|
34
|
+
fns[i](arg);
|
35
|
+
}
|
36
|
+
};
|
37
|
+
const looseToNumber = (val) => {
|
38
|
+
const n = parseFloat(val);
|
39
|
+
return isNaN(n) ? val : n;
|
40
|
+
};
|
41
|
+
const HTML_TAGS = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot";
|
42
|
+
const SVG_TAGS = "svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,feDistantLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,text,textPath,title,tspan,unknown,use,view";
|
43
|
+
const isHTMLTag = /* @__PURE__ */ makeMap(HTML_TAGS);
|
44
|
+
const isSVGTag = /* @__PURE__ */ makeMap(SVG_TAGS);
|
45
|
+
const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`;
|
46
|
+
const isSpecialBooleanAttr = /* @__PURE__ */ makeMap(specialBooleanAttrs);
|
47
|
+
function includeBooleanAttr(value) {
|
48
|
+
return !!value || value === "";
|
49
|
+
}
|
250
50
|
export {
|
251
|
-
|
51
|
+
capitalize,
|
52
|
+
extend,
|
53
|
+
hyphenate,
|
54
|
+
includeBooleanAttr,
|
55
|
+
invokeArrayFns,
|
56
|
+
isArray,
|
57
|
+
isFunction,
|
58
|
+
isHTMLTag,
|
59
|
+
isModelListener,
|
60
|
+
isOn,
|
61
|
+
isSVGTag,
|
62
|
+
isSpecialBooleanAttr,
|
63
|
+
isString,
|
64
|
+
looseToNumber,
|
65
|
+
makeMap
|
252
66
|
};
|
package/dist/main.es17.js
CHANGED
@@ -1,66 +1,26 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
1
|
+
import { isProxyAvailable, getTarget, getDevtoolsGlobalHook } from "./main.es25.js";
|
2
|
+
import { HOOK_SETUP } from "./main.es26.js";
|
3
|
+
import { ApiProxy } from "./main.es27.js";
|
4
|
+
function setupDevtoolsPlugin(pluginDescriptor, setupFn) {
|
5
|
+
const descriptor = pluginDescriptor;
|
6
|
+
const target = getTarget();
|
7
|
+
const hook = getDevtoolsGlobalHook();
|
8
|
+
const enableProxy = isProxyAvailable && descriptor.enableEarlyProxy;
|
9
|
+
if (hook && (target.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !enableProxy)) {
|
10
|
+
hook.emit(HOOK_SETUP, pluginDescriptor, setupFn);
|
11
|
+
} else {
|
12
|
+
const proxy = enableProxy ? new ApiProxy(descriptor, hook) : null;
|
13
|
+
const list = target.__VUE_DEVTOOLS_PLUGINS__ = target.__VUE_DEVTOOLS_PLUGINS__ || [];
|
14
|
+
list.push({
|
15
|
+
pluginDescriptor: descriptor,
|
16
|
+
setupFn,
|
17
|
+
proxy
|
18
|
+
});
|
19
|
+
if (proxy) {
|
20
|
+
setupFn(proxy.proxiedTarget);
|
21
|
+
}
|
6
22
|
}
|
7
|
-
return expectsLowerCase ? (val) => !!map[val.toLowerCase()] : (val) => !!map[val];
|
8
|
-
}
|
9
|
-
!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
|
10
|
-
!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
|
11
|
-
const onRE = /^on[^a-z]/;
|
12
|
-
const isOn = (key) => onRE.test(key);
|
13
|
-
const isModelListener = (key) => key.startsWith("onUpdate:");
|
14
|
-
const extend = Object.assign;
|
15
|
-
const isArray = Array.isArray;
|
16
|
-
const isFunction = (val) => typeof val === "function";
|
17
|
-
const isString = (val) => typeof val === "string";
|
18
|
-
const cacheStringFunction = (fn) => {
|
19
|
-
const cache = /* @__PURE__ */ Object.create(null);
|
20
|
-
return (str) => {
|
21
|
-
const hit = cache[str];
|
22
|
-
return hit || (cache[str] = fn(str));
|
23
|
-
};
|
24
|
-
};
|
25
|
-
const hyphenateRE = /\B([A-Z])/g;
|
26
|
-
const hyphenate = cacheStringFunction(
|
27
|
-
(str) => str.replace(hyphenateRE, "-$1").toLowerCase()
|
28
|
-
);
|
29
|
-
const capitalize = cacheStringFunction(
|
30
|
-
(str) => str.charAt(0).toUpperCase() + str.slice(1)
|
31
|
-
);
|
32
|
-
const invokeArrayFns = (fns, arg) => {
|
33
|
-
for (let i = 0; i < fns.length; i++) {
|
34
|
-
fns[i](arg);
|
35
|
-
}
|
36
|
-
};
|
37
|
-
const looseToNumber = (val) => {
|
38
|
-
const n = parseFloat(val);
|
39
|
-
return isNaN(n) ? val : n;
|
40
|
-
};
|
41
|
-
const HTML_TAGS = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot";
|
42
|
-
const SVG_TAGS = "svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,feDistantLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,text,textPath,title,tspan,unknown,use,view";
|
43
|
-
const isHTMLTag = /* @__PURE__ */ makeMap(HTML_TAGS);
|
44
|
-
const isSVGTag = /* @__PURE__ */ makeMap(SVG_TAGS);
|
45
|
-
const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`;
|
46
|
-
const isSpecialBooleanAttr = /* @__PURE__ */ makeMap(specialBooleanAttrs);
|
47
|
-
function includeBooleanAttr(value) {
|
48
|
-
return !!value || value === "";
|
49
23
|
}
|
50
24
|
export {
|
51
|
-
|
52
|
-
extend,
|
53
|
-
hyphenate,
|
54
|
-
includeBooleanAttr,
|
55
|
-
invokeArrayFns,
|
56
|
-
isArray,
|
57
|
-
isFunction,
|
58
|
-
isHTMLTag,
|
59
|
-
isModelListener,
|
60
|
-
isOn,
|
61
|
-
isSVGTag,
|
62
|
-
isSpecialBooleanAttr,
|
63
|
-
isString,
|
64
|
-
looseToNumber,
|
65
|
-
makeMap
|
25
|
+
setupDevtoolsPlugin
|
66
26
|
};
|