@retailcrm/embed-ui-v1-components 0.5.2-alpha.4 → 0.5.2
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/assets/stylesheets/geometry.less +0 -4
- package/dist/host.cjs +56 -301
- package/dist/host.css +0 -203
- package/dist/host.d.ts +0 -38
- package/dist/host.js +57 -302
- package/dist/remote.cjs +0 -14
- package/dist/remote.d.ts +0 -62
- package/dist/remote.js +0 -14
- package/package.json +1 -1
package/dist/host.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
var __defProp = Object.defineProperty;
|
|
2
2
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3
3
|
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
4
|
-
import { Text, Comment, defineComponent, ref, h, openBlock, createElementBlock,
|
|
4
|
+
import { Text, Comment, defineComponent, ref, h, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createTextVNode, toDisplayString, createElementVNode, mergeProps, createVNode, createCommentVNode, createBlock, Transition, withCtx, resolveDynamicComponent, normalizeProps, guardReactiveProps, normalizeStyle, reactive, inject, computed, watch, onMounted, onActivated, onDeactivated, onBeforeUnmount, useAttrs, useSlots, Teleport, withDirectives, vShow, toHandlers, withModifiers, provide, createSlots } from "vue";
|
|
5
5
|
const isURL = (href) => {
|
|
6
6
|
try {
|
|
7
7
|
new URL(href);
|
|
@@ -58,7 +58,7 @@ var VARIANT = /* @__PURE__ */ ((VARIANT2) => {
|
|
|
58
58
|
VARIANT2["DANGER"] = "danger";
|
|
59
59
|
return VARIANT2;
|
|
60
60
|
})(VARIANT || {});
|
|
61
|
-
const _sfc_main$
|
|
61
|
+
const _sfc_main$d = defineComponent({
|
|
62
62
|
props: {
|
|
63
63
|
/** Устанавливает тип кнопки */
|
|
64
64
|
type: {
|
|
@@ -154,178 +154,12 @@ const _sfc_main$f = defineComponent({
|
|
|
154
154
|
};
|
|
155
155
|
}
|
|
156
156
|
});
|
|
157
|
-
const _hoisted_1$a = {
|
|
158
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
159
|
-
viewBox: "0 0 24 24"
|
|
160
|
-
};
|
|
161
|
-
function render$4(_ctx, _cache) {
|
|
162
|
-
return openBlock(), createElementBlock("svg", _hoisted_1$a, _cache[0] || (_cache[0] = [
|
|
163
|
-
createElementVNode("path", {
|
|
164
|
-
fill: "currentColor",
|
|
165
|
-
"fill-rule": "evenodd",
|
|
166
|
-
d: "M19.793 6.965a.77.77 0 0 1-.022 1.075l-9.815 9.607a1.224 1.224 0 0 1-1.714.006l-4.01-3.878a.77.77 0 0 1-.028-1.074l.684-.736a.735.735 0 0 1 1.053-.028l3.15 3.046 8.96-8.771a.735.735 0 0 1 1.054.022z",
|
|
167
|
-
"clip-rule": "evenodd"
|
|
168
|
-
}, null, -1)
|
|
169
|
-
]));
|
|
170
|
-
}
|
|
171
|
-
const IconDone = { render: render$4 };
|
|
172
|
-
const expect = (value) => ({
|
|
173
|
-
toBeOneOf(variants) {
|
|
174
|
-
return Object.values(variants).includes(value);
|
|
175
|
-
}
|
|
176
|
-
});
|
|
177
|
-
const pick = (attrs, criteria) => {
|
|
178
|
-
return Object.keys(attrs).filter(criteria).reduce((picked, key) => ({
|
|
179
|
-
...picked,
|
|
180
|
-
[key]: attrs[key]
|
|
181
|
-
}), {});
|
|
182
|
-
};
|
|
183
|
-
const without = (obj, exclude) => {
|
|
184
|
-
const newObj = {};
|
|
185
|
-
Object.entries(obj).forEach(([key, value]) => {
|
|
186
|
-
if (!exclude.includes(key)) {
|
|
187
|
-
newObj[key] = value;
|
|
188
|
-
}
|
|
189
|
-
});
|
|
190
|
-
return newObj;
|
|
191
|
-
};
|
|
192
|
-
const _hoisted_1$9 = ["id", "value", "name", "disabled", "checked"];
|
|
193
|
-
const _hoisted_2$3 = { class: "ui-v1-checkbox__checkmark" };
|
|
194
|
-
let counter$2 = 0;
|
|
195
|
-
const __default__$1 = {};
|
|
196
|
-
const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
197
|
-
...__default__$1,
|
|
198
|
-
__name: "UiCheckbox",
|
|
199
|
-
props: {
|
|
200
|
-
id: {
|
|
201
|
-
type: null,
|
|
202
|
-
validator: (id) => id === void 0 || typeof id === "string" && id.length > 0 && /^[A-Za-z]/.test(id),
|
|
203
|
-
default: void 0
|
|
204
|
-
},
|
|
205
|
-
/** Атрибут name нативного поля ввода */
|
|
206
|
-
name: {
|
|
207
|
-
type: String,
|
|
208
|
-
default: () => "ui-v1-checkbox-" + ++counter$2
|
|
209
|
-
},
|
|
210
|
-
/** Значение модели используемое с директивой v-model */
|
|
211
|
-
model: {
|
|
212
|
-
type: null,
|
|
213
|
-
default: void 0
|
|
214
|
-
},
|
|
215
|
-
/** Значение, добавляемое или удаляемое из модели в зависимости от флага checked, если модель является массивом */
|
|
216
|
-
value: {
|
|
217
|
-
type: null,
|
|
218
|
-
default: void 0
|
|
219
|
-
},
|
|
220
|
-
/** Задает значение, если флаг checked равен true, а модель не является массивом */
|
|
221
|
-
valueOfTruthy: {
|
|
222
|
-
type: null,
|
|
223
|
-
default: true
|
|
224
|
-
},
|
|
225
|
-
/** Задает значение, если флаг checked равен false, а модель не является массивом */
|
|
226
|
-
valueOfFalsy: {
|
|
227
|
-
type: null,
|
|
228
|
-
default: false
|
|
229
|
-
},
|
|
230
|
-
/** Задает "состояние" неопределенности для бокса, чье состояние "включенности" зависит от множества других боксов */
|
|
231
|
-
indeterminate: {
|
|
232
|
-
type: Boolean,
|
|
233
|
-
default: false
|
|
234
|
-
},
|
|
235
|
-
/** Задает стили для бокса уменьшенного размера */
|
|
236
|
-
small: {
|
|
237
|
-
type: Boolean,
|
|
238
|
-
default: false
|
|
239
|
-
},
|
|
240
|
-
/** Заблокированный */
|
|
241
|
-
disabled: {
|
|
242
|
-
type: Boolean,
|
|
243
|
-
default: false
|
|
244
|
-
}
|
|
245
|
-
},
|
|
246
|
-
emits: [
|
|
247
|
-
/** Изменение значения модели */
|
|
248
|
-
"change",
|
|
249
|
-
/** Изменение значения модели. Для v-model */
|
|
250
|
-
"update:model"
|
|
251
|
-
],
|
|
252
|
-
setup(__props, { expose: __expose, emit: __emit }) {
|
|
253
|
-
const isArray = Array.isArray;
|
|
254
|
-
const props = __props;
|
|
255
|
-
const emit = __emit;
|
|
256
|
-
const checkbox = ref(null);
|
|
257
|
-
const click = () => {
|
|
258
|
-
var _a;
|
|
259
|
-
return (_a = checkbox.value) == null ? void 0 : _a.click();
|
|
260
|
-
};
|
|
261
|
-
const focus = () => {
|
|
262
|
-
var _a;
|
|
263
|
-
return (_a = checkbox.value) == null ? void 0 : _a.focus();
|
|
264
|
-
};
|
|
265
|
-
const blur = () => {
|
|
266
|
-
var _a;
|
|
267
|
-
return (_a = checkbox.value) == null ? void 0 : _a.blur();
|
|
268
|
-
};
|
|
269
|
-
__expose({
|
|
270
|
-
click,
|
|
271
|
-
focus,
|
|
272
|
-
blur
|
|
273
|
-
});
|
|
274
|
-
const contains = (array, value) => array.some((v) => v === value);
|
|
275
|
-
const checked = computed(() => {
|
|
276
|
-
return isArray(props.model) ? contains(props.model, props.value) : props.model === props.valueOfTruthy;
|
|
277
|
-
});
|
|
278
|
-
const calculate = (checked2) => {
|
|
279
|
-
if (isArray(props.model)) {
|
|
280
|
-
return checked2 ? contains(props.model, props.value) ? props.model : [...props.model, props.value] : [...props.model].filter((v) => v !== props.value);
|
|
281
|
-
}
|
|
282
|
-
return checked2 ? props.valueOfTruthy : props.valueOfFalsy;
|
|
283
|
-
};
|
|
284
|
-
const onChange = (event) => {
|
|
285
|
-
const checkbox2 = event.target;
|
|
286
|
-
const value = calculate(checkbox2.checked);
|
|
287
|
-
emit("change", value);
|
|
288
|
-
emit("update:model", value);
|
|
289
|
-
};
|
|
290
|
-
return (_ctx, _cache) => {
|
|
291
|
-
return openBlock(), createElementBlock("span", mergeProps({
|
|
292
|
-
class: {
|
|
293
|
-
"ui-v1-checkbox": true,
|
|
294
|
-
"ui-v1-checkbox_small": __props.small,
|
|
295
|
-
"ui-v1-checkbox_checked": checked.value,
|
|
296
|
-
"ui-v1-checkbox_indeterminate": __props.indeterminate,
|
|
297
|
-
"ui-v1-checkbox_disabled": __props.disabled
|
|
298
|
-
}
|
|
299
|
-
}, unref(pick)(_ctx.$attrs, (key) => !key.startsWith("aria-") && !key.startsWith("on"))), [
|
|
300
|
-
createElementVNode("input", mergeProps({
|
|
301
|
-
id: __props.id,
|
|
302
|
-
ref_key: "checkbox",
|
|
303
|
-
ref: checkbox,
|
|
304
|
-
value: unref(isArray)(__props.model) ? __props.value : void 0,
|
|
305
|
-
name: __props.name,
|
|
306
|
-
disabled: __props.disabled,
|
|
307
|
-
checked: checked.value
|
|
308
|
-
}, unref(pick)(_ctx.$attrs, (key) => key.startsWith("aria-") || key.startsWith("on")), {
|
|
309
|
-
type: "checkbox",
|
|
310
|
-
class: "ui-v1-checkbox__input",
|
|
311
|
-
onChange
|
|
312
|
-
}), null, 16, _hoisted_1$9),
|
|
313
|
-
createElementVNode("span", _hoisted_2$3, [
|
|
314
|
-
checked.value && !__props.indeterminate ? (openBlock(), createBlock(unref(IconDone), {
|
|
315
|
-
key: 0,
|
|
316
|
-
class: "ui-v1-checkbox__checkmark-icon"
|
|
317
|
-
})) : createCommentVNode("", true)
|
|
318
|
-
])
|
|
319
|
-
], 16);
|
|
320
|
-
};
|
|
321
|
-
}
|
|
322
|
-
});
|
|
323
157
|
var ALIGN = /* @__PURE__ */ ((ALIGN2) => {
|
|
324
158
|
ALIGN2["LEFT"] = "left";
|
|
325
159
|
ALIGN2["RIGHT"] = "right";
|
|
326
160
|
return ALIGN2;
|
|
327
161
|
})(ALIGN || {});
|
|
328
|
-
const _sfc_main$
|
|
162
|
+
const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
329
163
|
__name: "UiError",
|
|
330
164
|
props: {
|
|
331
165
|
/** Тест, разметка ошибки */
|
|
@@ -364,12 +198,12 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
|
|
|
364
198
|
};
|
|
365
199
|
}
|
|
366
200
|
});
|
|
367
|
-
const _hoisted_1$
|
|
201
|
+
const _hoisted_1$7 = {
|
|
368
202
|
xmlns: "http://www.w3.org/2000/svg",
|
|
369
203
|
viewBox: "0 0 24 24"
|
|
370
204
|
};
|
|
371
205
|
function render$3(_ctx, _cache) {
|
|
372
|
-
return openBlock(), createElementBlock("svg", _hoisted_1$
|
|
206
|
+
return openBlock(), createElementBlock("svg", _hoisted_1$7, _cache[0] || (_cache[0] = [
|
|
373
207
|
createElementVNode("path", {
|
|
374
208
|
fill: "currentColor",
|
|
375
209
|
d: "m6.844 17.854-.7-.703a.5.5 0 0 1 0-.704l8.48-8.456-6.212.007a.49.49 0 0 1-.496-.5l.007-.991a.5.5 0 0 1 .496-.5L16.994 6c.196 0 .385.078.524.218l.265.267c.137.142.215.33.217.528l-.007 8.633a.5.5 0 0 1-.496.5h-.992a.48.48 0 0 1-.49-.493l.007-6.255-8.48 8.456a.49.49 0 0 1-.698 0"
|
|
@@ -395,7 +229,7 @@ var SIZE$3 = /* @__PURE__ */ ((SIZE2) => {
|
|
|
395
229
|
SIZE2["TITLE02"] = "title-02";
|
|
396
230
|
return SIZE2;
|
|
397
231
|
})(SIZE$3 || {});
|
|
398
|
-
const _hoisted_1$
|
|
232
|
+
const _hoisted_1$6 = ["href", "target"];
|
|
399
233
|
const _hoisted_2$2 = {
|
|
400
234
|
key: 0,
|
|
401
235
|
class: "ui-v1-link__inner"
|
|
@@ -404,7 +238,7 @@ const _hoisted_3$2 = {
|
|
|
404
238
|
key: 2,
|
|
405
239
|
class: "ui-v1-link__icon"
|
|
406
240
|
};
|
|
407
|
-
const _sfc_main$
|
|
241
|
+
const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
408
242
|
__name: "UiLink",
|
|
409
243
|
props: {
|
|
410
244
|
/** Атрибут ссылки */
|
|
@@ -478,11 +312,11 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
|
478
312
|
createVNode(unref(IconOpenInNew), { class: "ui-v1-link__icon-sprite" })
|
|
479
313
|
])
|
|
480
314
|
])) : createCommentVNode("", true)
|
|
481
|
-
], 16, _hoisted_1$
|
|
315
|
+
], 16, _hoisted_1$6);
|
|
482
316
|
};
|
|
483
317
|
}
|
|
484
318
|
});
|
|
485
|
-
const _sfc_main$
|
|
319
|
+
const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
486
320
|
__name: "UiTransition",
|
|
487
321
|
props: {
|
|
488
322
|
/** Наименование анимации перехода */
|
|
@@ -510,7 +344,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
510
344
|
};
|
|
511
345
|
}
|
|
512
346
|
});
|
|
513
|
-
const _sfc_main$
|
|
347
|
+
const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
514
348
|
__name: "UiLoader",
|
|
515
349
|
props: {
|
|
516
350
|
/** Диаметр (размер) окружности индикатора */
|
|
@@ -542,7 +376,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
542
376
|
},
|
|
543
377
|
setup(__props) {
|
|
544
378
|
return (_ctx, _cache) => {
|
|
545
|
-
return openBlock(), createBlock(resolveDynamicComponent(__props.transition ? _sfc_main$
|
|
379
|
+
return openBlock(), createBlock(resolveDynamicComponent(__props.transition ? _sfc_main$a : "div"), normalizeProps(guardReactiveProps(__props.transition ? {
|
|
546
380
|
appear: true,
|
|
547
381
|
class: "ui-v1-loader-wrapper",
|
|
548
382
|
name: __props.transition
|
|
@@ -1694,7 +1528,7 @@ var PerfectScrollbar$1 = {
|
|
|
1694
1528
|
);
|
|
1695
1529
|
}
|
|
1696
1530
|
};
|
|
1697
|
-
const _sfc_main$
|
|
1531
|
+
const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
1698
1532
|
__name: "UiScrollBox",
|
|
1699
1533
|
props: {
|
|
1700
1534
|
/** Наименование тэга-обёртки для нативного скролла */
|
|
@@ -1798,12 +1632,12 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
1798
1632
|
};
|
|
1799
1633
|
}
|
|
1800
1634
|
});
|
|
1801
|
-
const _hoisted_1$
|
|
1635
|
+
const _hoisted_1$5 = {
|
|
1802
1636
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1803
1637
|
viewBox: "0 0 24 24"
|
|
1804
1638
|
};
|
|
1805
1639
|
function render$2(_ctx, _cache) {
|
|
1806
|
-
return openBlock(), createElementBlock("svg", _hoisted_1$
|
|
1640
|
+
return openBlock(), createElementBlock("svg", _hoisted_1$5, _cache[0] || (_cache[0] = [
|
|
1807
1641
|
createElementVNode("path", {
|
|
1808
1642
|
fill: "currentColor",
|
|
1809
1643
|
d: "M7.113 6.176a.6.6 0 0 1 .848 0L12 10.214l4.038-4.038a.6.6 0 0 1 .849 0l.937.937a.6.6 0 0 1 0 .848L13.785 12l4.04 4.04a.6.6 0 0 1 0 .848l-.937.937a.6.6 0 0 1-.849 0L12 13.784l-4.038 4.04a.6.6 0 0 1-.849 0l-.937-.937a.6.6 0 0 1 0-.848l4.04-4.04-4.039-4.038a.6.6 0 0 1 0-.849z"
|
|
@@ -1882,8 +1716,8 @@ class LayerRegistry {
|
|
|
1882
1716
|
}
|
|
1883
1717
|
}
|
|
1884
1718
|
const layers = new LayerRegistry();
|
|
1885
|
-
let counter
|
|
1886
|
-
const uid = (prefix) => `${prefix}-${++counter
|
|
1719
|
+
let counter = 0;
|
|
1720
|
+
const uid = (prefix) => `${prefix}-${++counter}`;
|
|
1887
1721
|
var CLOSE_METHOD = /* @__PURE__ */ ((CLOSE_METHOD2) => {
|
|
1888
1722
|
CLOSE_METHOD2["CLICK_CROSS"] = "Cross";
|
|
1889
1723
|
CLOSE_METHOD2["CLICK_OUTSIDE"] = "Outside";
|
|
@@ -1906,7 +1740,7 @@ var SIZE$2 = /* @__PURE__ */ ((SIZE2) => {
|
|
|
1906
1740
|
SIZE2["SM"] = "sm";
|
|
1907
1741
|
return SIZE2;
|
|
1908
1742
|
})(SIZE$2 || {});
|
|
1909
|
-
const _sfc_main$
|
|
1743
|
+
const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
1910
1744
|
__name: "UiModalSidebar",
|
|
1911
1745
|
props: {
|
|
1912
1746
|
/** Атрибут id корневого элемента. Должен быть уникальным на странице */
|
|
@@ -2136,7 +1970,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
|
2136
1970
|
}))
|
|
2137
1971
|
]);
|
|
2138
1972
|
};
|
|
2139
|
-
const renderBody = () => props.scrolling === SCROLLING$1.NONE ? h("div", { class: "ui-v1-modal-sidebar__body-fixed" }, renderSlot2("default")) : h(_sfc_main$
|
|
1973
|
+
const renderBody = () => props.scrolling === SCROLLING$1.NONE ? h("div", { class: "ui-v1-modal-sidebar__body-fixed" }, renderSlot2("default")) : h(_sfc_main$8, {
|
|
2140
1974
|
class: "ui-v1-modal-sidebar__body",
|
|
2141
1975
|
native: props.scrolling === SCROLLING$1.NATIVE,
|
|
2142
1976
|
showOnMac: true,
|
|
@@ -2149,7 +1983,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
|
2149
1983
|
const direction = props.direction;
|
|
2150
1984
|
const size = props.size;
|
|
2151
1985
|
const setVisibility = (visibility2) => () => visibilityOfSidebar.value = visibility2;
|
|
2152
|
-
return h(_sfc_main$
|
|
1986
|
+
return h(_sfc_main$a, {
|
|
2153
1987
|
name: `slide-${direction}`,
|
|
2154
1988
|
onBeforeEnter: setVisibility("showing"),
|
|
2155
1989
|
onAfterEnter: setVisibility("shown"),
|
|
@@ -2177,7 +2011,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
|
2177
2011
|
const setVisibility = (visibility2) => () => visibilityOfOverlay.value = visibility2;
|
|
2178
2012
|
return !state.attached ? void 0 : h(Teleport, {
|
|
2179
2013
|
to: (globals == null ? void 0 : globals.container) ?? document.body
|
|
2180
|
-
}, h(_sfc_main$
|
|
2014
|
+
}, h(_sfc_main$a, {
|
|
2181
2015
|
name: "fade-2",
|
|
2182
2016
|
onBeforeEnter: setVisibility("showing"),
|
|
2183
2017
|
onAfterEnter: setVisibility("shown"),
|
|
@@ -2209,6 +2043,20 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
|
2209
2043
|
};
|
|
2210
2044
|
}
|
|
2211
2045
|
});
|
|
2046
|
+
const expect = (value) => ({
|
|
2047
|
+
toBeOneOf(variants) {
|
|
2048
|
+
return Object.values(variants).includes(value);
|
|
2049
|
+
}
|
|
2050
|
+
});
|
|
2051
|
+
const without = (obj, exclude) => {
|
|
2052
|
+
const newObj = {};
|
|
2053
|
+
Object.entries(obj).forEach(([key, value]) => {
|
|
2054
|
+
if (!exclude.includes(key)) {
|
|
2055
|
+
newObj[key] = value;
|
|
2056
|
+
}
|
|
2057
|
+
});
|
|
2058
|
+
return newObj;
|
|
2059
|
+
};
|
|
2212
2060
|
var APPEARANCE = /* @__PURE__ */ ((APPEARANCE2) => {
|
|
2213
2061
|
APPEARANCE2["ALERT"] = "alert";
|
|
2214
2062
|
APPEARANCE2["DIALOG"] = "dialog";
|
|
@@ -2221,7 +2069,7 @@ var SCROLLING = /* @__PURE__ */ ((SCROLLING2) => {
|
|
|
2221
2069
|
SCROLLING2["NATIVE"] = "native";
|
|
2222
2070
|
return SCROLLING2;
|
|
2223
2071
|
})(SCROLLING || {});
|
|
2224
|
-
const _sfc_main$
|
|
2072
|
+
const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
2225
2073
|
__name: "UiModalWindowSurface",
|
|
2226
2074
|
props: {
|
|
2227
2075
|
/** Атрибут id корневого элемента модального окна. Должен быть уникальным на странице */
|
|
@@ -2435,7 +2283,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
2435
2283
|
const slots = useSlots();
|
|
2436
2284
|
const renderBody = () => {
|
|
2437
2285
|
const appearance = props.appearance;
|
|
2438
|
-
return h(_sfc_main$
|
|
2286
|
+
return h(_sfc_main$a, {
|
|
2439
2287
|
name: "zoom",
|
|
2440
2288
|
onBeforeEnter: () => visibilityOfBody.value = "showing",
|
|
2441
2289
|
onAfterEnter: () => visibilityOfBody.value = "shown",
|
|
@@ -2460,7 +2308,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
2460
2308
|
};
|
|
2461
2309
|
const EmbedModalWindowSurface = () => !state.attached ? void 0 : h(Teleport, {
|
|
2462
2310
|
to: (globals == null ? void 0 : globals.container) ?? document.body
|
|
2463
|
-
}, h(_sfc_main$
|
|
2311
|
+
}, h(_sfc_main$a, {
|
|
2464
2312
|
name: "fade-2",
|
|
2465
2313
|
onBeforeEnter: () => visibilityOfOverlay.value = "showing",
|
|
2466
2314
|
onAfterEnter: () => visibilityOfOverlay.value = "shown",
|
|
@@ -2477,7 +2325,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
2477
2325
|
"ui-v1-modal_overlapped": state.overlapped
|
|
2478
2326
|
}],
|
|
2479
2327
|
onClick: onOverlayClick
|
|
2480
|
-
}, h(_sfc_main$
|
|
2328
|
+
}, h(_sfc_main$8, {
|
|
2481
2329
|
class: {
|
|
2482
2330
|
"ui-v1-modal-window-container": true,
|
|
2483
2331
|
"ui-v1-modal-window-container_fullscreen": props.fullscreen,
|
|
@@ -2502,12 +2350,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
2502
2350
|
};
|
|
2503
2351
|
}
|
|
2504
2352
|
});
|
|
2505
|
-
const _hoisted_1$
|
|
2353
|
+
const _hoisted_1$4 = {
|
|
2506
2354
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2507
2355
|
viewBox: "0 0 24 24"
|
|
2508
2356
|
};
|
|
2509
2357
|
function render$1(_ctx, _cache) {
|
|
2510
|
-
return openBlock(), createElementBlock("svg", _hoisted_1$
|
|
2358
|
+
return openBlock(), createElementBlock("svg", _hoisted_1$4, _cache[0] || (_cache[0] = [
|
|
2511
2359
|
createElementVNode("path", {
|
|
2512
2360
|
fill: "currentColor",
|
|
2513
2361
|
"fill-rule": "evenodd",
|
|
@@ -2517,7 +2365,7 @@ function render$1(_ctx, _cache) {
|
|
|
2517
2365
|
]));
|
|
2518
2366
|
}
|
|
2519
2367
|
const IconWarning = { render: render$1 };
|
|
2520
|
-
const _hoisted_1$
|
|
2368
|
+
const _hoisted_1$3 = {
|
|
2521
2369
|
key: 0,
|
|
2522
2370
|
class: "ui-v1-modal-window__icon"
|
|
2523
2371
|
};
|
|
@@ -2534,7 +2382,7 @@ const _hoisted_5 = {
|
|
|
2534
2382
|
key: 0,
|
|
2535
2383
|
class: "ui-v1-modal-window__footer-text"
|
|
2536
2384
|
};
|
|
2537
|
-
const _sfc_main$
|
|
2385
|
+
const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
2538
2386
|
__name: "UiModalWindow",
|
|
2539
2387
|
props: {
|
|
2540
2388
|
/** Атрибут id корневого элемента модального окна. Должен быть уникальным на странице */
|
|
@@ -2648,7 +2496,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
2648
2496
|
});
|
|
2649
2497
|
watch(() => props.opened, toggle);
|
|
2650
2498
|
return (_ctx, _cache) => {
|
|
2651
|
-
return openBlock(), createBlock(_sfc_main$
|
|
2499
|
+
return openBlock(), createBlock(_sfc_main$6, mergeProps({
|
|
2652
2500
|
id: __props.id,
|
|
2653
2501
|
opened: state.opened,
|
|
2654
2502
|
closable: __props.closable,
|
|
@@ -2676,7 +2524,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
2676
2524
|
"ui-v1-modal-window__header_pinned": _ctx.$slots.title && state.scrolled && __props.appearance === unref(APPEARANCE).POPUP && !__props.responsive
|
|
2677
2525
|
})
|
|
2678
2526
|
}, [
|
|
2679
|
-
__props.appearance === unref(APPEARANCE).ALERT ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
2527
|
+
__props.appearance === unref(APPEARANCE).ALERT ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
|
|
2680
2528
|
renderSlot(_ctx.$slots, "icon", {
|
|
2681
2529
|
overlapped: state.overlapped
|
|
2682
2530
|
}, () => [
|
|
@@ -2705,7 +2553,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
2705
2553
|
})
|
|
2706
2554
|
])) : createCommentVNode("", true)
|
|
2707
2555
|
], 2),
|
|
2708
|
-
__props.responsive ? (openBlock(), createBlock(_sfc_main$
|
|
2556
|
+
__props.responsive ? (openBlock(), createBlock(_sfc_main$8, {
|
|
2709
2557
|
key: 0,
|
|
2710
2558
|
class: "ui-v1-modal-window__content",
|
|
2711
2559
|
"show-on-mac": "",
|
|
@@ -2738,97 +2586,6 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
2738
2586
|
};
|
|
2739
2587
|
}
|
|
2740
2588
|
});
|
|
2741
|
-
const _hoisted_1$3 = ["id", "name", "value", "checked", "disabled"];
|
|
2742
|
-
let counter = 0;
|
|
2743
|
-
const __default__ = {};
|
|
2744
|
-
const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
2745
|
-
...__default__,
|
|
2746
|
-
__name: "UiRadio",
|
|
2747
|
-
props: {
|
|
2748
|
-
id: {
|
|
2749
|
-
type: null,
|
|
2750
|
-
validator: (id) => id === void 0 || typeof id === "string" && id.length > 0 && /^[A-Za-z]/.test(id),
|
|
2751
|
-
default: void 0
|
|
2752
|
-
},
|
|
2753
|
-
/** Атрибут name нативного поля ввода */
|
|
2754
|
-
name: {
|
|
2755
|
-
type: String,
|
|
2756
|
-
default: () => "ui-v1-radio-" + ++counter
|
|
2757
|
-
},
|
|
2758
|
-
/** Значение модели используемое с директивой v-model */
|
|
2759
|
-
model: {
|
|
2760
|
-
type: null,
|
|
2761
|
-
default: void 0
|
|
2762
|
-
},
|
|
2763
|
-
/** Атрибут value нативного поля ввода */
|
|
2764
|
-
value: {
|
|
2765
|
-
type: null,
|
|
2766
|
-
required: true
|
|
2767
|
-
},
|
|
2768
|
-
/** Заблокированный */
|
|
2769
|
-
disabled: {
|
|
2770
|
-
type: Boolean,
|
|
2771
|
-
default: false
|
|
2772
|
-
}
|
|
2773
|
-
},
|
|
2774
|
-
emits: [
|
|
2775
|
-
/** Изменение значения модели */
|
|
2776
|
-
"change",
|
|
2777
|
-
/** Изменение значения модели. Для v-model */
|
|
2778
|
-
"update:model"
|
|
2779
|
-
],
|
|
2780
|
-
setup(__props, { expose: __expose, emit: __emit }) {
|
|
2781
|
-
const props = __props;
|
|
2782
|
-
const emit = __emit;
|
|
2783
|
-
const radio = ref(null);
|
|
2784
|
-
const click = () => {
|
|
2785
|
-
var _a;
|
|
2786
|
-
return (_a = radio.value) == null ? void 0 : _a.click();
|
|
2787
|
-
};
|
|
2788
|
-
const focus = () => {
|
|
2789
|
-
var _a;
|
|
2790
|
-
return (_a = radio.value) == null ? void 0 : _a.focus();
|
|
2791
|
-
};
|
|
2792
|
-
const blur = () => {
|
|
2793
|
-
var _a;
|
|
2794
|
-
return (_a = radio.value) == null ? void 0 : _a.blur();
|
|
2795
|
-
};
|
|
2796
|
-
__expose({
|
|
2797
|
-
click,
|
|
2798
|
-
focus,
|
|
2799
|
-
blur
|
|
2800
|
-
});
|
|
2801
|
-
const checked = computed(() => props.value === props.model);
|
|
2802
|
-
const onChange = () => {
|
|
2803
|
-
emit("change", props.value);
|
|
2804
|
-
emit("update:model", props.value);
|
|
2805
|
-
};
|
|
2806
|
-
return (_ctx, _cache) => {
|
|
2807
|
-
return openBlock(), createElementBlock("span", mergeProps({
|
|
2808
|
-
class: {
|
|
2809
|
-
"ui-v1-radio": true,
|
|
2810
|
-
"ui-v1-radio_checked": checked.value,
|
|
2811
|
-
"ui-v1-radio_disabled": __props.disabled
|
|
2812
|
-
}
|
|
2813
|
-
}, unref(pick)(_ctx.$attrs, (key) => !key.startsWith("aria-") && !key.startsWith("on"))), [
|
|
2814
|
-
createElementVNode("input", mergeProps({
|
|
2815
|
-
id: __props.id,
|
|
2816
|
-
ref_key: "radio",
|
|
2817
|
-
ref: radio,
|
|
2818
|
-
name: __props.name,
|
|
2819
|
-
value: __props.value,
|
|
2820
|
-
checked: checked.value,
|
|
2821
|
-
disabled: __props.disabled
|
|
2822
|
-
}, unref(pick)(_ctx.$attrs, (key) => key.startsWith("aria-") || key.startsWith("on")), {
|
|
2823
|
-
type: "radio",
|
|
2824
|
-
class: "ui-v1-radio__input",
|
|
2825
|
-
onChange
|
|
2826
|
-
}), null, 16, _hoisted_1$3),
|
|
2827
|
-
_cache[0] || (_cache[0] = createElementVNode("span", { class: "ui-v1-radio__checkmark" }, null, -1))
|
|
2828
|
-
], 16);
|
|
2829
|
-
};
|
|
2830
|
-
}
|
|
2831
|
-
});
|
|
2832
2589
|
const _hoisted_1$2 = {
|
|
2833
2590
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2834
2591
|
viewBox: "0 0 24 24"
|
|
@@ -3207,7 +2964,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
3207
2964
|
return SIZE$4.SM;
|
|
3208
2965
|
});
|
|
3209
2966
|
return (_ctx, _cache) => {
|
|
3210
|
-
return openBlock(), createBlock(_sfc_main$
|
|
2967
|
+
return openBlock(), createBlock(_sfc_main$d, mergeProps({
|
|
3211
2968
|
ref_key: "root",
|
|
3212
2969
|
ref: root,
|
|
3213
2970
|
href: __props.href,
|
|
@@ -3280,7 +3037,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
3280
3037
|
},
|
|
3281
3038
|
setup(__props) {
|
|
3282
3039
|
return (_ctx, _cache) => {
|
|
3283
|
-
return openBlock(), createBlock(_sfc_main$
|
|
3040
|
+
return openBlock(), createBlock(_sfc_main$b, mergeProps({
|
|
3284
3041
|
href: __props.href,
|
|
3285
3042
|
external: __props.external,
|
|
3286
3043
|
appearance: __props.appearance,
|
|
@@ -3463,7 +3220,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
3463
3220
|
});
|
|
3464
3221
|
return (_ctx, _cache) => {
|
|
3465
3222
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
3466
|
-
!ready.value ? (openBlock(), createBlock(_sfc_main$
|
|
3223
|
+
!ready.value ? (openBlock(), createBlock(_sfc_main$9, { key: 0 })) : createCommentVNode("", true),
|
|
3467
3224
|
withDirectives((openBlock(), createElementBlock("iframe", {
|
|
3468
3225
|
ref_key: "iframe",
|
|
3469
3226
|
ref: iframe,
|
|
@@ -3479,21 +3236,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
3479
3236
|
export {
|
|
3480
3237
|
plugin as I18nPlugin,
|
|
3481
3238
|
plugin$1 as ModalPlugin,
|
|
3482
|
-
_sfc_main$
|
|
3483
|
-
_sfc_main$
|
|
3484
|
-
_sfc_main$
|
|
3485
|
-
_sfc_main$
|
|
3486
|
-
_sfc_main$
|
|
3487
|
-
_sfc_main$
|
|
3488
|
-
_sfc_main$6 as
|
|
3489
|
-
_sfc_main$
|
|
3490
|
-
_sfc_main$5 as UiRadio,
|
|
3491
|
-
_sfc_main$9 as UiScrollBox,
|
|
3239
|
+
_sfc_main$d as UiButton,
|
|
3240
|
+
_sfc_main$c as UiError,
|
|
3241
|
+
_sfc_main$b as UiLink,
|
|
3242
|
+
_sfc_main$9 as UiLoader,
|
|
3243
|
+
_sfc_main$7 as UiModalSidebar,
|
|
3244
|
+
_sfc_main$5 as UiModalWindow,
|
|
3245
|
+
_sfc_main$6 as UiModalWindowSurface,
|
|
3246
|
+
_sfc_main$8 as UiScrollBox,
|
|
3492
3247
|
_sfc_main$4 as UiTag,
|
|
3493
3248
|
_sfc_main$3 as UiToolbar,
|
|
3494
3249
|
_sfc_main$2 as UiToolbarButton,
|
|
3495
3250
|
_sfc_main$1 as UiToolbarLink,
|
|
3496
|
-
_sfc_main$
|
|
3251
|
+
_sfc_main$a as UiTransition,
|
|
3497
3252
|
_sfc_main as UiYandexMap,
|
|
3498
3253
|
VueI18n
|
|
3499
3254
|
};
|
package/dist/remote.cjs
CHANGED
|
@@ -47,11 +47,6 @@ const UiButton = defineRemoteComponent(
|
|
|
47
47
|
UiButtonType,
|
|
48
48
|
["click", "focus", "blur"]
|
|
49
49
|
);
|
|
50
|
-
const UiCheckboxType = "UiCheckbox";
|
|
51
|
-
const UiCheckbox = defineRemoteComponent(
|
|
52
|
-
UiCheckboxType,
|
|
53
|
-
["click", "focus", "blur"]
|
|
54
|
-
);
|
|
55
50
|
const UiErrorType = "UiError";
|
|
56
51
|
const UiError = defineRemoteComponent(
|
|
57
52
|
UiErrorType,
|
|
@@ -127,11 +122,6 @@ const UiModalWindowSurface = defineRemoteComponent(
|
|
|
127
122
|
"update:overlapped"
|
|
128
123
|
]
|
|
129
124
|
);
|
|
130
|
-
const UiRadioType = "UiRadio";
|
|
131
|
-
const UiRadio = defineRemoteComponent(
|
|
132
|
-
UiRadioType,
|
|
133
|
-
["click", "focus", "blur"]
|
|
134
|
-
);
|
|
135
125
|
const UiScrollBoxType = "UiScrollBox";
|
|
136
126
|
const UiScrollBox = defineRemoteComponent(
|
|
137
127
|
UiScrollBoxType,
|
|
@@ -170,8 +160,6 @@ const UiYandexMap = defineRemoteComponent(
|
|
|
170
160
|
);
|
|
171
161
|
exports.UiButton = UiButton;
|
|
172
162
|
exports.UiButtonType = UiButtonType;
|
|
173
|
-
exports.UiCheckbox = UiCheckbox;
|
|
174
|
-
exports.UiCheckboxType = UiCheckboxType;
|
|
175
163
|
exports.UiError = UiError;
|
|
176
164
|
exports.UiErrorType = UiErrorType;
|
|
177
165
|
exports.UiLink = UiLink;
|
|
@@ -184,8 +172,6 @@ exports.UiModalWindow = UiModalWindow;
|
|
|
184
172
|
exports.UiModalWindowSurface = UiModalWindowSurface;
|
|
185
173
|
exports.UiModalWindowSurfaceType = UiModalWindowSurfaceType;
|
|
186
174
|
exports.UiModalWindowType = UiModalWindowType;
|
|
187
|
-
exports.UiRadio = UiRadio;
|
|
188
|
-
exports.UiRadioType = UiRadioType;
|
|
189
175
|
exports.UiScrollBox = UiScrollBox;
|
|
190
176
|
exports.UiScrollBoxType = UiScrollBoxType;
|
|
191
177
|
exports.UiTag = UiTag;
|