@ozdao/prometheus-framework 0.2.325 → 0.2.327
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/main.css +1 -1
- package/dist/prometheus-framework/src/components/Button/Button.vue2.cjs +9 -11
- package/dist/prometheus-framework/src/components/Button/Button.vue2.cjs.map +1 -1
- package/dist/prometheus-framework/src/components/Button/Button.vue2.js +10 -12
- package/dist/prometheus-framework/src/components/Button/Button.vue2.js.map +1 -1
- package/dist/prometheus-framework/src/components/EditImages/EditImages.vue.cjs +0 -93
- package/dist/prometheus-framework/src/components/EditImages/EditImages.vue.cjs.map +1 -1
- package/dist/prometheus-framework/src/components/EditImages/EditImages.vue.js +1 -94
- package/dist/prometheus-framework/src/components/EditImages/EditImages.vue.js.map +1 -1
- package/dist/prometheus-framework/src/components/EditImages/EditImages.vue2.cjs +93 -0
- package/dist/prometheus-framework/src/components/EditImages/EditImages.vue2.cjs.map +1 -1
- package/dist/prometheus-framework/src/components/EditImages/EditImages.vue2.js +94 -1
- package/dist/prometheus-framework/src/components/EditImages/EditImages.vue2.js.map +1 -1
- package/dist/prometheus-framework/src/components/Feed/Feed.vue.cjs +1 -1
- package/dist/prometheus-framework/src/components/Feed/Feed.vue.js +1 -1
- package/dist/prometheus-framework/src/components/FieldBig/FieldBig.vue.cjs +1 -1
- package/dist/prometheus-framework/src/components/FieldBig/FieldBig.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/auth/views/components/layouts/Auth.vue.cjs +3 -3
- package/dist/prometheus-framework/src/modules/auth/views/components/layouts/Auth.vue.js +3 -3
- package/dist/prometheus-framework/src/modules/auth/views/components/pages/EnterCode.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/auth/views/components/pages/EnterCode.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/auth/views/components/pages/EnterPassword.vue.cjs +3 -3
- package/dist/prometheus-framework/src/modules/auth/views/components/pages/EnterPassword.vue.js +3 -3
- package/dist/prometheus-framework/src/modules/auth/views/components/pages/Invite.vue.cjs +3 -3
- package/dist/prometheus-framework/src/modules/auth/views/components/pages/Invite.vue.js +3 -3
- package/dist/prometheus-framework/src/modules/auth/views/components/pages/Profile.vue.cjs +4 -4
- package/dist/prometheus-framework/src/modules/auth/views/components/pages/Profile.vue.js +4 -4
- package/dist/prometheus-framework/src/modules/auth/views/components/pages/ProfileBlogposts.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/auth/views/components/pages/ProfileBlogposts.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/auth/views/components/pages/ProfileEdit.vue.cjs +3 -3
- package/dist/prometheus-framework/src/modules/auth/views/components/pages/ProfileEdit.vue.js +3 -3
- package/dist/prometheus-framework/src/modules/auth/views/components/pages/ResetPassword.vue.cjs +3 -3
- package/dist/prometheus-framework/src/modules/auth/views/components/pages/ResetPassword.vue.js +3 -3
- package/dist/prometheus-framework/src/modules/auth/views/components/pages/SignIn.vue.cjs +3 -3
- package/dist/prometheus-framework/src/modules/auth/views/components/pages/SignIn.vue.js +3 -3
- package/dist/prometheus-framework/src/modules/auth/views/components/pages/SignUp.vue.cjs +3 -3
- package/dist/prometheus-framework/src/modules/auth/views/components/pages/SignUp.vue.js +3 -3
- package/dist/prometheus-framework/src/modules/auth/views/components/sections/ProfileEditCredentials.vue.cjs +2 -2
- package/dist/prometheus-framework/src/modules/auth/views/components/sections/ProfileEditCredentials.vue.js +2 -2
- package/dist/prometheus-framework/src/modules/backoffice/components/pages/Dashboard.vue.cjs +2 -2
- package/dist/prometheus-framework/src/modules/backoffice/components/pages/Dashboard.vue.js +2 -2
- package/dist/prometheus-framework/src/modules/backoffice/components/partials/Sidebar.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/backoffice/components/partials/Sidebar.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/community/components/pages/BlogPost.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/community/components/pages/BlogPost.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/community/components/pages/Community.vue.cjs +2 -2
- package/dist/prometheus-framework/src/modules/community/components/pages/Community.vue.js +2 -2
- package/dist/prometheus-framework/src/modules/community/components/pages/CreateBlogPost.vue.cjs +2 -2
- package/dist/prometheus-framework/src/modules/community/components/pages/CreateBlogPost.vue.js +2 -2
- package/dist/prometheus-framework/src/modules/community/components/sections/HotPosts.vue.cjs +3 -2
- package/dist/prometheus-framework/src/modules/community/components/sections/HotPosts.vue.cjs.map +1 -1
- package/dist/prometheus-framework/src/modules/community/components/sections/HotPosts.vue.js +3 -2
- package/dist/prometheus-framework/src/modules/community/components/sections/HotPosts.vue.js.map +1 -1
- package/dist/prometheus-framework/src/modules/constructor/components/elements/Card.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/constructor/components/elements/Card.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/constructor/components/elements/Embed.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/constructor/components/elements/Embed.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/events/components/elements/ButtonCheck.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/events/components/elements/ButtonCheck.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/events/components/elements/ButtonJoin.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/events/components/elements/ButtonJoin.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/events/components/pages/EditEvent.vue.cjs +4 -4
- package/dist/prometheus-framework/src/modules/events/components/pages/EditEvent.vue.js +4 -4
- package/dist/prometheus-framework/src/modules/events/components/pages/EditEventTickets.vue.cjs +2 -2
- package/dist/prometheus-framework/src/modules/events/components/pages/EditEventTickets.vue.js +2 -2
- package/dist/prometheus-framework/src/modules/events/components/pages/Event.vue.cjs +8 -8
- package/dist/prometheus-framework/src/modules/events/components/pages/Event.vue.cjs.map +1 -1
- package/dist/prometheus-framework/src/modules/events/components/pages/Event.vue.js +8 -8
- package/dist/prometheus-framework/src/modules/events/components/pages/Event.vue.js.map +1 -1
- package/dist/prometheus-framework/src/modules/events/components/pages/EventsBackoffice.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/events/components/pages/EventsBackoffice.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/events/components/sections/EventsHot.vue.cjs +3 -2
- package/dist/prometheus-framework/src/modules/events/components/sections/EventsHot.vue.cjs.map +1 -1
- package/dist/prometheus-framework/src/modules/events/components/sections/EventsHot.vue.js +3 -2
- package/dist/prometheus-framework/src/modules/events/components/sections/EventsHot.vue.js.map +1 -1
- package/dist/prometheus-framework/src/modules/events/components/sections/HeroEvent.vue.cjs +1 -0
- package/dist/prometheus-framework/src/modules/events/components/sections/HeroEvent.vue.cjs.map +1 -1
- package/dist/prometheus-framework/src/modules/events/components/sections/HeroEvent.vue.js +1 -0
- package/dist/prometheus-framework/src/modules/events/components/sections/HeroEvent.vue.js.map +1 -1
- package/dist/prometheus-framework/src/modules/gallery/components/sections/BackofficeGallery.vue.cjs +4 -4
- package/dist/prometheus-framework/src/modules/gallery/components/sections/BackofficeGallery.vue.js +4 -4
- package/dist/prometheus-framework/src/modules/globals/views/components/blocks/BlockSearch.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/globals/views/components/blocks/BlockSearch.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/globals/views/components/blocks/CardHeader.vue.cjs +2 -2
- package/dist/prometheus-framework/src/modules/globals/views/components/blocks/CardHeader.vue.js +2 -2
- package/dist/prometheus-framework/src/modules/globals/views/components/layouts/Client.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/globals/views/components/layouts/Client.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/globals/views/components/partials/Header.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/globals/views/components/partials/Header.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/globals/views/components/partials/NavigationBar.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/globals/views/components/partials/NavigationBar.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/globals/views/components/partials/Sidebar.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/globals/views/components/partials/Sidebar.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/globals/views/components/sections/SectionPageTitle.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/globals/views/components/sections/SectionPageTitle.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/icons/icons.client.cjs +2 -0
- package/dist/prometheus-framework/src/modules/icons/icons.client.cjs.map +1 -1
- package/dist/prometheus-framework/src/modules/icons/icons.client.js +50 -48
- package/dist/prometheus-framework/src/modules/icons/icons.client.js.map +1 -1
- package/dist/prometheus-framework/src/modules/icons/navigation/IconCalendar.vue.cjs +1 -0
- package/dist/prometheus-framework/src/modules/icons/navigation/IconCalendar.vue.cjs.map +1 -1
- package/dist/prometheus-framework/src/modules/icons/navigation/IconCalendar.vue.js +1 -0
- package/dist/prometheus-framework/src/modules/icons/navigation/IconCalendar.vue.js.map +1 -1
- package/dist/prometheus-framework/src/modules/orders/components/pages/OrderBackoffice.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/orders/components/pages/OrderBackoffice.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/orders/components/pages/OrderCreateBackoffice.vue.cjs +5 -4
- package/dist/prometheus-framework/src/modules/orders/components/pages/OrderCreateBackoffice.vue.cjs.map +1 -1
- package/dist/prometheus-framework/src/modules/orders/components/pages/OrderCreateBackoffice.vue.js +5 -4
- package/dist/prometheus-framework/src/modules/orders/components/pages/OrderCreateBackoffice.vue.js.map +1 -1
- package/dist/prometheus-framework/src/modules/orders/components/pages/Orders.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/orders/components/pages/Orders.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/orders/components/sections/FormAddCustomer.vue.cjs +2 -2
- package/dist/prometheus-framework/src/modules/orders/components/sections/FormAddCustomer.vue.js +2 -2
- package/dist/prometheus-framework/src/modules/orders/components/sections/FormCustomerDetails.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/orders/components/sections/FormCustomerDetails.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/orders/components/sections/FormDelivery.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/orders/components/sections/FormDelivery.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/organizations/components/elements/ButtonToggleMembership.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/organizations/components/elements/ButtonToggleMembership.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/organizations/components/pages/DepartmentEdit.vue.cjs +3 -3
- package/dist/prometheus-framework/src/modules/organizations/components/pages/DepartmentEdit.vue.js +3 -3
- package/dist/prometheus-framework/src/modules/organizations/components/pages/Members.vue.cjs +2 -2
- package/dist/prometheus-framework/src/modules/organizations/components/pages/Members.vue.js +2 -2
- package/dist/prometheus-framework/src/modules/organizations/components/pages/Organization.vue.cjs +2 -2
- package/dist/prometheus-framework/src/modules/organizations/components/pages/Organization.vue.js +2 -2
- package/dist/prometheus-framework/src/modules/organizations/components/pages/OrganizationBackoffice.vue.cjs +2 -2
- package/dist/prometheus-framework/src/modules/organizations/components/pages/OrganizationBackoffice.vue.js +2 -2
- package/dist/prometheus-framework/src/modules/organizations/components/pages/OrganizationEdit.vue.cjs +4 -4
- package/dist/prometheus-framework/src/modules/organizations/components/pages/OrganizationEdit.vue.js +4 -4
- package/dist/prometheus-framework/src/modules/organizations/components/pages/Organizations.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/organizations/components/pages/Organizations.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/organizations/components/sections/DetailsTabSection.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/organizations/components/sections/DetailsTabSection.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/organizations/components/sections/Documents.vue.cjs +2 -2
- package/dist/prometheus-framework/src/modules/organizations/components/sections/Documents.vue.js +2 -2
- package/dist/prometheus-framework/src/modules/organizations/components/sections/MembersAdd.vue.cjs +2 -2
- package/dist/prometheus-framework/src/modules/organizations/components/sections/MembersAdd.vue.js +2 -2
- package/dist/prometheus-framework/src/modules/organizations/components/sections/Organizations.vue.cjs +3 -3
- package/dist/prometheus-framework/src/modules/organizations/components/sections/Organizations.vue.js +3 -3
- package/dist/prometheus-framework/src/modules/pages/pages.client.cjs +769 -765
- package/dist/prometheus-framework/src/modules/pages/pages.client.js +769 -765
- package/dist/prometheus-framework/src/modules/pages/views/components/blocks/CardPage.vue.cjs +2 -2
- package/dist/prometheus-framework/src/modules/pages/views/components/blocks/CardPage.vue.js +2 -2
- package/dist/prometheus-framework/src/modules/pages/views/components/pages/PageEdit.vue.cjs +2 -2
- package/dist/prometheus-framework/src/modules/pages/views/components/pages/PageEdit.vue.js +2 -2
- package/dist/prometheus-framework/src/modules/pages/views/components/partials/SidebarPages.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/pages/views/components/partials/SidebarPages.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/products/components/blocks/CardPosition.vue.cjs +3 -2
- package/dist/prometheus-framework/src/modules/products/components/blocks/CardPosition.vue.cjs.map +1 -1
- package/dist/prometheus-framework/src/modules/products/components/blocks/CardPosition.vue.js +3 -2
- package/dist/prometheus-framework/src/modules/products/components/blocks/CardPosition.vue.js.map +1 -1
- package/dist/prometheus-framework/src/modules/products/components/blocks/LeftoverPositions.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/products/components/blocks/LeftoverPositions.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/products/components/blocks/ListPositions.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/products/components/blocks/ListPositions.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/products/components/pages/Categories.vue.cjs +4 -3
- package/dist/prometheus-framework/src/modules/products/components/pages/Categories.vue.cjs.map +1 -1
- package/dist/prometheus-framework/src/modules/products/components/pages/Categories.vue.js +4 -3
- package/dist/prometheus-framework/src/modules/products/components/pages/Categories.vue.js.map +1 -1
- package/dist/prometheus-framework/src/modules/products/components/pages/CategoryEdit.vue.cjs +4 -3
- package/dist/prometheus-framework/src/modules/products/components/pages/CategoryEdit.vue.cjs.map +1 -1
- package/dist/prometheus-framework/src/modules/products/components/pages/CategoryEdit.vue.js +4 -3
- package/dist/prometheus-framework/src/modules/products/components/pages/CategoryEdit.vue.js.map +1 -1
- package/dist/prometheus-framework/src/modules/products/components/pages/EditLeftover.vue.cjs +2 -2
- package/dist/prometheus-framework/src/modules/products/components/pages/EditLeftover.vue.js +2 -2
- package/dist/prometheus-framework/src/modules/products/components/pages/Leftovers.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/products/components/pages/Leftovers.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/products/components/pages/Product.vue.cjs +2 -2
- package/dist/prometheus-framework/src/modules/products/components/pages/Product.vue.js +2 -2
- package/dist/prometheus-framework/src/modules/products/components/pages/ProductEdit.vue.cjs +4 -4
- package/dist/prometheus-framework/src/modules/products/components/pages/ProductEdit.vue.js +4 -4
- package/dist/prometheus-framework/src/modules/products/components/pages/Products.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/products/components/pages/Products.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/products/components/sections/EditModifications.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/products/components/sections/EditModifications.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/products/components/sections/EditProductInfo.vue.cjs +2 -2
- package/dist/prometheus-framework/src/modules/products/components/sections/EditProductInfo.vue.js +2 -2
- package/dist/prometheus-framework/src/modules/products/components/sections/SectionProduct.vue.cjs +2 -2
- package/dist/prometheus-framework/src/modules/products/components/sections/SectionProduct.vue.js +2 -2
- package/dist/prometheus-framework/src/modules/reports/components/sections/FormReport.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/reports/components/sections/FormReport.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/spots/components/blocks/SpotMemberModify.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/spots/components/blocks/SpotMemberModify.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/spots/components/layouts/Spots.vue.cjs +2 -2
- package/dist/prometheus-framework/src/modules/spots/components/layouts/Spots.vue.js +2 -2
- package/dist/prometheus-framework/src/modules/spots/components/pages/Map.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/spots/components/pages/Map.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/spots/components/pages/SpotEdit.vue.cjs +3 -3
- package/dist/prometheus-framework/src/modules/spots/components/pages/SpotEdit.vue.js +3 -3
- package/dist/prometheus-framework/src/modules/wallet/views/components/blocks/CardDeposit.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/wallet/views/components/blocks/CardDeposit.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/wallet/views/components/blocks/CryptoDeposit.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/wallet/views/components/blocks/CryptoDeposit.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/wallet/views/components/pages/Wallet.vue.cjs +2 -2
- package/dist/prometheus-framework/src/modules/wallet/views/components/pages/Wallet.vue.js +2 -2
- package/package.json +1 -1
- package/src/modules/events/components/pages/Event.vue +11 -18
- package/src/modules/icons/icons.client.js +2 -0
- package/src/modules/icons/navigation/IconCalendar.vue +7 -1
@@ -4,17 +4,15 @@ const vue = require("vue");
|
|
4
4
|
const Loader = require("../Loader/Loader.vue2.cjs");
|
5
5
|
;/* empty css */
|
6
6
|
const _hoisted_1 = ["disabled"];
|
7
|
-
const _hoisted_2 = {
|
8
|
-
const _hoisted_3 = { key: 1 };
|
9
|
-
const _hoisted_4 = {
|
7
|
+
const _hoisted_2 = {
|
10
8
|
key: 2,
|
11
9
|
class: "t-semi loading t-black"
|
12
10
|
};
|
13
|
-
const
|
11
|
+
const _hoisted_3 = {
|
14
12
|
key: 3,
|
15
13
|
class: "error"
|
16
14
|
};
|
17
|
-
const
|
15
|
+
const _hoisted_4 = {
|
18
16
|
key: 0,
|
19
17
|
class: "button-counter"
|
20
18
|
};
|
@@ -72,6 +70,7 @@ const _sfc_main = {
|
|
72
70
|
const loading = vue.ref(false);
|
73
71
|
const finished = vue.ref(false);
|
74
72
|
async function Submit() {
|
73
|
+
console.log("click");
|
75
74
|
button.value.style["pointer-events"] = "none";
|
76
75
|
error.value = null;
|
77
76
|
loading.value = true;
|
@@ -115,15 +114,14 @@ const _sfc_main = {
|
|
115
114
|
}, [
|
116
115
|
vue.createVNode(vue.Transition, { name: "FromTop" }, {
|
117
116
|
default: vue.withCtx(() => [
|
118
|
-
!loading.value && !error.value && !finished.value || !__props.showLoader ? (vue.openBlock(), vue.
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
])) : finished.value && __props.showSucces ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(__props.text.success), 1)) : error.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, vue.toDisplayString(error.value), 1)) : vue.createCommentVNode("", true)
|
117
|
+
!loading.value && !error.value && !finished.value || !__props.showLoader ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : loading.value && !error.value && __props.showLoader ? (vue.openBlock(), vue.createBlock(Loader.default, {
|
118
|
+
key: 1,
|
119
|
+
class: "pos-relative pos-t-0 pos-l-0 loading"
|
120
|
+
})) : finished.value && __props.showSucces ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(__props.text.success), 1)) : error.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(error.value), 1)) : vue.createCommentVNode("", true)
|
123
121
|
]),
|
124
122
|
_: 3
|
125
123
|
}),
|
126
|
-
__props.counter ? (vue.openBlock(), vue.createElementBlock("p",
|
124
|
+
__props.counter ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4, vue.toDisplayString(__props.counter), 1)) : vue.createCommentVNode("", true)
|
127
125
|
], 8, _hoisted_1);
|
128
126
|
};
|
129
127
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Button.vue2.cjs","sources":["../../../../../src/components/Button/Button.vue"],"sourcesContent":["<script setup>\n\timport { ref } from 'vue'\n\n\timport Loader from '@pf/src/components/Loader/Loader.vue'\n\n\tconst props = defineProps({\n\t\tsubmit: {\n\t\t\ttype: Function,\n\t\t\tdefault: async () => { console.log('Button click.') }\n\t\t},\n\t\ttext: {\n\t\t\ttype: Object,\n\t\t\tdefault: (textComponent) => {\n\t\t\t\treturn textComponent = {\n\t\t\t\t\t...textComponent.text,\n\t\t\t\t\tsuccess: '✔',\n\t\t\t\t\terror: '✖'\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tcounter: {\n\t type: Object\n\t },\n\t\tcallback: {\n\t\t\ttype: Function,\n\t\t\tdefault: async () => { console.log('Button callback.') }\n\t\t},\n\t\tcallbackDelay: {\n\t\t\ttype: Number,\n\t\t\tdefault: 750\n\t\t},\n\t\tshowSucces: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tshowLoader: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tvalidation: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t})\t\n\n\tconst emits = defineEmits(['error'])\n\n\tconst button = ref(null);\n\tconst error = ref(null);\n\tconst loading = ref(false);\n\tconst finished = ref(false);\n\n\tasync function Submit() {\n\t button.value.style['pointer-events'] = 'none';\n\t error.value = null;\n\t loading.value = true;\n\n\t // Функция для сброса состояния кнопки.\n\t const resetButton = () => {\n
|
1
|
+
{"version":3,"file":"Button.vue2.cjs","sources":["../../../../../src/components/Button/Button.vue"],"sourcesContent":["<script setup>\n\timport { ref } from 'vue'\n\n\timport Loader from '@pf/src/components/Loader/Loader.vue'\n\n\tconst props = defineProps({\n\t\tsubmit: {\n\t\t\ttype: Function,\n\t\t\tdefault: async () => { console.log('Button click.') }\n\t\t},\n\t\ttext: {\n\t\t\ttype: Object,\n\t\t\tdefault: (textComponent) => {\n\t\t\t\treturn textComponent = {\n\t\t\t\t\t...textComponent.text,\n\t\t\t\t\tsuccess: '✔',\n\t\t\t\t\terror: '✖'\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tcounter: {\n\t type: Object\n\t },\n\t\tcallback: {\n\t\t\ttype: Function,\n\t\t\tdefault: async () => { console.log('Button callback.') }\n\t\t},\n\t\tcallbackDelay: {\n\t\t\ttype: Number,\n\t\t\tdefault: 750\n\t\t},\n\t\tshowSucces: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tshowLoader: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tvalidation: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t})\t\n\n\tconst emits = defineEmits(['error'])\n\n\tconst button = ref(null);\n\tconst error = ref(null);\n\tconst loading = ref(false);\n\tconst finished = ref(false);\n\n\tasync function Submit() {\n\t\t\tconsole.log('click')\n\t\t\t\n\t button.value.style['pointer-events'] = 'none';\n\t error.value = null;\n\t loading.value = true;\n\n\t // Функция для сброса состояния кнопки.\n\t const resetButton = () => {\n if (button.value) {\n button.value.classList.replace('bg-second', 'bg-main');\n button.value.style.pointerEvents = 'auto';\n loading.value = false;\n finished.value = false;\n error.value = null;\n }\n\t };\n\n\t try {\n await props.submit();\n\n button.value.classList.replace('bg-main', 'bg-second');\n\n loading.value = false;\n\n // Используем функцию сброса состояния кнопки здесь.\n if (props.showSucces) { \n\t\t\t\t\tfinished.value = true;\n setTimeout(resetButton, 500);\n } else {\n resetButton();\n }\n\n // Если есть callback, мы также установим таймер для его вызова.\n if (props.callback) setTimeout(() => props.callback(), props.callbackDelay);\n\n\t } catch (err) {\n \t\temits('error',err)\n // Если возникла ошибка, мы изменяем стили и устанавливаем сообщение об ошибке.\n button.value.classList.replace('bg-main', 'bg-fourth-nano');\n error.value = props.error;\n \n // После задержки снова сбрасываем состояние кнопки.\n setTimeout(() => {\n resetButton();\n // Так как класс кнопки был изменен, вернем его в исходное состояние.\n button.value.classList.replace('bg-fourth-nano', 'bg-main');\n }, 1330);\n\t }\n\t}\n\n</script>\n\n<template>\n\t<button @click.stop=\"Submit\" :disabled=\"validation\" ref=\"button\" class=\"button\">\n\t\t<transition name=\"FromTop\" >\n\t\t\t<!-- Slot -->\n\t\t\t<template v-if=\"!loading && !error && !finished || !showLoader\"><slot></slot></template>\n\t\t\t<!-- Loading Circle Animation -->\n\t\t\t<template v-else-if=\"loading && !error && showLoader\"><Loader class=\"pos-relative pos-t-0 pos-l-0 loading\"/></template>\n\t\t\t<!-- <Loader v-else-if=\"loading && !error && showLoader\"/> -->\n\t\t\t<!-- Success -->\n\t\t\t<span v-else-if=\"finished && showSucces\" class=\"t-semi loading t-black\">{{text.success}}</span>\n\t\t\t<!-- Error if not finished -->\n\t\t\t<span v-else-if=\"error\" class=\"error\">{{ error }}</span>\n\t\t</transition>\n\t\t<!-- Counter -->\n\t\t<p v-if=\"counter\" class=\"button-counter\">{{counter}}</p> \n\n\t</button> \n</template>\n\n\n<style lang=\"scss\" >\n\n\t.FromTop-enter-active,\n\t.FromTop-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.FromTop-enter-from,\n\t.FromTop-leave-to {\n\t\tposition: absolute;\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\n\tbutton[disabled] {\n\t\topacity: 0.75 !important;\n\t \tpointer-events: none !important;\n\t \tcursor: default !important;\n\t \tcolor: rgba(var(--black), 0.5) !important;\n\t\tbackground: rgba(var(--grey), 1) !important; \n\t}\n\n\t.button {\n\t\tdisplay: flex;\n\n\t\tpadding: 1rem 1.75rem;\n\t\tborder-radius: 3rem;\n\n\t\ttransform: scale(1);\n\t\topacity: 1;\n\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\t\n\t\tcolor: black;\n\t\ttext-align: center;\n\t\ttext-transform: uppercase;\n\t\tfont-size: 1rem;\n\t\tletter-spacing: 5%;\n\n\t\ttransition: all 0.33s ease;\n\t \n\t\t&:hover {\n\t\t\tcursor: pointer;\n\t\t\topacity: 0.9;\n\t\t}\n\n\t\t&:active {\n\t\t\ttransform: scale(0.95);\n\t\t}\n\n\t\t&-small {\n\t\t\tpadding: 0.5rem 0.75rem;\n\t\t\tborder-radius: 0.5rem;\n\t\t\theight: fit-content;\n\t\t}\n\n\t\t.button-counter {\n\t\t\tposition: absolute;\n\t\t\tright: -8px;\n\t bottom: -8px;\n\t background: yellow;\n\t height: 16px;\n\t border-radius: 16px;\n\t width: 16px;\n\t font-weight: 500;\n\t text-align: center;\n\t line-height: 16px;\n\t font-size: 10px;\n\t\t}\n\t}\n</style>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKC,UAAM,QAAQ;AAwCd,UAAM,QAAQ;AAEd,UAAM,SAASA,QAAI,IAAI;AACvB,UAAM,QAAQA,QAAI,IAAI;AACtB,UAAM,UAAUA,QAAI,KAAK;AACzB,UAAM,WAAWA,QAAI,KAAK;AAE1B,mBAAe,SAAS;AACtB,cAAQ,IAAI,OAAO;AAEjB,aAAO,MAAM,MAAM,gBAAgB,IAAI;AACvC,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAGhB,YAAM,cAAc,MAAM;AACvB,YAAI,OAAO,OAAO;AAChB,iBAAO,MAAM,UAAU,QAAQ,aAAa,SAAS;AACrD,iBAAO,MAAM,MAAM,gBAAgB;AACnC,kBAAQ,QAAQ;AAChB,mBAAS,QAAQ;AACjB,gBAAM,QAAQ;AAAA,QACf;AAAA,MACT;AAEK,UAAI;AACD,cAAM,MAAM;AAEZ,eAAO,MAAM,UAAU,QAAQ,WAAW,WAAW;AAErD,gBAAQ,QAAQ;AAGhB,YAAI,MAAM,YAAY;AACzB,mBAAS,QAAQ;AACZ,qBAAW,aAAa,GAAG;AAAA,QACrC,OAAe;AACL;QACD;AAGD,YAAI,MAAM,SAAU,YAAW,MAAM,MAAM,SAAU,GAAE,MAAM,aAAa;AAAA,MAE5E,SAAQ,KAAK;AACb,cAAM,SAAQ,GAAG;AAEf,eAAO,MAAM,UAAU,QAAQ,WAAW,gBAAgB;AAC1D,cAAM,QAAQ,MAAM;AAGpB,mBAAW,MAAM;AACf;AAEA,iBAAO,MAAM,UAAU,QAAQ,kBAAkB,SAAS;AAAA,QAC3D,GAAE,IAAI;AAAA,MACT;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -1,18 +1,16 @@
|
|
1
|
-
import { ref, openBlock, createElementBlock, withModifiers, createVNode, Transition, withCtx, renderSlot, toDisplayString, createCommentVNode } from "vue";
|
1
|
+
import { ref, openBlock, createElementBlock, withModifiers, createVNode, Transition, withCtx, renderSlot, createBlock, toDisplayString, createCommentVNode } from "vue";
|
2
2
|
import Loader from "../Loader/Loader.vue2.js";
|
3
3
|
/* empty css */
|
4
4
|
const _hoisted_1 = ["disabled"];
|
5
|
-
const _hoisted_2 = {
|
6
|
-
const _hoisted_3 = { key: 1 };
|
7
|
-
const _hoisted_4 = {
|
5
|
+
const _hoisted_2 = {
|
8
6
|
key: 2,
|
9
7
|
class: "t-semi loading t-black"
|
10
8
|
};
|
11
|
-
const
|
9
|
+
const _hoisted_3 = {
|
12
10
|
key: 3,
|
13
11
|
class: "error"
|
14
12
|
};
|
15
|
-
const
|
13
|
+
const _hoisted_4 = {
|
16
14
|
key: 0,
|
17
15
|
class: "button-counter"
|
18
16
|
};
|
@@ -70,6 +68,7 @@ const _sfc_main = {
|
|
70
68
|
const loading = ref(false);
|
71
69
|
const finished = ref(false);
|
72
70
|
async function Submit() {
|
71
|
+
console.log("click");
|
73
72
|
button.value.style["pointer-events"] = "none";
|
74
73
|
error.value = null;
|
75
74
|
loading.value = true;
|
@@ -113,15 +112,14 @@ const _sfc_main = {
|
|
113
112
|
}, [
|
114
113
|
createVNode(Transition, { name: "FromTop" }, {
|
115
114
|
default: withCtx(() => [
|
116
|
-
!loading.value && !error.value && !finished.value || !__props.showLoader ? (openBlock(),
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
])) : finished.value && __props.showSucces ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.text.success), 1)) : error.value ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(error.value), 1)) : createCommentVNode("", true)
|
115
|
+
!loading.value && !error.value && !finished.value || !__props.showLoader ? renderSlot(_ctx.$slots, "default", { key: 0 }) : loading.value && !error.value && __props.showLoader ? (openBlock(), createBlock(Loader, {
|
116
|
+
key: 1,
|
117
|
+
class: "pos-relative pos-t-0 pos-l-0 loading"
|
118
|
+
})) : finished.value && __props.showSucces ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.text.success), 1)) : error.value ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(error.value), 1)) : createCommentVNode("", true)
|
121
119
|
]),
|
122
120
|
_: 3
|
123
121
|
}),
|
124
|
-
__props.counter ? (openBlock(), createElementBlock("p",
|
122
|
+
__props.counter ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(__props.counter), 1)) : createCommentVNode("", true)
|
125
123
|
], 8, _hoisted_1);
|
126
124
|
};
|
127
125
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Button.vue2.js","sources":["../../../../../src/components/Button/Button.vue"],"sourcesContent":["<script setup>\n\timport { ref } from 'vue'\n\n\timport Loader from '@pf/src/components/Loader/Loader.vue'\n\n\tconst props = defineProps({\n\t\tsubmit: {\n\t\t\ttype: Function,\n\t\t\tdefault: async () => { console.log('Button click.') }\n\t\t},\n\t\ttext: {\n\t\t\ttype: Object,\n\t\t\tdefault: (textComponent) => {\n\t\t\t\treturn textComponent = {\n\t\t\t\t\t...textComponent.text,\n\t\t\t\t\tsuccess: '✔',\n\t\t\t\t\terror: '✖'\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tcounter: {\n\t type: Object\n\t },\n\t\tcallback: {\n\t\t\ttype: Function,\n\t\t\tdefault: async () => { console.log('Button callback.') }\n\t\t},\n\t\tcallbackDelay: {\n\t\t\ttype: Number,\n\t\t\tdefault: 750\n\t\t},\n\t\tshowSucces: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tshowLoader: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tvalidation: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t})\t\n\n\tconst emits = defineEmits(['error'])\n\n\tconst button = ref(null);\n\tconst error = ref(null);\n\tconst loading = ref(false);\n\tconst finished = ref(false);\n\n\tasync function Submit() {\n\t button.value.style['pointer-events'] = 'none';\n\t error.value = null;\n\t loading.value = true;\n\n\t // Функция для сброса состояния кнопки.\n\t const resetButton = () => {\n
|
1
|
+
{"version":3,"file":"Button.vue2.js","sources":["../../../../../src/components/Button/Button.vue"],"sourcesContent":["<script setup>\n\timport { ref } from 'vue'\n\n\timport Loader from '@pf/src/components/Loader/Loader.vue'\n\n\tconst props = defineProps({\n\t\tsubmit: {\n\t\t\ttype: Function,\n\t\t\tdefault: async () => { console.log('Button click.') }\n\t\t},\n\t\ttext: {\n\t\t\ttype: Object,\n\t\t\tdefault: (textComponent) => {\n\t\t\t\treturn textComponent = {\n\t\t\t\t\t...textComponent.text,\n\t\t\t\t\tsuccess: '✔',\n\t\t\t\t\terror: '✖'\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tcounter: {\n\t type: Object\n\t },\n\t\tcallback: {\n\t\t\ttype: Function,\n\t\t\tdefault: async () => { console.log('Button callback.') }\n\t\t},\n\t\tcallbackDelay: {\n\t\t\ttype: Number,\n\t\t\tdefault: 750\n\t\t},\n\t\tshowSucces: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tshowLoader: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tvalidation: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t})\t\n\n\tconst emits = defineEmits(['error'])\n\n\tconst button = ref(null);\n\tconst error = ref(null);\n\tconst loading = ref(false);\n\tconst finished = ref(false);\n\n\tasync function Submit() {\n\t\t\tconsole.log('click')\n\t\t\t\n\t button.value.style['pointer-events'] = 'none';\n\t error.value = null;\n\t loading.value = true;\n\n\t // Функция для сброса состояния кнопки.\n\t const resetButton = () => {\n if (button.value) {\n button.value.classList.replace('bg-second', 'bg-main');\n button.value.style.pointerEvents = 'auto';\n loading.value = false;\n finished.value = false;\n error.value = null;\n }\n\t };\n\n\t try {\n await props.submit();\n\n button.value.classList.replace('bg-main', 'bg-second');\n\n loading.value = false;\n\n // Используем функцию сброса состояния кнопки здесь.\n if (props.showSucces) { \n\t\t\t\t\tfinished.value = true;\n setTimeout(resetButton, 500);\n } else {\n resetButton();\n }\n\n // Если есть callback, мы также установим таймер для его вызова.\n if (props.callback) setTimeout(() => props.callback(), props.callbackDelay);\n\n\t } catch (err) {\n \t\temits('error',err)\n // Если возникла ошибка, мы изменяем стили и устанавливаем сообщение об ошибке.\n button.value.classList.replace('bg-main', 'bg-fourth-nano');\n error.value = props.error;\n \n // После задержки снова сбрасываем состояние кнопки.\n setTimeout(() => {\n resetButton();\n // Так как класс кнопки был изменен, вернем его в исходное состояние.\n button.value.classList.replace('bg-fourth-nano', 'bg-main');\n }, 1330);\n\t }\n\t}\n\n</script>\n\n<template>\n\t<button @click.stop=\"Submit\" :disabled=\"validation\" ref=\"button\" class=\"button\">\n\t\t<transition name=\"FromTop\" >\n\t\t\t<!-- Slot -->\n\t\t\t<template v-if=\"!loading && !error && !finished || !showLoader\"><slot></slot></template>\n\t\t\t<!-- Loading Circle Animation -->\n\t\t\t<template v-else-if=\"loading && !error && showLoader\"><Loader class=\"pos-relative pos-t-0 pos-l-0 loading\"/></template>\n\t\t\t<!-- <Loader v-else-if=\"loading && !error && showLoader\"/> -->\n\t\t\t<!-- Success -->\n\t\t\t<span v-else-if=\"finished && showSucces\" class=\"t-semi loading t-black\">{{text.success}}</span>\n\t\t\t<!-- Error if not finished -->\n\t\t\t<span v-else-if=\"error\" class=\"error\">{{ error }}</span>\n\t\t</transition>\n\t\t<!-- Counter -->\n\t\t<p v-if=\"counter\" class=\"button-counter\">{{counter}}</p> \n\n\t</button> \n</template>\n\n\n<style lang=\"scss\" >\n\n\t.FromTop-enter-active,\n\t.FromTop-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.FromTop-enter-from,\n\t.FromTop-leave-to {\n\t\tposition: absolute;\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\n\tbutton[disabled] {\n\t\topacity: 0.75 !important;\n\t \tpointer-events: none !important;\n\t \tcursor: default !important;\n\t \tcolor: rgba(var(--black), 0.5) !important;\n\t\tbackground: rgba(var(--grey), 1) !important; \n\t}\n\n\t.button {\n\t\tdisplay: flex;\n\n\t\tpadding: 1rem 1.75rem;\n\t\tborder-radius: 3rem;\n\n\t\ttransform: scale(1);\n\t\topacity: 1;\n\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\t\n\t\tcolor: black;\n\t\ttext-align: center;\n\t\ttext-transform: uppercase;\n\t\tfont-size: 1rem;\n\t\tletter-spacing: 5%;\n\n\t\ttransition: all 0.33s ease;\n\t \n\t\t&:hover {\n\t\t\tcursor: pointer;\n\t\t\topacity: 0.9;\n\t\t}\n\n\t\t&:active {\n\t\t\ttransform: scale(0.95);\n\t\t}\n\n\t\t&-small {\n\t\t\tpadding: 0.5rem 0.75rem;\n\t\t\tborder-radius: 0.5rem;\n\t\t\theight: fit-content;\n\t\t}\n\n\t\t.button-counter {\n\t\t\tposition: absolute;\n\t\t\tright: -8px;\n\t bottom: -8px;\n\t background: yellow;\n\t height: 16px;\n\t border-radius: 16px;\n\t width: 16px;\n\t font-weight: 500;\n\t text-align: center;\n\t line-height: 16px;\n\t font-size: 10px;\n\t\t}\n\t}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKC,UAAM,QAAQ;AAwCd,UAAM,QAAQ;AAEd,UAAM,SAAS,IAAI,IAAI;AACvB,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,UAAU,IAAI,KAAK;AACzB,UAAM,WAAW,IAAI,KAAK;AAE1B,mBAAe,SAAS;AACtB,cAAQ,IAAI,OAAO;AAEjB,aAAO,MAAM,MAAM,gBAAgB,IAAI;AACvC,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAGhB,YAAM,cAAc,MAAM;AACvB,YAAI,OAAO,OAAO;AAChB,iBAAO,MAAM,UAAU,QAAQ,aAAa,SAAS;AACrD,iBAAO,MAAM,MAAM,gBAAgB;AACnC,kBAAQ,QAAQ;AAChB,mBAAS,QAAQ;AACjB,gBAAM,QAAQ;AAAA,QACf;AAAA,MACT;AAEK,UAAI;AACD,cAAM,MAAM;AAEZ,eAAO,MAAM,UAAU,QAAQ,WAAW,WAAW;AAErD,gBAAQ,QAAQ;AAGhB,YAAI,MAAM,YAAY;AACzB,mBAAS,QAAQ;AACZ,qBAAW,aAAa,GAAG;AAAA,QACrC,OAAe;AACL;QACD;AAGD,YAAI,MAAM,SAAU,YAAW,MAAM,MAAM,SAAU,GAAE,MAAM,aAAa;AAAA,MAE5E,SAAQ,KAAK;AACb,cAAM,SAAQ,GAAG;AAEf,eAAO,MAAM,UAAU,QAAQ,WAAW,gBAAgB;AAC1D,cAAM,QAAQ,MAAM;AAGpB,mBAAW,MAAM;AACf;AAEA,iBAAO,MAAM,UAAU,QAAQ,kBAAkB,SAAS;AAAA,QAC3D,GAAE,IAAI;AAAA,MACT;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -1,95 +1,2 @@
|
|
1
1
|
"use strict";
|
2
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
3
|
-
const vue = require("vue");
|
4
|
-
const vueDraggableNext_esmBundler = require("../../../../node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.cjs");
|
5
|
-
const UploadImageMultiple = require("../UploadImageMultiple/UploadImageMultiple.vue.cjs");
|
6
|
-
const IconCross = require("../../modules/icons/navigation/IconCross.vue.cjs");
|
7
|
-
require("./EditImages.vue2.cjs");
|
8
|
-
const _hoisted_1 = { class: "flex-nowrap flex gap-small" };
|
9
|
-
const _hoisted_2 = { class: "pos-relative" };
|
10
|
-
const _hoisted_3 = ["src"];
|
11
|
-
const _hoisted_4 = {
|
12
|
-
key: 1,
|
13
|
-
class: "i-extra uppercase flex-center flex radius-small o-hidden br-solid br-main br-2px pd-small"
|
14
|
-
};
|
15
|
-
const _sfc_main = {
|
16
|
-
__name: "EditImages",
|
17
|
-
props: {
|
18
|
-
images: Array,
|
19
|
-
text: Object,
|
20
|
-
options: Object,
|
21
|
-
uploadPath: {
|
22
|
-
type: Object,
|
23
|
-
default: "unsorted"
|
24
|
-
}
|
25
|
-
},
|
26
|
-
emits: ["update:images"],
|
27
|
-
setup(__props, { emit: __emit }) {
|
28
|
-
const props = __props;
|
29
|
-
const emit = __emit;
|
30
|
-
const localImages = vue.ref([...props.images]);
|
31
|
-
vue.watchEffect(() => {
|
32
|
-
localImages.value = [...props.images];
|
33
|
-
});
|
34
|
-
const emitChanges = () => {
|
35
|
-
emit("update:images", localImages.value);
|
36
|
-
};
|
37
|
-
const onImagesUpdate = (newImages) => {
|
38
|
-
localImages.value = [...localImages.value, ...newImages];
|
39
|
-
emitChanges();
|
40
|
-
};
|
41
|
-
const deleteImage = (index) => {
|
42
|
-
localImages.value.splice(index, 1);
|
43
|
-
emitChanges();
|
44
|
-
};
|
45
|
-
return (_ctx, _cache) => {
|
46
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
47
|
-
localImages.value.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(vueDraggableNext_esmBundler.VueDraggableNext), {
|
48
|
-
key: 0,
|
49
|
-
class: "gap-small flex dragArea list-group w-full",
|
50
|
-
modelValue: localImages.value,
|
51
|
-
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localImages.value = $event),
|
52
|
-
onChange: emitChanges
|
53
|
-
}, {
|
54
|
-
default: vue.withCtx(() => [
|
55
|
-
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(localImages.value, (image, index) => {
|
56
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
|
57
|
-
vue.createElementVNode("img", {
|
58
|
-
loading: "lazy",
|
59
|
-
class: "i-extra object-fit-contain bg-black-transp-5 pd-nano radius-small o-hidden",
|
60
|
-
src: (_ctx.FILE_SERVER_URL || "") + image
|
61
|
-
}, null, 8, _hoisted_3),
|
62
|
-
vue.createVNode(IconCross.default, {
|
63
|
-
onClick: ($event) => deleteImage(index),
|
64
|
-
class: "cursor-pointer pos-absolute t-center flex-center flex radius-extra i-medium bg-red pos-t-10-negative pos-r-10-negative pd-micro"
|
65
|
-
}, null, 8, ["onClick"])
|
66
|
-
]);
|
67
|
-
}), 256))
|
68
|
-
]),
|
69
|
-
_: 1
|
70
|
-
}, 8, ["modelValue"])) : vue.createCommentVNode("", true),
|
71
|
-
localImages.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
|
72
|
-
vue.createVNode(UploadImageMultiple.default, {
|
73
|
-
"onUpdate:images": onImagesUpdate,
|
74
|
-
text: "Add",
|
75
|
-
options: {
|
76
|
-
showText: false
|
77
|
-
},
|
78
|
-
uploadPath: "photos",
|
79
|
-
class: "radius-big"
|
80
|
-
})
|
81
|
-
])) : vue.createCommentVNode("", true),
|
82
|
-
localImages.value.length < 1 ? (vue.openBlock(), vue.createBlock(UploadImageMultiple.default, {
|
83
|
-
key: 2,
|
84
|
-
"onUpdate:images": onImagesUpdate,
|
85
|
-
uploadPath: props.uploadPath,
|
86
|
-
text: props.text,
|
87
|
-
options: props.options,
|
88
|
-
class: "w-100 pd-medium"
|
89
|
-
}, null, 8, ["uploadPath", "text", "options"])) : vue.createCommentVNode("", true)
|
90
|
-
]);
|
91
|
-
};
|
92
|
-
}
|
93
|
-
};
|
94
|
-
exports.default = _sfc_main;
|
95
2
|
//# sourceMappingURL=EditImages.vue.cjs.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"EditImages.vue.cjs","sources":[
|
1
|
+
{"version":3,"file":"EditImages.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
@@ -1,95 +1,2 @@
|
|
1
|
-
|
2
|
-
import { VueDraggableNext } from "../../../../node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.js";
|
3
|
-
import _sfc_main$2 from "../UploadImageMultiple/UploadImageMultiple.vue.js";
|
4
|
-
import _sfc_main$1 from "../../modules/icons/navigation/IconCross.vue.js";
|
5
|
-
import "./EditImages.vue2.js";
|
6
|
-
const _hoisted_1 = { class: "flex-nowrap flex gap-small" };
|
7
|
-
const _hoisted_2 = { class: "pos-relative" };
|
8
|
-
const _hoisted_3 = ["src"];
|
9
|
-
const _hoisted_4 = {
|
10
|
-
key: 1,
|
11
|
-
class: "i-extra uppercase flex-center flex radius-small o-hidden br-solid br-main br-2px pd-small"
|
12
|
-
};
|
13
|
-
const _sfc_main = {
|
14
|
-
__name: "EditImages",
|
15
|
-
props: {
|
16
|
-
images: Array,
|
17
|
-
text: Object,
|
18
|
-
options: Object,
|
19
|
-
uploadPath: {
|
20
|
-
type: Object,
|
21
|
-
default: "unsorted"
|
22
|
-
}
|
23
|
-
},
|
24
|
-
emits: ["update:images"],
|
25
|
-
setup(__props, { emit: __emit }) {
|
26
|
-
const props = __props;
|
27
|
-
const emit = __emit;
|
28
|
-
const localImages = ref([...props.images]);
|
29
|
-
watchEffect(() => {
|
30
|
-
localImages.value = [...props.images];
|
31
|
-
});
|
32
|
-
const emitChanges = () => {
|
33
|
-
emit("update:images", localImages.value);
|
34
|
-
};
|
35
|
-
const onImagesUpdate = (newImages) => {
|
36
|
-
localImages.value = [...localImages.value, ...newImages];
|
37
|
-
emitChanges();
|
38
|
-
};
|
39
|
-
const deleteImage = (index) => {
|
40
|
-
localImages.value.splice(index, 1);
|
41
|
-
emitChanges();
|
42
|
-
};
|
43
|
-
return (_ctx, _cache) => {
|
44
|
-
return openBlock(), createElementBlock("div", _hoisted_1, [
|
45
|
-
localImages.value.length > 0 ? (openBlock(), createBlock(unref(VueDraggableNext), {
|
46
|
-
key: 0,
|
47
|
-
class: "gap-small flex dragArea list-group w-full",
|
48
|
-
modelValue: localImages.value,
|
49
|
-
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localImages.value = $event),
|
50
|
-
onChange: emitChanges
|
51
|
-
}, {
|
52
|
-
default: withCtx(() => [
|
53
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList(localImages.value, (image, index) => {
|
54
|
-
return openBlock(), createElementBlock("div", _hoisted_2, [
|
55
|
-
createElementVNode("img", {
|
56
|
-
loading: "lazy",
|
57
|
-
class: "i-extra object-fit-contain bg-black-transp-5 pd-nano radius-small o-hidden",
|
58
|
-
src: (_ctx.FILE_SERVER_URL || "") + image
|
59
|
-
}, null, 8, _hoisted_3),
|
60
|
-
createVNode(_sfc_main$1, {
|
61
|
-
onClick: ($event) => deleteImage(index),
|
62
|
-
class: "cursor-pointer pos-absolute t-center flex-center flex radius-extra i-medium bg-red pos-t-10-negative pos-r-10-negative pd-micro"
|
63
|
-
}, null, 8, ["onClick"])
|
64
|
-
]);
|
65
|
-
}), 256))
|
66
|
-
]),
|
67
|
-
_: 1
|
68
|
-
}, 8, ["modelValue"])) : createCommentVNode("", true),
|
69
|
-
localImages.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [
|
70
|
-
createVNode(_sfc_main$2, {
|
71
|
-
"onUpdate:images": onImagesUpdate,
|
72
|
-
text: "Add",
|
73
|
-
options: {
|
74
|
-
showText: false
|
75
|
-
},
|
76
|
-
uploadPath: "photos",
|
77
|
-
class: "radius-big"
|
78
|
-
})
|
79
|
-
])) : createCommentVNode("", true),
|
80
|
-
localImages.value.length < 1 ? (openBlock(), createBlock(_sfc_main$2, {
|
81
|
-
key: 2,
|
82
|
-
"onUpdate:images": onImagesUpdate,
|
83
|
-
uploadPath: props.uploadPath,
|
84
|
-
text: props.text,
|
85
|
-
options: props.options,
|
86
|
-
class: "w-100 pd-medium"
|
87
|
-
}, null, 8, ["uploadPath", "text", "options"])) : createCommentVNode("", true)
|
88
|
-
]);
|
89
|
-
};
|
90
|
-
}
|
91
|
-
};
|
92
|
-
export {
|
93
|
-
_sfc_main as default
|
94
|
-
};
|
1
|
+
|
95
2
|
//# sourceMappingURL=EditImages.vue.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"EditImages.vue.js","sources":[
|
1
|
+
{"version":3,"file":"EditImages.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
@@ -1,2 +1,95 @@
|
|
1
1
|
"use strict";
|
2
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
3
|
+
const vue = require("vue");
|
4
|
+
const vueDraggableNext_esmBundler = require("../../../../node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.cjs");
|
5
|
+
const UploadImageMultiple = require("../UploadImageMultiple/UploadImageMultiple.vue.cjs");
|
6
|
+
const IconCross = require("../../modules/icons/navigation/IconCross.vue.cjs");
|
7
|
+
require("./EditImages.vue.cjs");
|
8
|
+
const _hoisted_1 = { class: "flex-nowrap flex gap-small" };
|
9
|
+
const _hoisted_2 = { class: "pos-relative" };
|
10
|
+
const _hoisted_3 = ["src"];
|
11
|
+
const _hoisted_4 = {
|
12
|
+
key: 1,
|
13
|
+
class: "i-extra uppercase flex-center flex radius-small o-hidden br-solid br-main br-2px pd-small"
|
14
|
+
};
|
15
|
+
const _sfc_main = {
|
16
|
+
__name: "EditImages",
|
17
|
+
props: {
|
18
|
+
images: Array,
|
19
|
+
text: Object,
|
20
|
+
options: Object,
|
21
|
+
uploadPath: {
|
22
|
+
type: Object,
|
23
|
+
default: "unsorted"
|
24
|
+
}
|
25
|
+
},
|
26
|
+
emits: ["update:images"],
|
27
|
+
setup(__props, { emit: __emit }) {
|
28
|
+
const props = __props;
|
29
|
+
const emit = __emit;
|
30
|
+
const localImages = vue.ref([...props.images]);
|
31
|
+
vue.watchEffect(() => {
|
32
|
+
localImages.value = [...props.images];
|
33
|
+
});
|
34
|
+
const emitChanges = () => {
|
35
|
+
emit("update:images", localImages.value);
|
36
|
+
};
|
37
|
+
const onImagesUpdate = (newImages) => {
|
38
|
+
localImages.value = [...localImages.value, ...newImages];
|
39
|
+
emitChanges();
|
40
|
+
};
|
41
|
+
const deleteImage = (index) => {
|
42
|
+
localImages.value.splice(index, 1);
|
43
|
+
emitChanges();
|
44
|
+
};
|
45
|
+
return (_ctx, _cache) => {
|
46
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
47
|
+
localImages.value.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(vueDraggableNext_esmBundler.VueDraggableNext), {
|
48
|
+
key: 0,
|
49
|
+
class: "gap-small flex dragArea list-group w-full",
|
50
|
+
modelValue: localImages.value,
|
51
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localImages.value = $event),
|
52
|
+
onChange: emitChanges
|
53
|
+
}, {
|
54
|
+
default: vue.withCtx(() => [
|
55
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(localImages.value, (image, index) => {
|
56
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
|
57
|
+
vue.createElementVNode("img", {
|
58
|
+
loading: "lazy",
|
59
|
+
class: "i-extra object-fit-contain bg-black-transp-5 pd-nano radius-small o-hidden",
|
60
|
+
src: (_ctx.FILE_SERVER_URL || "") + image
|
61
|
+
}, null, 8, _hoisted_3),
|
62
|
+
vue.createVNode(IconCross.default, {
|
63
|
+
onClick: ($event) => deleteImage(index),
|
64
|
+
class: "cursor-pointer pos-absolute t-center flex-center flex radius-extra i-medium bg-red pos-t-10-negative pos-r-10-negative pd-micro"
|
65
|
+
}, null, 8, ["onClick"])
|
66
|
+
]);
|
67
|
+
}), 256))
|
68
|
+
]),
|
69
|
+
_: 1
|
70
|
+
}, 8, ["modelValue"])) : vue.createCommentVNode("", true),
|
71
|
+
localImages.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
|
72
|
+
vue.createVNode(UploadImageMultiple.default, {
|
73
|
+
"onUpdate:images": onImagesUpdate,
|
74
|
+
text: "Add",
|
75
|
+
options: {
|
76
|
+
showText: false
|
77
|
+
},
|
78
|
+
uploadPath: "photos",
|
79
|
+
class: "radius-big"
|
80
|
+
})
|
81
|
+
])) : vue.createCommentVNode("", true),
|
82
|
+
localImages.value.length < 1 ? (vue.openBlock(), vue.createBlock(UploadImageMultiple.default, {
|
83
|
+
key: 2,
|
84
|
+
"onUpdate:images": onImagesUpdate,
|
85
|
+
uploadPath: props.uploadPath,
|
86
|
+
text: props.text,
|
87
|
+
options: props.options,
|
88
|
+
class: "w-100 pd-medium"
|
89
|
+
}, null, 8, ["uploadPath", "text", "options"])) : vue.createCommentVNode("", true)
|
90
|
+
]);
|
91
|
+
};
|
92
|
+
}
|
93
|
+
};
|
94
|
+
exports.default = _sfc_main;
|
2
95
|
//# sourceMappingURL=EditImages.vue2.cjs.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"EditImages.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
1
|
+
{"version":3,"file":"EditImages.vue2.cjs","sources":["../../../../../src/components/EditImages/EditImages.vue"],"sourcesContent":["<template>\n\t<div class=\"flex-nowrap flex gap-small\">\n <VueDraggableNext v-if=\"localImages.length > 0\" class=\"gap-small flex dragArea list-group w-full\" v-model=\"localImages\" @change=\"emitChanges\">\n\t\t\t<div v-for=\"(image, index) in localImages\" class=\"pos-relative\">\n\t\t\t\t<img loading=\"lazy\" class=\"i-extra object-fit-contain bg-black-transp-5 pd-nano radius-small o-hidden\" :src=\"(FILE_SERVER_URL || '') + image\" />\n\t\t\t\t\n <IconCross \n @click=\"deleteImage(index)\" \n class=\"cursor-pointer pos-absolute t-center flex-center flex radius-extra i-medium bg-red pos-t-10-negative pos-r-10-negative pd-micro\"\n />\n\t\t\t</div>\n\t\t</VueDraggableNext>\n <div\n v-if=\"localImages.length > 0\" \n class=\"i-extra uppercase flex-center flex radius-small o-hidden br-solid br-main br-2px pd-small\"\n >\n <UploadImageMultiple \n @update:images=\"onImagesUpdate\"\n text=\"Add\"\n :options=\"{\n showText: false\n }\"\n :uploadPath=\"'photos'\"\n class=\"radius-big\"\n />\n </div>\n\n\n\t\t<UploadImageMultiple \t\n v-if=\"localImages.length < 1\" \n @update:images=\"onImagesUpdate\"\n :uploadPath=\"props.uploadPath\"\n :text=\"props.text\"\n :options=\"props.options\"\n class=\"w-100 pd-medium\"\n />\n\t</div>\t\n</template>\n\n<script setup>\nimport { ref, defineProps, watchEffect } from 'vue';\nimport { VueDraggableNext } from 'vue-draggable-next'\nimport UploadImageMultiple from \"@pf/src/components/UploadImageMultiple/UploadImageMultiple.vue\";\nimport IconCross from '@pf/src/modules/icons/navigation/IconCross.vue';\n\nconst props = defineProps({\n images: Array,\n text: Object,\n options: Object,\n uploadPath: {\n type: Object,\n default: 'unsorted'\n }\n});\n\nconst emit = defineEmits(['update:images'])\n\nconst localImages = ref([...props.images])\n\nwatchEffect(() => {\n localImages.value = [...props.images]; // Обновление localImages при изменении props.images\n});\n\nconst emitChanges = () => {\n emit('update:images', localImages.value)\n}\n\nconst onImagesUpdate = (newImages) => {\n localImages.value = [...localImages.value, ...newImages]\n emitChanges()\n}\n\nconst deleteImage = (index) => {\n localImages.value.splice(index, 1)\n emitChanges()\n}\n</script>\n\n<style lang=\"scss\">\n// Your styles here\n</style>\n"],"names":["ref","watchEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,UAAM,QAAQ;AAUd,UAAM,OAAO;AAEb,UAAM,cAAcA,IAAAA,IAAI,CAAC,GAAG,MAAM,MAAM,CAAC;AAEzCC,QAAAA,YAAY,MAAM;AAChB,kBAAY,QAAQ,CAAC,GAAG,MAAM,MAAM;AAAA,IACtC,CAAC;AAED,UAAM,cAAc,MAAM;AACxB,WAAK,iBAAiB,YAAY,KAAK;AAAA,IACzC;AAEA,UAAM,iBAAiB,CAAC,cAAc;AACpC,kBAAY,QAAQ,CAAC,GAAG,YAAY,OAAO,GAAG,SAAS;AACvD,kBAAa;AAAA,IACf;AAEA,UAAM,cAAc,CAAC,UAAU;AAC7B,kBAAY,MAAM,OAAO,OAAO,CAAC;AACjC,kBAAa;AAAA,IACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -1,2 +1,95 @@
|
|
1
|
-
|
1
|
+
import { ref, watchEffect, openBlock, createElementBlock, createBlock, unref, withCtx, Fragment, renderList, createElementVNode, createVNode, createCommentVNode } from "vue";
|
2
|
+
import { VueDraggableNext } from "../../../../node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.js";
|
3
|
+
import _sfc_main$2 from "../UploadImageMultiple/UploadImageMultiple.vue.js";
|
4
|
+
import _sfc_main$1 from "../../modules/icons/navigation/IconCross.vue.js";
|
5
|
+
import "./EditImages.vue.js";
|
6
|
+
const _hoisted_1 = { class: "flex-nowrap flex gap-small" };
|
7
|
+
const _hoisted_2 = { class: "pos-relative" };
|
8
|
+
const _hoisted_3 = ["src"];
|
9
|
+
const _hoisted_4 = {
|
10
|
+
key: 1,
|
11
|
+
class: "i-extra uppercase flex-center flex radius-small o-hidden br-solid br-main br-2px pd-small"
|
12
|
+
};
|
13
|
+
const _sfc_main = {
|
14
|
+
__name: "EditImages",
|
15
|
+
props: {
|
16
|
+
images: Array,
|
17
|
+
text: Object,
|
18
|
+
options: Object,
|
19
|
+
uploadPath: {
|
20
|
+
type: Object,
|
21
|
+
default: "unsorted"
|
22
|
+
}
|
23
|
+
},
|
24
|
+
emits: ["update:images"],
|
25
|
+
setup(__props, { emit: __emit }) {
|
26
|
+
const props = __props;
|
27
|
+
const emit = __emit;
|
28
|
+
const localImages = ref([...props.images]);
|
29
|
+
watchEffect(() => {
|
30
|
+
localImages.value = [...props.images];
|
31
|
+
});
|
32
|
+
const emitChanges = () => {
|
33
|
+
emit("update:images", localImages.value);
|
34
|
+
};
|
35
|
+
const onImagesUpdate = (newImages) => {
|
36
|
+
localImages.value = [...localImages.value, ...newImages];
|
37
|
+
emitChanges();
|
38
|
+
};
|
39
|
+
const deleteImage = (index) => {
|
40
|
+
localImages.value.splice(index, 1);
|
41
|
+
emitChanges();
|
42
|
+
};
|
43
|
+
return (_ctx, _cache) => {
|
44
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [
|
45
|
+
localImages.value.length > 0 ? (openBlock(), createBlock(unref(VueDraggableNext), {
|
46
|
+
key: 0,
|
47
|
+
class: "gap-small flex dragArea list-group w-full",
|
48
|
+
modelValue: localImages.value,
|
49
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localImages.value = $event),
|
50
|
+
onChange: emitChanges
|
51
|
+
}, {
|
52
|
+
default: withCtx(() => [
|
53
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(localImages.value, (image, index) => {
|
54
|
+
return openBlock(), createElementBlock("div", _hoisted_2, [
|
55
|
+
createElementVNode("img", {
|
56
|
+
loading: "lazy",
|
57
|
+
class: "i-extra object-fit-contain bg-black-transp-5 pd-nano radius-small o-hidden",
|
58
|
+
src: (_ctx.FILE_SERVER_URL || "") + image
|
59
|
+
}, null, 8, _hoisted_3),
|
60
|
+
createVNode(_sfc_main$1, {
|
61
|
+
onClick: ($event) => deleteImage(index),
|
62
|
+
class: "cursor-pointer pos-absolute t-center flex-center flex radius-extra i-medium bg-red pos-t-10-negative pos-r-10-negative pd-micro"
|
63
|
+
}, null, 8, ["onClick"])
|
64
|
+
]);
|
65
|
+
}), 256))
|
66
|
+
]),
|
67
|
+
_: 1
|
68
|
+
}, 8, ["modelValue"])) : createCommentVNode("", true),
|
69
|
+
localImages.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [
|
70
|
+
createVNode(_sfc_main$2, {
|
71
|
+
"onUpdate:images": onImagesUpdate,
|
72
|
+
text: "Add",
|
73
|
+
options: {
|
74
|
+
showText: false
|
75
|
+
},
|
76
|
+
uploadPath: "photos",
|
77
|
+
class: "radius-big"
|
78
|
+
})
|
79
|
+
])) : createCommentVNode("", true),
|
80
|
+
localImages.value.length < 1 ? (openBlock(), createBlock(_sfc_main$2, {
|
81
|
+
key: 2,
|
82
|
+
"onUpdate:images": onImagesUpdate,
|
83
|
+
uploadPath: props.uploadPath,
|
84
|
+
text: props.text,
|
85
|
+
options: props.options,
|
86
|
+
class: "w-100 pd-medium"
|
87
|
+
}, null, 8, ["uploadPath", "text", "options"])) : createCommentVNode("", true)
|
88
|
+
]);
|
89
|
+
};
|
90
|
+
}
|
91
|
+
};
|
92
|
+
export {
|
93
|
+
_sfc_main as default
|
94
|
+
};
|
2
95
|
//# sourceMappingURL=EditImages.vue2.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"EditImages.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
1
|
+
{"version":3,"file":"EditImages.vue2.js","sources":["../../../../../src/components/EditImages/EditImages.vue"],"sourcesContent":["<template>\n\t<div class=\"flex-nowrap flex gap-small\">\n <VueDraggableNext v-if=\"localImages.length > 0\" class=\"gap-small flex dragArea list-group w-full\" v-model=\"localImages\" @change=\"emitChanges\">\n\t\t\t<div v-for=\"(image, index) in localImages\" class=\"pos-relative\">\n\t\t\t\t<img loading=\"lazy\" class=\"i-extra object-fit-contain bg-black-transp-5 pd-nano radius-small o-hidden\" :src=\"(FILE_SERVER_URL || '') + image\" />\n\t\t\t\t\n <IconCross \n @click=\"deleteImage(index)\" \n class=\"cursor-pointer pos-absolute t-center flex-center flex radius-extra i-medium bg-red pos-t-10-negative pos-r-10-negative pd-micro\"\n />\n\t\t\t</div>\n\t\t</VueDraggableNext>\n <div\n v-if=\"localImages.length > 0\" \n class=\"i-extra uppercase flex-center flex radius-small o-hidden br-solid br-main br-2px pd-small\"\n >\n <UploadImageMultiple \n @update:images=\"onImagesUpdate\"\n text=\"Add\"\n :options=\"{\n showText: false\n }\"\n :uploadPath=\"'photos'\"\n class=\"radius-big\"\n />\n </div>\n\n\n\t\t<UploadImageMultiple \t\n v-if=\"localImages.length < 1\" \n @update:images=\"onImagesUpdate\"\n :uploadPath=\"props.uploadPath\"\n :text=\"props.text\"\n :options=\"props.options\"\n class=\"w-100 pd-medium\"\n />\n\t</div>\t\n</template>\n\n<script setup>\nimport { ref, defineProps, watchEffect } from 'vue';\nimport { VueDraggableNext } from 'vue-draggable-next'\nimport UploadImageMultiple from \"@pf/src/components/UploadImageMultiple/UploadImageMultiple.vue\";\nimport IconCross from '@pf/src/modules/icons/navigation/IconCross.vue';\n\nconst props = defineProps({\n images: Array,\n text: Object,\n options: Object,\n uploadPath: {\n type: Object,\n default: 'unsorted'\n }\n});\n\nconst emit = defineEmits(['update:images'])\n\nconst localImages = ref([...props.images])\n\nwatchEffect(() => {\n localImages.value = [...props.images]; // Обновление localImages при изменении props.images\n});\n\nconst emitChanges = () => {\n emit('update:images', localImages.value)\n}\n\nconst onImagesUpdate = (newImages) => {\n localImages.value = [...localImages.value, ...newImages]\n emitChanges()\n}\n\nconst deleteImage = (index) => {\n localImages.value.splice(index, 1)\n emitChanges()\n}\n</script>\n\n<style lang=\"scss\">\n// Your styles here\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,UAAM,QAAQ;AAUd,UAAM,OAAO;AAEb,UAAM,cAAc,IAAI,CAAC,GAAG,MAAM,MAAM,CAAC;AAEzC,gBAAY,MAAM;AAChB,kBAAY,QAAQ,CAAC,GAAG,MAAM,MAAM;AAAA,IACtC,CAAC;AAED,UAAM,cAAc,MAAM;AACxB,WAAK,iBAAiB,YAAY,KAAK;AAAA,IACzC;AAEA,UAAM,iBAAiB,CAAC,cAAc;AACpC,kBAAY,QAAQ,CAAC,GAAG,YAAY,OAAO,GAAG,SAAS;AACvD,kBAAa;AAAA,IACf;AAEA,UAAM,cAAc,CAAC,UAAU;AAC7B,kBAAY,MAAM,OAAO,OAAO,CAAC;AACjC,kBAAa;AAAA,IACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -4,7 +4,7 @@ const vue = require("vue");
|
|
4
4
|
const SkeletonEvent = require("../../modules/icons/skeletons/SkeletonEvent.vue.cjs");
|
5
5
|
const Loader = require("../Loader/Loader.vue2.cjs");
|
6
6
|
const EmptyState = require("../EmptyState/EmptyState.vue.cjs");
|
7
|
-
const Dropdown = require("../Dropdown/Dropdown.
|
7
|
+
const Dropdown = require("../Dropdown/Dropdown.vue.cjs");
|
8
8
|
const Calendar = require("../DatePicker/Calendar.vue2.cjs");
|
9
9
|
const BottomSheet = require("../BottomSheet/BottomSheet.vue.cjs");
|
10
10
|
const BlockSearch = require("../../modules/globals/views/components/blocks/BlockSearch.vue.cjs");
|
@@ -2,7 +2,7 @@ import { mergeModels, useModel, shallowRef, ref, watch, onMounted, onUnmounted,
|
|
2
2
|
import SkeletonEvent from "../../modules/icons/skeletons/SkeletonEvent.vue.js";
|
3
3
|
import Loader from "../Loader/Loader.vue2.js";
|
4
4
|
import _sfc_main$a from "../EmptyState/EmptyState.vue.js";
|
5
|
-
import _sfc_main$5 from "../Dropdown/Dropdown.
|
5
|
+
import _sfc_main$5 from "../Dropdown/Dropdown.vue.js";
|
6
6
|
import _sfc_main$7 from "../DatePicker/Calendar.vue2.js";
|
7
7
|
import _sfc_main$3 from "../BottomSheet/BottomSheet.vue.js";
|
8
8
|
import _sfc_main$1 from "../../modules/globals/views/components/blocks/BlockSearch.vue.js";
|