@voicenter-team/voicenter-ui-plus 3.0.0 → 3.0.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/library/assets/assets/sass/main.css +1 -1
- package/library/assets/components/VcButton/VcButton.css +1 -1
- package/library/assets/components/VcButton/VcButtonIcon.css +1 -1
- package/library/assets/components/VcDelimitedList/VcDelimitedList.css +1 -1
- package/library/assets/components/VcExcelUploader/VcExcelFileUploadBlock.css +1 -1
- package/library/assets/components/VcModal/VcModal.css +1 -1
- package/library/assets/components/VcSoundplayer/VcSoundPlayer.css +1 -1
- package/library/assets/components/VcSplitButton/VcSplitButton.css +1 -1
- package/library/assets/components/VcTable/VcTable.css +1 -1
- package/library/assets/entity/components/Form/VcBaseVerticalForm.css +1 -1
- package/library/assets/entity/components/Table/VcEntityListTable.css +1 -1
- package/library/assets/entity/components/Tabs/VcEntityEditableTabs.css +1 -1
- package/library/components/VcButton/VcButton.vue.mjs +3 -2
- package/library/components/VcButton/VcButtonIcon.vue.mjs +92 -5
- package/library/components/VcButton/VcButtonIcon.vue3.mjs +5 -0
- package/library/components/VcButton/VcToggleButton.vue.mjs +20 -7
- package/library/components/VcDelimitedList/VcDelimitedList.vue.mjs +194 -5
- package/library/components/VcDelimitedList/VcDelimitedList.vue3.mjs +5 -0
- package/library/components/VcExcelUploader/VcExcelFileUploadBlock.vue.mjs +140 -5
- package/library/components/VcExcelUploader/VcExcelFileUploadBlock.vue3.mjs +5 -0
- package/library/components/VcExcelUploader/VcExcelFileUploader.vue.mjs +6 -5
- package/library/components/VcExcelUploader/VcFileImportParseResultBlock.vue.mjs +5 -3
- package/library/components/VcExcelUploader/VcFileImportResultBindDataTable.vue.mjs +21 -18
- package/library/components/VcExtendedDatetimeRangePicker/VcExtendedDatetimeRangePickerQuickOptionsSelection.vue.mjs +4 -3
- package/library/components/VcFileUploader/VcFileUploader.vue2.mjs +11 -9
- package/library/components/VcHtmlEditor/VcHtmlEditorToolbar.vue.mjs +10 -9
- package/library/components/VcIcon/VcIcon.vue.mjs +7 -3
- package/library/components/VcJsonSchema/Components/JsonSchemaEditor.vue.mjs +8 -7
- package/library/components/VcJsonSchema/PropertySetup/JsonSchemaPropertyModal.vue.mjs +10 -9
- package/library/components/VcMdEditor/ParameterNode.vue2.mjs +6 -5
- package/library/components/VcMdEditor/VcMdEditor.vue.mjs +8 -7
- package/library/components/VcPagination/VcPaginationButton.vue.mjs +3 -2
- package/library/components/VcSelect/VcSelect.vue.mjs +9 -5
- package/library/components/VcSoundplayer/VcSoundPlayer.vue.mjs +274 -5
- package/library/components/VcSoundplayer/VcSoundPlayer.vue3.mjs +5 -0
- package/library/components/VcSplitButton/VcSplitButton.vue.mjs +4 -3
- package/library/components/VcTable/VcTable.vue.mjs +1072 -6
- package/library/components/VcTable/VcTable.vue4.mjs +6 -0
- package/library/components/VcTree/VcTreeSelect.vue.mjs +8 -7
- package/library/entity/components/Button/VcEntityDeleteIconButton.vue.mjs +3 -2
- package/library/entity/components/Button/VcEntityEditIconButton.vue.mjs +3 -2
- package/library/entity/components/Form/VcBaseVerticalForm.vue.mjs +95 -5
- package/library/entity/components/Form/VcBaseVerticalForm.vue3.mjs +5 -0
- package/library/entity/components/Form/VcEntityVerticalCreateForm.vue.mjs +3 -2
- package/library/entity/components/Form/VcEntityVerticalEditForm.vue.mjs +9 -8
- package/library/entity/components/Table/VcEntityListTable.vue.mjs +414 -5
- package/library/entity/components/Table/VcEntityListTable.vue3.mjs +5 -0
- package/library/entity/components/Tabs/VcEntityEditableTabs.vue.mjs +287 -5
- package/library/entity/components/Tabs/VcEntityEditableTabs.vue3.mjs +5 -0
- package/library/index.mjs +8 -0
- package/library/index.mjs.br +0 -0
- package/library/index.mjs.gz +0 -0
- package/library/plugin.mjs +272 -264
- package/library/plugin.mjs.br +0 -0
- package/library/plugin.mjs.gz +0 -0
- package/library/style.css +12 -12
- package/library/style.css.br +0 -0
- package/library/style.css.gz +0 -0
- package/library/types/components/VcButton/VcButton.vue.d.ts +1 -1
- package/library/types/components/VcButton/VcToggleButton.vue.d.ts +4 -0
- package/library/types/components/VcDelimitedList/VcDelimitedList.vue.d.ts +1 -2
- package/library/types/components/VcIcon/VcIcon.vue.d.ts +1 -0
- package/library/types/components/VcLoading/VcLoading.vue.d.ts +1 -1
- package/library/types/components/VcOtpInput/VcOtpInput.vue.d.ts +1 -1
- package/library/types/components/VcSelect/VcInfiniteScrollSelect.vue.d.ts +2 -2
- package/library/types/components/VcSelect/VcSelect.vue.d.ts +3 -3
- package/library/types/components/VcSelect/VcSelectGrouped.vue.d.ts +4 -4
- package/library/types/components/VcSipFlow/VcSipFlow.vue.d.ts +1 -1
- package/library/types/components/VcSplitButton/VcSplitButton.vue.d.ts +1 -1
- package/library/types/components/VcSwitch/VcSwitch.vue.d.ts +3 -3
- package/library/types/components/VcTable/VcTable.vue.d.ts +17 -17
- package/library/types/components/VcTree/VcTree.vue.d.ts +3 -3
- package/library/types/components/VcTree/VcTreeSelect.vue.d.ts +3 -3
- package/library/types/types/OptionAndConfig.types.d.ts +1 -1
- package/library/types/types/VcTable.types.d.ts +2 -2
- package/library/types/types/VcTree.types.d.ts +2 -2
- package/package.json +1 -1
- package/library/components/VcButton/VcButtonIcon.vue2.mjs +0 -92
- package/library/components/VcDelimitedList/VcDelimitedList.vue2.mjs +0 -195
- package/library/components/VcExcelUploader/VcExcelFileUploadBlock.vue2.mjs +0 -141
- package/library/components/VcSoundplayer/VcSoundPlayer.vue2.mjs +0 -275
- package/library/components/VcTable/VcTable.vue2.mjs +0 -1069
- package/library/entity/components/Form/VcBaseVerticalForm.vue2.mjs +0 -96
- package/library/entity/components/Table/VcEntityListTable.vue2.mjs +0 -413
- package/library/entity/components/Tabs/VcEntityEditableTabs.vue2.mjs +0 -288
|
@@ -1 +1 @@
|
|
|
1
|
-
.vc-table
|
|
1
|
+
.vc-table{--even-row-color: color-mix(in srgb, var(--light-bg) 30%, var(--main-bg));width:100%}.vc-table-wrapper{overflow-x:auto}.vc-table--with-footer{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.vc-table--with-footer thead,.vc-table--with-footer tr{overflow:hidden;border-top-left-radius:.375rem;border-top-right-radius:.375rem}.vc-table--with-footer th:first-child{border-top-left-radius:.375rem}.vc-table--with-footer th:last-child{border-top-right-radius:.375rem}.vc-table--without-footer{overflow:hidden}.vc-table-slot{display:flex;align-items:center}.vc-table-column-header{display:flex;align-items:center;color:var(--table-headings)}.vc-table__header:not(:empty){margin-bottom:.75rem;display:flex;width:100%;align-items:center}.vc-table__header-actions{flex-shrink:0;flex-grow:1}.vc-table__perpage{flex-shrink:0;flex-grow:1;min-width:64px;max-width:140px}.vc-table-pagination{border-top-width:1px;border-color:var(--ui-lines);background-color:var(--light-bg);padding:.75rem 1rem;border-radius:inherit}.vc-table-footer{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.vc-table .selection-col{width:3.5rem}.vc-table .selection-col .selection-col-content{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.vc-table .selection-col .vc-form-check{padding-top:0;padding-bottom:0;min-height:1rem}.vc-table tr.empty-row{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem;background-color:var(--main-bg)}.vc-table tr.empty-row td{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.vc-table__empty-block{display:flex;width:100%;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:var(--default-text)}.vc-table-column-icon{font-size:1.125rem}.vc-table-column-icon,[dir=ltr] .vc-table-column-icon{margin-right:.25rem;margin-left:0}[dir=rtl] .vc-table-column-icon{margin-right:0;margin-left:.25rem}.vc-table td:not(:last-child),.vc-table th:not(:last-child){border-right-width:1px;border-color:var(--ui-lines)}.vc-table .header-sort-wrapper{position:relative;display:inline-flex;height:1rem;width:1rem;cursor:pointer;flex-direction:column;align-items:center;vertical-align:middle;color:var(--inactive-elements);overflow:initial}.vc-table .header-sort-wrapper .sort-caret{position:absolute;height:0px;width:0px;border:solid 5px transparent;left:3px}.vc-table .header-sort-wrapper .sort-caret.ascending{border-bottom-color:currentColor;top:-5px}.vc-table .header-sort-wrapper .sort-caret.descending{border-top-color:currentColor;bottom:-3px}.vc-table .header-filter-btn{position:relative}.vc-table .header-filter-btn--open,.vc-table .header-filter-btn--active{color:var(--primary)}.vc-table .header-filter-btn--active:after{content:"";position:absolute;height:.375rem;width:.375rem;border-radius:9999px;background-color:var(--primary);top:0;right:0}.vc-table .vc-table-column-header{display:inline-flex;align-items:center;gap:.25rem}.vc-table__load-trigger td{padding:0!important}.vc-table th,.vc-table td{padding:.5rem}.vc-table tr:has(th>:last-child:nth-child(2)) th{padding:.25rem;align-content:baseline}.vc-table .expandable-td{height:100%;width:3.5rem}.vc-table thead tr{border-bottom-width:1px;border-color:var(--ui-lines)}.vc-table tr:not(:first-child){border-top-width:1px;border-color:var(--ui-lines)}.vc-table tr,.vc-table th{background-color:var(--light-bg)}.vc-table.vc-table--small{font-size:.875rem}.vc-table.vc-table--small .vc-table-column-icon{font-size:1rem}.vc-table.vc-table--small th,.vc-table.vc-table--small td{padding:.375rem .25rem}.vc-table.vc-table--striped tbody tr:nth-child(2n){background-color:var(--even-row-color)}.vc-table tbody tr{cursor:pointer;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.vc-table tbody tr:hover{position:relative;--tw-shadow: 0 10px 10px -12px var(--table-shadow-color);--tw-shadow-colored: 0 10px 10px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-table .checked-tooltip{position:absolute;display:flex;align-items:center;padding-left:.5rem;padding-right:.5rem;color:var(--light-bg);background:linear-gradient(90deg,currentColor 93.42%,rgba(255,255,255,0) 100%)}.vc-table .icon-expandable{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.vc-table .icon-expandable-active{color:var(--primary);transform:rotate(180deg)}.vc-table .icon-expandable:hover{color:var(--primary);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.vc-table-wrapper.is--fixed{max-height:var(--height)}.vc-table-wrapper.is--fixed table{overflow:auto}.vc-table-wrapper.is--fixed thead tr{position:sticky;top:0;z-index:5;box-shadow:0 0 1px var(--ui-lines)}.vc-table-wrapper.is--fixed thead tr th{position:relative}.vc-table .vc-table-actions-column-header--fixed,.vc-table .vc-table-actions-column--fixed{right:0;background:inherit;position:sticky!important}.vc-table .vc-table-actions-column--fixed:before,.vc-table .vc-table-actions-column-header--fixed:before{left:-1px;box-shadow:inset -1px 0 0 0 var(--ui-lines);content:"";position:absolute;top:0;width:1px;bottom:0;overflow-x:hidden;overflow-y:hidden;touch-action:none;pointer-events:none}@media only screen and (max-width: 780px){.vc-table thead th:not(.selection-col){display:none}.vc-table thead th.selection-col{width:100%;max-width:100%}.vc-table thead th.selection-col .selection-col-content{justify-content:flex-start}.vc-table tbody tr,.vc-table tbody td{display:block}.vc-table tbody td{text-align:right;width:100%!important;max-width:100%!important;display:flex;align-items:center;justify-content:space-between;border:none}.vc-table tbody td:before{content:attr(data-column);float:left;font-weight:700;text-transform:uppercase;font-size:14px;text-align:left}.vc-table tbody td.expandable-td .icon-expandable{font-size:1.125rem}.vc-table tbody td.selection-col .selection-col-content{justify-content:flex-start}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vc-base-vertical-form
|
|
1
|
+
.vc-base-vertical-form{padding-left:.75rem;padding-right:.75rem}@media (min-width: 680px){.vc-base-vertical-form{padding-top:.75rem}}.vc-base-vertical-form__wrap{display:flex;width:100%;justify-content:center}@media (min-width: 680px){.vc-base-vertical-form__wrap{padding-top:1.25rem}}@media (min-width: 1264px){.vc-base-vertical-form__wrap{padding-top:1.75rem}}.vc-base-vertical-form__content{width:100%;max-width:1024px}.vc-base-vertical-form__header{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:1.5rem;font-weight:700}@media (min-width: 960px){.vc-base-vertical-form__header{flex-wrap:nowrap}}.vc-base-vertical-form__form-content{display:flex;min-height:200px;flex-direction:column;gap:1.25rem;padding-top:1.25rem;padding-bottom:1.25rem}@media (min-width: 960px){.vc-base-vertical-form__form-content{gap:2.5rem}}@media (min-width: 1264px){.vc-base-vertical-form__form-content{gap:4rem;padding-top:2.5rem;padding-bottom:2.5rem}}.vc-base-vertical-form__footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding-top:.75rem;padding-bottom:.75rem}@media (min-width: 680px){.vc-base-vertical-form__footer{flex-wrap:nowrap}}@media (min-width: 1264px){.vc-base-vertical-form__footer{padding-top:1.5rem;padding-bottom:1.5rem}}.vc-base-vertical-form__footer .footer-actions{display:flex;width:100%;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem}@media (min-width: 680px){.vc-base-vertical-form__footer .footer-actions{width:auto;flex-wrap:nowrap}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vc-entity-table-disabled-overflow
|
|
1
|
+
.vc-entity-table-disabled-overflow{position:absolute;left:0;right:0;top:0;height:100%;width:100%;background-color:var(--light-bg);opacity:.5}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vc-editable-tabs
|
|
1
|
+
.vc-editable-tabs :deep(.vc-tabs__item.create-nav-tab){margin-left:-.75rem;font-size:1.25rem}.vc-editable-tabs :deep(.vc-tabs__item.create-nav-tab):where([dir=ltr],[dir=ltr] *){margin-right:0}.vc-editable-tabs :deep(.vc-tabs__item.create-nav-tab):where([dir=rtl],[dir=rtl] *){margin-left:0}.vc-editable-tabs :deep(.vc-tabs__item .vc-tabs__item-text){max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
|
@@ -18,7 +18,7 @@ const CLASS_FOR_LOADING = "is--loading";
|
|
|
18
18
|
const DEFAULT_SIZE = "middle";
|
|
19
19
|
const DEFAULT_TYPE = "default";
|
|
20
20
|
const DEFAULT_COLOR = "primary";
|
|
21
|
-
const DEFAULT_LOAD_ICON = "
|
|
21
|
+
const DEFAULT_LOAD_ICON = "loader";
|
|
22
22
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
23
23
|
__name: "VcButton",
|
|
24
24
|
props: {
|
|
@@ -84,7 +84,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
84
84
|
renderSlot(_ctx.$slots, "loader", {}, () => [
|
|
85
85
|
createVNode(_sfc_main$1, {
|
|
86
86
|
icon: __props.loaderIcon,
|
|
87
|
-
class: "text-current"
|
|
87
|
+
class: "text-current",
|
|
88
|
+
loading: ""
|
|
88
89
|
}, null, 8, ["icon"])
|
|
89
90
|
])
|
|
90
91
|
])) : createCommentVNode("", true)
|
|
@@ -1,7 +1,94 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
1
|
+
import '../../assets/components/VcButton/VcButtonIcon.css';
|
|
2
|
+
import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode } from "vue";
|
|
3
|
+
import _sfc_main$1 from "../VcIcon/VcIcon.vue.mjs";
|
|
4
|
+
import '../../assets/components/VcIcon/VcIcon.css';/* empty css */
|
|
5
|
+
const _hoisted_1 = ["disabled", "aria-disabled", "type", "data-test"];
|
|
6
|
+
const _hoisted_2 = { class: "vc-button--content" };
|
|
7
|
+
const DEFAULT_TYPE = "default";
|
|
8
|
+
const DEFAULT_COLOR = "primary";
|
|
9
|
+
const DEFAULT_ICON = "vc-icon-settings";
|
|
10
|
+
const LOADING_ICON = "loader";
|
|
11
|
+
const CLASS_DISABLED = "is--disabled";
|
|
12
|
+
const CLASS_ANIMATION = "is--animate";
|
|
13
|
+
const CLASS_LOADING = "is--loading";
|
|
14
|
+
const CLASS_SMALL = "is--small";
|
|
15
|
+
const CLASS_PLAIN = "is--plain";
|
|
16
|
+
const CLASS_CIRCLE = "is--circle";
|
|
17
|
+
const CLASS_FILLED = "is--filled";
|
|
18
|
+
const CLASS_FILLED_COLOR = "filled-";
|
|
19
|
+
const CLASS_HOVERLESS = "vc-button-icon-type--hoverless";
|
|
20
|
+
const CLASS_FOR_TYPE = "vc-button-icon-type--";
|
|
21
|
+
const CLASS_FOR_COLOR = "vc-button-icon-color--";
|
|
22
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
23
|
+
__name: "VcButtonIcon",
|
|
24
|
+
props: {
|
|
25
|
+
type: { default: DEFAULT_TYPE },
|
|
26
|
+
color: { default: DEFAULT_COLOR },
|
|
27
|
+
icon: { default: DEFAULT_ICON },
|
|
28
|
+
dataTestName: { default: "vc-button" },
|
|
29
|
+
animate: { type: Boolean, default: false },
|
|
30
|
+
disabled: { type: Boolean, default: false },
|
|
31
|
+
small: { type: Boolean, default: false },
|
|
32
|
+
plain: { type: Boolean, default: false },
|
|
33
|
+
hoverless: { type: Boolean, default: false },
|
|
34
|
+
buttonType: { default: "button" },
|
|
35
|
+
circle: { type: Boolean },
|
|
36
|
+
filled: { type: Boolean },
|
|
37
|
+
filledColor: { default: "light" },
|
|
38
|
+
loading: { type: Boolean },
|
|
39
|
+
loadingIcon: { default: LOADING_ICON }
|
|
40
|
+
},
|
|
41
|
+
emits: ["click"],
|
|
42
|
+
setup(__props, { emit: __emit }) {
|
|
43
|
+
const props = __props;
|
|
44
|
+
const emit = __emit;
|
|
45
|
+
const classes = computed(() => {
|
|
46
|
+
const typeClass = CLASS_FOR_TYPE + props.type;
|
|
47
|
+
const colorClass = CLASS_FOR_COLOR + props.color;
|
|
48
|
+
const filledColor = CLASS_FILLED_COLOR + (props.filledColor || "light");
|
|
49
|
+
return [
|
|
50
|
+
typeClass,
|
|
51
|
+
colorClass,
|
|
52
|
+
{
|
|
53
|
+
[CLASS_DISABLED]: props.disabled,
|
|
54
|
+
[CLASS_ANIMATION]: props.animate && !props.loading,
|
|
55
|
+
[CLASS_LOADING]: props.loading,
|
|
56
|
+
[CLASS_SMALL]: props.small,
|
|
57
|
+
[CLASS_PLAIN]: props.plain,
|
|
58
|
+
[CLASS_HOVERLESS]: props.hoverless,
|
|
59
|
+
[CLASS_CIRCLE]: props.circle,
|
|
60
|
+
[CLASS_FILLED]: props.filled,
|
|
61
|
+
[filledColor]: props.filled && props.filledColor
|
|
62
|
+
}
|
|
63
|
+
];
|
|
64
|
+
});
|
|
65
|
+
function handleClick(evt) {
|
|
66
|
+
if (!props.disabled && !props.loading) {
|
|
67
|
+
emit("click", evt);
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
return (_ctx, _cache) => {
|
|
71
|
+
return openBlock(), createElementBlock("button", {
|
|
72
|
+
class: normalizeClass(["vc-button-icon", classes.value]),
|
|
73
|
+
disabled: __props.disabled,
|
|
74
|
+
"aria-disabled": __props.disabled,
|
|
75
|
+
type: __props.buttonType,
|
|
76
|
+
"data-test": __props.dataTestName,
|
|
77
|
+
onClick: handleClick
|
|
78
|
+
}, [
|
|
79
|
+
createElementVNode("span", _hoisted_2, [
|
|
80
|
+
renderSlot(_ctx.$slots, "default", {}, () => [
|
|
81
|
+
createVNode(_sfc_main$1, {
|
|
82
|
+
icon: __props.loading ? __props.loadingIcon : __props.icon,
|
|
83
|
+
loading: __props.loading,
|
|
84
|
+
class: "text-current content-icon"
|
|
85
|
+
}, null, 8, ["icon", "loading"])
|
|
86
|
+
])
|
|
87
|
+
])
|
|
88
|
+
], 10, _hoisted_1);
|
|
89
|
+
};
|
|
90
|
+
}
|
|
91
|
+
});
|
|
5
92
|
export {
|
|
6
|
-
|
|
93
|
+
_sfc_main as default
|
|
7
94
|
};
|
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
import '../../assets/components/VcButton/VcToggleButton.css';
|
|
2
|
-
import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createBlock, createCommentVNode, toDisplayString } from "vue";
|
|
2
|
+
import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, createBlock, createCommentVNode, toDisplayString } from "vue";
|
|
3
3
|
import _sfc_main$1 from "../VcIcon/VcIcon.vue.mjs";
|
|
4
4
|
import '../../assets/components/VcIcon/VcIcon.css';/* empty css */
|
|
5
5
|
const _hoisted_1 = ["tabindex", "disabled", "aria-pressed", "data-p-checked", "data-p-disabled", "data-test"];
|
|
6
6
|
const _hoisted_2 = { class: "vc-toggle-button__content" };
|
|
7
|
-
const _hoisted_3 = {
|
|
7
|
+
const _hoisted_3 = {
|
|
8
|
+
key: 0,
|
|
9
|
+
class: "flex-center"
|
|
10
|
+
};
|
|
11
|
+
const _hoisted_4 = { class: "vc-toggle-button__label" };
|
|
8
12
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
9
13
|
__name: "VcToggleButton",
|
|
10
14
|
props: {
|
|
@@ -23,7 +27,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
23
27
|
iconPos: { default: "left" },
|
|
24
28
|
large: { type: Boolean },
|
|
25
29
|
activeIconColor: { default: "" },
|
|
26
|
-
color: { default: "" }
|
|
30
|
+
color: { default: "" },
|
|
31
|
+
loading: { type: Boolean, default: false }
|
|
27
32
|
},
|
|
28
33
|
emits: ["change", "update:modelValue"],
|
|
29
34
|
setup(__props, { emit: __emit }) {
|
|
@@ -42,7 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
42
47
|
return props.modelValue ? props.onIcon : props.offIcon;
|
|
43
48
|
});
|
|
44
49
|
function onChange(evt) {
|
|
45
|
-
if (!props.disabled && !props.readonly) {
|
|
50
|
+
if (!props.disabled && !props.readonly && !props.loading) {
|
|
46
51
|
emit("update:modelValue", !props.modelValue);
|
|
47
52
|
emit("change", evt);
|
|
48
53
|
}
|
|
@@ -50,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
50
55
|
return (_ctx, _cache) => {
|
|
51
56
|
return openBlock(), createElementBlock("button", {
|
|
52
57
|
tabindex: __props.tabindex,
|
|
53
|
-
disabled: __props.disabled,
|
|
58
|
+
disabled: __props.disabled || __props.loading,
|
|
54
59
|
"aria-pressed": __props.modelValue,
|
|
55
60
|
"data-p-checked": active.value,
|
|
56
61
|
"data-p-disabled": __props.disabled,
|
|
@@ -66,7 +71,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
66
71
|
onClick: onChange
|
|
67
72
|
}, [
|
|
68
73
|
createElementVNode("span", _hoisted_2, [
|
|
69
|
-
|
|
74
|
+
__props.loading ? (openBlock(), createElementBlock("span", _hoisted_3, [
|
|
75
|
+
createVNode(_sfc_main$1, {
|
|
76
|
+
icon: "loader",
|
|
77
|
+
loading: ""
|
|
78
|
+
})
|
|
79
|
+
])) : renderSlot(_ctx.$slots, "default", {
|
|
80
|
+
key: 1,
|
|
81
|
+
value: __props.modelValue
|
|
82
|
+
}, () => [
|
|
70
83
|
renderSlot(_ctx.$slots, "icon", {
|
|
71
84
|
value: __props.modelValue,
|
|
72
85
|
class: "vc-toggle-button__icon-wrap"
|
|
@@ -76,7 +89,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
76
89
|
icon: currentIcon.value,
|
|
77
90
|
class: normalizeClass(["vc-toggle-button__icon", __props.modelValue && __props.activeIconColor])
|
|
78
91
|
}, null, 8, ["icon", "class"])) : createCommentVNode("", true),
|
|
79
|
-
createElementVNode("span",
|
|
92
|
+
createElementVNode("span", _hoisted_4, toDisplayString(label.value), 1)
|
|
80
93
|
])
|
|
81
94
|
])
|
|
82
95
|
])
|
|
@@ -1,7 +1,196 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
1
|
+
import '../../assets/components/VcDelimitedList/VcDelimitedList.css';
|
|
2
|
+
import { defineComponent, ref, computed, watch, onMounted, withDirectives, openBlock, createElementBlock, createElementVNode, Fragment, renderList, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createBlock, withCtx, unref, nextTick } from "vue";
|
|
3
|
+
import { getRefElement } from "../../utils/helpers.mjs";
|
|
4
|
+
import _sfc_main$1 from "../VcPopover/VcPopover.vue.mjs";
|
|
5
|
+
import '../../assets/components/VcPopover/VcPopover.css';/* empty css */
|
|
6
|
+
import { resize } from "../../directives/resize.mjs";
|
|
7
|
+
const _hoisted_1 = {
|
|
8
|
+
key: 0,
|
|
9
|
+
class: "text-break"
|
|
10
|
+
};
|
|
11
|
+
const _hoisted_2 = { class: "flex items-center" };
|
|
12
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
13
|
+
__name: "VcDelimitedList",
|
|
14
|
+
props: {
|
|
15
|
+
list: { default: () => [] },
|
|
16
|
+
limit: { default: 3 },
|
|
17
|
+
trigger: { default: "hover" },
|
|
18
|
+
separator: { default: "," },
|
|
19
|
+
popoverMaxWidth: { default: 250 },
|
|
20
|
+
popoverDisabled: { type: Boolean, default: false },
|
|
21
|
+
valueKey: { default: void 0 }
|
|
22
|
+
},
|
|
23
|
+
setup(__props) {
|
|
24
|
+
const props = __props;
|
|
25
|
+
const localLimit = ref(1);
|
|
26
|
+
const oldLocalLimit = ref(1);
|
|
27
|
+
const minLimit = ref(1);
|
|
28
|
+
const dListWrapperRef = ref();
|
|
29
|
+
const dListRef = ref();
|
|
30
|
+
const shortList = computed(() => {
|
|
31
|
+
return props.list.slice(0, localLimit.value);
|
|
32
|
+
});
|
|
33
|
+
const otherList = computed(() => {
|
|
34
|
+
return props.list.length > localLimit.value ? props.list.slice(localLimit.value) : [];
|
|
35
|
+
});
|
|
36
|
+
function getValueKey(option, index) {
|
|
37
|
+
if (props.valueKey) {
|
|
38
|
+
return option[props.valueKey];
|
|
39
|
+
}
|
|
40
|
+
return index;
|
|
41
|
+
}
|
|
42
|
+
function initLimit() {
|
|
43
|
+
localLimit.value = 1;
|
|
44
|
+
}
|
|
45
|
+
async function isListSmaller({ listWidth, listWrapperWidth, list, listWrapper }) {
|
|
46
|
+
while (listWidth < listWrapperWidth) {
|
|
47
|
+
if (localLimit.value > props.limit) {
|
|
48
|
+
localLimit.value = props.limit;
|
|
49
|
+
break;
|
|
50
|
+
}
|
|
51
|
+
localLimit.value++;
|
|
52
|
+
await nextTick();
|
|
53
|
+
listWidth = list.clientWidth;
|
|
54
|
+
listWrapperWidth = listWrapper.clientWidth;
|
|
55
|
+
if (listWidth > listWrapperWidth) {
|
|
56
|
+
if (localLimit.value > minLimit.value && localLimit.value <= props.limit) {
|
|
57
|
+
localLimit.value--;
|
|
58
|
+
} else if (localLimit.value > props.limit) {
|
|
59
|
+
localLimit.value = props.limit;
|
|
60
|
+
} else if (localLimit.value < minLimit.value) {
|
|
61
|
+
localLimit.value = minLimit.value;
|
|
62
|
+
}
|
|
63
|
+
break;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
async function isListBigger({ listWidth, listWrapperWidth, list, listWrapper }) {
|
|
68
|
+
while (listWidth > listWrapperWidth) {
|
|
69
|
+
if (localLimit.value < minLimit.value) {
|
|
70
|
+
localLimit.value = minLimit.value;
|
|
71
|
+
break;
|
|
72
|
+
}
|
|
73
|
+
localLimit.value--;
|
|
74
|
+
await nextTick();
|
|
75
|
+
listWidth = list.clientWidth;
|
|
76
|
+
listWrapperWidth = listWrapper.clientWidth;
|
|
77
|
+
if (listWidth < listWrapperWidth) {
|
|
78
|
+
if (localLimit.value > props.limit) {
|
|
79
|
+
localLimit.value = props.limit;
|
|
80
|
+
} else if (localLimit.value < minLimit.value) {
|
|
81
|
+
localLimit.value = minLimit.value;
|
|
82
|
+
}
|
|
83
|
+
break;
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
async function updateLocalLimit({ list, listWrapper }) {
|
|
88
|
+
const listWidth = list.clientWidth;
|
|
89
|
+
const listWrapperWidth = listWrapper.clientWidth;
|
|
90
|
+
if (listWidth < listWrapperWidth) {
|
|
91
|
+
await isListSmaller({
|
|
92
|
+
listWidth,
|
|
93
|
+
listWrapperWidth,
|
|
94
|
+
list,
|
|
95
|
+
listWrapper
|
|
96
|
+
});
|
|
97
|
+
} else if (listWidth > listWrapperWidth) {
|
|
98
|
+
await isListBigger({
|
|
99
|
+
listWidth,
|
|
100
|
+
listWrapperWidth,
|
|
101
|
+
list,
|
|
102
|
+
listWrapper
|
|
103
|
+
});
|
|
104
|
+
}
|
|
105
|
+
oldLocalLimit.value = localLimit.value;
|
|
106
|
+
}
|
|
107
|
+
async function updateList() {
|
|
108
|
+
initLimit();
|
|
109
|
+
if (dListRef.value && dListWrapperRef.value) {
|
|
110
|
+
const list = getRefElement(dListRef.value);
|
|
111
|
+
const listWrapper = getRefElement(dListWrapperRef.value);
|
|
112
|
+
if (!(list instanceof HTMLElement) || !(listWrapper instanceof HTMLElement)) {
|
|
113
|
+
return;
|
|
114
|
+
}
|
|
115
|
+
await nextTick();
|
|
116
|
+
await updateLocalLimit({
|
|
117
|
+
list,
|
|
118
|
+
listWrapper
|
|
119
|
+
});
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
function showSeparator(index) {
|
|
123
|
+
return index < shortList.value.length - 1 && !otherList.value.length || index < shortList.value.length && otherList.value.length;
|
|
124
|
+
}
|
|
125
|
+
watch(
|
|
126
|
+
() => props.limit,
|
|
127
|
+
() => {
|
|
128
|
+
updateList();
|
|
129
|
+
}
|
|
130
|
+
);
|
|
131
|
+
watch(
|
|
132
|
+
() => props.list.length,
|
|
133
|
+
() => {
|
|
134
|
+
updateList();
|
|
135
|
+
}
|
|
136
|
+
);
|
|
137
|
+
onMounted(updateList);
|
|
138
|
+
return (_ctx, _cache) => {
|
|
139
|
+
return withDirectives((openBlock(), createElementBlock("div", {
|
|
140
|
+
ref_key: "dListWrapperRef",
|
|
141
|
+
ref: dListWrapperRef,
|
|
142
|
+
class: "vc-delimited-list-wrapper"
|
|
143
|
+
}, [
|
|
144
|
+
createElementVNode("div", {
|
|
145
|
+
ref_key: "dListRef",
|
|
146
|
+
ref: dListRef,
|
|
147
|
+
class: "flex md:inline-flex items-center vc-delimited-list-container"
|
|
148
|
+
}, [
|
|
149
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(shortList.value, (item, index) => {
|
|
150
|
+
return openBlock(), createElementBlock("div", {
|
|
151
|
+
key: index,
|
|
152
|
+
class: "flex items-center vc-delimited-list-item-wrapper"
|
|
153
|
+
}, [
|
|
154
|
+
renderSlot(_ctx.$slots, "list-item", {
|
|
155
|
+
item,
|
|
156
|
+
index
|
|
157
|
+
}, () => [
|
|
158
|
+
createTextVNode(toDisplayString(getValueKey(item, index)), 1)
|
|
159
|
+
]),
|
|
160
|
+
showSeparator(index) ? (openBlock(), createElementBlock("span", _hoisted_1, [
|
|
161
|
+
renderSlot(_ctx.$slots, "separator", {}, () => [
|
|
162
|
+
createTextVNode(toDisplayString(__props.separator), 1)
|
|
163
|
+
])
|
|
164
|
+
])) : createCommentVNode("", true)
|
|
165
|
+
]);
|
|
166
|
+
}), 128)),
|
|
167
|
+
otherList.value.length ? (openBlock(), createBlock(_sfc_main$1, {
|
|
168
|
+
key: 0,
|
|
169
|
+
trigger: __props.trigger,
|
|
170
|
+
"popover-max-width": __props.popoverMaxWidth,
|
|
171
|
+
disabled: __props.popoverDisabled,
|
|
172
|
+
placement: "bottom-end"
|
|
173
|
+
}, {
|
|
174
|
+
reference: withCtx(() => [
|
|
175
|
+
renderSlot(_ctx.$slots, "reference", {
|
|
176
|
+
listLength: otherList.value.length,
|
|
177
|
+
items: otherList.value
|
|
178
|
+
}, () => [
|
|
179
|
+
createElementVNode("span", _hoisted_2, " (" + toDisplayString(otherList.value.length) + ") ", 1)
|
|
180
|
+
])
|
|
181
|
+
]),
|
|
182
|
+
default: withCtx(() => [
|
|
183
|
+
renderSlot(_ctx.$slots, "other-content", { list: otherList.value })
|
|
184
|
+
]),
|
|
185
|
+
_: 3
|
|
186
|
+
}, 8, ["trigger", "popover-max-width", "disabled"])) : createCommentVNode("", true)
|
|
187
|
+
], 512)
|
|
188
|
+
])), [
|
|
189
|
+
[unref(resize), updateList]
|
|
190
|
+
]);
|
|
191
|
+
};
|
|
192
|
+
}
|
|
193
|
+
});
|
|
5
194
|
export {
|
|
6
|
-
|
|
195
|
+
_sfc_main as default
|
|
7
196
|
};
|
|
@@ -1,7 +1,142 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
1
|
+
import '../../assets/components/VcExcelUploader/VcExcelFileUploadBlock.css';
|
|
2
|
+
import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, renderSlot, withModifiers, createVNode, toDisplayString, unref, withCtx, createTextVNode } from "vue";
|
|
3
|
+
import { tVU } from "../../localization/index.mjs";
|
|
4
|
+
import _sfc_main$2 from "../VcButton/VcButton.vue.mjs";
|
|
5
|
+
import '../../assets/components/VcIcon/VcIcon.css';import '../../assets/components/VcButton/VcButton.css';/* empty css */
|
|
6
|
+
import _sfc_main$1 from "../VcIcon/VcIcon.vue.mjs";
|
|
7
|
+
/* empty css */
|
|
8
|
+
const _hoisted_1 = { class: "flex flex-col justify-center items-center w-full h-full" };
|
|
9
|
+
const _hoisted_2 = { class: "w-full flex justify-center items-center" };
|
|
10
|
+
const _hoisted_3 = { class: "flex justify-center items-center w-full" };
|
|
11
|
+
const _hoisted_4 = { class: "file-uploader border border-inactive-elements rounded-lg p-5 w-full" };
|
|
12
|
+
const _hoisted_5 = {
|
|
13
|
+
key: 0,
|
|
14
|
+
class: "w-full flex gap-4 flex-col md:flex-row items-center justify-between md:h-24"
|
|
15
|
+
};
|
|
16
|
+
const _hoisted_6 = { class: "flex items-center flex-grow gap-2 lg:gap-4" };
|
|
17
|
+
const _hoisted_7 = { class: "text-base flex-grow md:ltr:pr-12 md:rtl:pl-12" };
|
|
18
|
+
const _hoisted_8 = {
|
|
19
|
+
key: 1,
|
|
20
|
+
class: "drop-zone w-full flex items-center justify-center h-24 rounded border-dashed border-2 border-active-elements"
|
|
21
|
+
};
|
|
22
|
+
const _hoisted_9 = { class: "text-md text-default-text" };
|
|
23
|
+
const _hoisted_10 = ["accept"];
|
|
24
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
25
|
+
__name: "VcExcelFileUploadBlock",
|
|
26
|
+
props: {
|
|
27
|
+
acceptFiles: { default: "*" },
|
|
28
|
+
uploadActions: { default: "" },
|
|
29
|
+
dropText: { default: "" },
|
|
30
|
+
fileUploaderInstructions: { default: "" },
|
|
31
|
+
resultFile: { default: "file" }
|
|
32
|
+
},
|
|
33
|
+
emits: ["add-files", "add-base-files"],
|
|
34
|
+
setup(__props, { expose: __expose, emit: __emit }) {
|
|
35
|
+
const props = __props;
|
|
36
|
+
const emit = __emit;
|
|
37
|
+
const fileInputRef = ref();
|
|
38
|
+
const isDragEnter = ref(false);
|
|
39
|
+
const onDragEnter = () => {
|
|
40
|
+
isDragEnter.value = true;
|
|
41
|
+
};
|
|
42
|
+
const onDragLeave = () => {
|
|
43
|
+
isDragEnter.value = false;
|
|
44
|
+
};
|
|
45
|
+
const onDrop = (e) => {
|
|
46
|
+
e.preventDefault();
|
|
47
|
+
isDragEnter.value = false;
|
|
48
|
+
const dt = e.dataTransfer;
|
|
49
|
+
const files = dt == null ? void 0 : dt.files;
|
|
50
|
+
if (files) {
|
|
51
|
+
validateFiles(files);
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
const validateFiles = (files) => {
|
|
55
|
+
for (let i = 0; i < files.length; i++) {
|
|
56
|
+
const file = files.item(i);
|
|
57
|
+
if (!file) {
|
|
58
|
+
return;
|
|
59
|
+
}
|
|
60
|
+
if (props.resultFile === "base64") {
|
|
61
|
+
emitData(file);
|
|
62
|
+
} else {
|
|
63
|
+
emit("add-files", file);
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
};
|
|
67
|
+
const emitData = (file) => {
|
|
68
|
+
const reader = new FileReader();
|
|
69
|
+
reader.readAsDataURL(file);
|
|
70
|
+
reader.onload = (base64File) => {
|
|
71
|
+
emit("add-base-files", base64File);
|
|
72
|
+
};
|
|
73
|
+
};
|
|
74
|
+
const onChange = () => {
|
|
75
|
+
var _a;
|
|
76
|
+
const files = (_a = fileInputRef.value) == null ? void 0 : _a.files;
|
|
77
|
+
if (files) {
|
|
78
|
+
validateFiles(files);
|
|
79
|
+
}
|
|
80
|
+
};
|
|
81
|
+
const browseFiles = () => {
|
|
82
|
+
var _a;
|
|
83
|
+
(_a = fileInputRef.value) == null ? void 0 : _a.click();
|
|
84
|
+
};
|
|
85
|
+
const addNewFile = () => {
|
|
86
|
+
browseFiles();
|
|
87
|
+
};
|
|
88
|
+
__expose({
|
|
89
|
+
getNewFile: addNewFile
|
|
90
|
+
});
|
|
91
|
+
return (_ctx, _cache) => {
|
|
92
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
93
|
+
createElementVNode("div", _hoisted_2, [
|
|
94
|
+
renderSlot(_ctx.$slots, "document-requirements")
|
|
95
|
+
]),
|
|
96
|
+
createElementVNode("div", _hoisted_3, [
|
|
97
|
+
createElementVNode("div", _hoisted_4, [
|
|
98
|
+
createElementVNode("div", {
|
|
99
|
+
class: "w-full px-1 sm:px-8 py-1",
|
|
100
|
+
onDrop: withModifiers(onDrop, ["prevent"]),
|
|
101
|
+
onDragover: _cache[0] || (_cache[0] = withModifiers(() => {
|
|
102
|
+
}, ["prevent"])),
|
|
103
|
+
onDragenter: withModifiers(onDragEnter, ["stop"]),
|
|
104
|
+
onDragleave: onDragLeave
|
|
105
|
+
}, [
|
|
106
|
+
!isDragEnter.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
|
|
107
|
+
createElementVNode("div", _hoisted_6, [
|
|
108
|
+
createVNode(_sfc_main$1, { icon: "vc-icon-upload icon-download text-active-elements ltr:mr-8 rtl:ml-8" }),
|
|
109
|
+
createElementVNode("span", _hoisted_7, toDisplayString(__props.fileUploaderInstructions || unref(tVU).t("voicenterUi.uploader.fileUploaderInstructions")), 1)
|
|
110
|
+
]),
|
|
111
|
+
createVNode(_sfc_main$2, {
|
|
112
|
+
icon: "vc-icon-search",
|
|
113
|
+
class: "mt-3 md:m-0",
|
|
114
|
+
onClick: browseFiles
|
|
115
|
+
}, {
|
|
116
|
+
default: withCtx(() => [
|
|
117
|
+
createTextVNode(toDisplayString(__props.uploadActions || unref(tVU).t("voicenterUi.uploader.browse")), 1)
|
|
118
|
+
]),
|
|
119
|
+
_: 1
|
|
120
|
+
})
|
|
121
|
+
])) : (openBlock(), createElementBlock("div", _hoisted_8, [
|
|
122
|
+
createElementVNode("span", _hoisted_9, toDisplayString(__props.dropText || unref(tVU).t("voicenterUi.uploader.dropText")), 1)
|
|
123
|
+
])),
|
|
124
|
+
createElementVNode("input", {
|
|
125
|
+
ref_key: "fileInputRef",
|
|
126
|
+
ref: fileInputRef,
|
|
127
|
+
type: "file",
|
|
128
|
+
hidden: "",
|
|
129
|
+
multiple: false,
|
|
130
|
+
accept: __props.acceptFiles,
|
|
131
|
+
onChange
|
|
132
|
+
}, null, 40, _hoisted_10)
|
|
133
|
+
], 32)
|
|
134
|
+
])
|
|
135
|
+
])
|
|
136
|
+
]);
|
|
137
|
+
};
|
|
138
|
+
}
|
|
139
|
+
});
|
|
5
140
|
export {
|
|
6
|
-
|
|
141
|
+
_sfc_main as default
|
|
7
142
|
};
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, watch, openBlock, createElementBlock, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, unref, createElementVNode, createSlots, normalizeClass, createBlock, renderList, nextTick } from "vue";
|
|
2
2
|
import _sfc_main$3 from "../VcWizard/VcWizard.vue.mjs";
|
|
3
|
-
import '../../assets/components/VcModal/VcModal.css';import '../../assets/components/VcButton/VcButton.css';import '../../assets/components/VcWizard/VcWizard.css';/* empty css */
|
|
3
|
+
import '../../assets/components/VcModal/VcModal.css';import '../../assets/components/VcButton/VcButton.css';import '../../assets/components/VcExcelUploader/VcExcelFileUploadBlock.css';import '../../assets/components/VcWizard/VcWizard.css';/* empty css */
|
|
4
4
|
import Parser from "../../utils/excelParser/parser.mjs";
|
|
5
|
-
import
|
|
5
|
+
import _sfc_main$6 from "./VcExcelFileUploadBlock.vue.mjs";
|
|
6
|
+
/* empty css */
|
|
6
7
|
import _sfc_main$4 from "./VcExcelFileProcessLoader.vue.mjs";
|
|
7
|
-
import _sfc_main$
|
|
8
|
+
import _sfc_main$7 from "./VcFileImportParseResultBlock.vue.mjs";
|
|
8
9
|
import _sfc_main$5 from "./VcFileImportResultBindData.vue.mjs";
|
|
9
10
|
import { chunk } from "lodash-es";
|
|
10
11
|
import { tVU } from "../../localization/index.mjs";
|
|
@@ -461,7 +462,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
461
462
|
color: "var(--primary-actions)"
|
|
462
463
|
}, null, 8, ["label", "progress", "height", "stroke-width"])
|
|
463
464
|
])) : (openBlock(), createElementBlock("div", _hoisted_4, [
|
|
464
|
-
!isFileUploaded.value ? (openBlock(), createBlock(
|
|
465
|
+
!isFileUploaded.value ? (openBlock(), createBlock(_sfc_main$6, {
|
|
465
466
|
key: 0,
|
|
466
467
|
"accept-files": __props.acceptFiles,
|
|
467
468
|
onAddFiles: startUploadFile
|
|
@@ -474,7 +475,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
474
475
|
key: "0"
|
|
475
476
|
} : void 0
|
|
476
477
|
]), 1032, ["accept-files"])) : (openBlock(), createElementBlock("div", _hoisted_5, [
|
|
477
|
-
createVNode(_sfc_main$
|
|
478
|
+
createVNode(_sfc_main$7, {
|
|
478
479
|
ref: "fileImportParseResultBlockRef",
|
|
479
480
|
activeSheet: activeSheet.value,
|
|
480
481
|
"onUpdate:activeSheet": _cache[0] || (_cache[0] = ($event) => activeSheet.value = $event),
|