@ozdao/martyrs 0.2.454 → 0.2.456
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Media-DlEIDFaB.js → Media-1oukRVfv.js} +1 -1
- package/dist/{Media-DzQv7XkX.mjs → Media-q-XJSM_H.mjs} +3 -3
- package/dist/{main-CSphtCso.js → main-C7jGMDJC.js} +2 -2
- package/dist/{main-CjVIbgn3.mjs → main-yXkgrjj8.mjs} +3 -9
- package/dist/martyrs/src/components/Button/Button.vue.cjs +1 -1
- package/dist/martyrs/src/components/Button/Button.vue.js +1 -1
- package/dist/martyrs/src/components/DatePicker/DatePicker.vue.cjs +2 -2
- package/dist/martyrs/src/components/DatePicker/DatePicker.vue.cjs.map +1 -1
- package/dist/martyrs/src/components/DatePicker/DatePicker.vue.js +2 -2
- package/dist/martyrs/src/components/DatePicker/DatePicker.vue.js.map +1 -1
- package/dist/martyrs/src/components/Dropdown/{Dropdown.vue.cjs → Dropdown.vue2.cjs} +2 -2
- package/dist/martyrs/src/components/Dropdown/Dropdown.vue2.cjs.map +1 -0
- package/dist/martyrs/src/components/Dropdown/{Dropdown.vue.js → Dropdown.vue2.js} +2 -2
- package/dist/martyrs/src/components/Dropdown/{Dropdown.vue.cjs.map → Dropdown.vue2.js.map} +1 -1
- package/dist/martyrs/src/components/EditImages/EditImages.vue.cjs +93 -0
- package/dist/martyrs/src/components/EditImages/EditImages.vue.cjs.map +1 -1
- package/dist/martyrs/src/components/EditImages/EditImages.vue.js +94 -1
- package/dist/martyrs/src/components/EditImages/EditImages.vue.js.map +1 -1
- package/dist/martyrs/src/components/EditImages/EditImages.vue2.cjs +0 -93
- package/dist/martyrs/src/components/EditImages/EditImages.vue2.cjs.map +1 -1
- package/dist/martyrs/src/components/EditImages/EditImages.vue2.js +1 -94
- package/dist/martyrs/src/components/EditImages/EditImages.vue2.js.map +1 -1
- package/dist/martyrs/src/components/EmptyState/EmptyState.vue.cjs +1 -1
- package/dist/martyrs/src/components/EmptyState/EmptyState.vue.js +1 -1
- package/dist/martyrs/src/components/Feed/Feed.vue.cjs +2 -2
- package/dist/martyrs/src/components/Feed/Feed.vue.js +2 -2
- package/dist/martyrs/src/components/Loader/{Loader.vue.cjs → Loader.vue2.cjs} +2 -2
- package/dist/martyrs/src/components/Loader/Loader.vue2.cjs.map +1 -0
- package/dist/martyrs/src/components/Loader/{Loader.vue.js → Loader.vue2.js} +2 -2
- package/dist/martyrs/src/components/Loader/{Loader.vue.cjs.map → Loader.vue2.js.map} +1 -1
- package/dist/martyrs/src/components/LocationMarker/LocationMarker.vue2.cjs +1 -1
- package/dist/martyrs/src/components/LocationMarker/LocationMarker.vue2.js +1 -1
- package/dist/martyrs/src/components/Media/Media.vue.cjs +2 -2
- package/dist/martyrs/src/components/Media/Media.vue.cjs.map +1 -1
- package/dist/martyrs/src/components/Media/Media.vue.js +2 -2
- package/dist/martyrs/src/components/Media/Media.vue.js.map +1 -1
- package/dist/martyrs/src/components/Menu/{Menu.vue2.cjs → Menu.vue.cjs} +2 -2
- package/dist/martyrs/src/components/Menu/Menu.vue.cjs.map +1 -0
- package/dist/martyrs/src/components/Menu/{Menu.vue2.js → Menu.vue.js} +2 -2
- package/dist/martyrs/src/components/Menu/Menu.vue.js.map +1 -0
- package/dist/martyrs/src/components/Slider/Slider.native.vue.cjs +229 -0
- package/dist/martyrs/src/components/Slider/Slider.native.vue.cjs.map +1 -0
- package/dist/martyrs/src/components/Slider/Slider.native.vue.js +229 -0
- package/dist/martyrs/src/components/Slider/Slider.native.vue.js.map +1 -0
- package/dist/martyrs/src/components/Slider/Slider.vue.cjs +1 -1
- package/dist/martyrs/src/components/Slider/Slider.vue.js +1 -1
- package/dist/martyrs/src/components/UploadImageMultiple/UploadImageMultiple.vue.cjs +1 -1
- package/dist/martyrs/src/components/UploadImageMultiple/UploadImageMultiple.vue.js +1 -1
- package/dist/martyrs/src/modules/auth/views/components/layouts/Auth.vue.cjs +1 -1
- package/dist/martyrs/src/modules/auth/views/components/layouts/Auth.vue.js +1 -1
- package/dist/martyrs/src/modules/auth/views/components/pages/Profile.vue.cjs +3 -3
- package/dist/martyrs/src/modules/auth/views/components/pages/Profile.vue.js +3 -3
- package/dist/martyrs/src/modules/auth/views/components/sections/FeaturedUsers.vue.cjs +2 -2
- package/dist/martyrs/src/modules/auth/views/components/sections/FeaturedUsers.vue.cjs.map +1 -1
- package/dist/martyrs/src/modules/auth/views/components/sections/FeaturedUsers.vue.js +2 -2
- package/dist/martyrs/src/modules/auth/views/components/sections/FeaturedUsers.vue.js.map +1 -1
- package/dist/martyrs/src/modules/community/components/pages/BlogPost.vue.cjs +1 -1
- package/dist/martyrs/src/modules/community/components/pages/BlogPost.vue.js +1 -1
- package/dist/martyrs/src/modules/community/components/sections/HotPosts.vue.cjs +3 -4
- package/dist/martyrs/src/modules/community/components/sections/HotPosts.vue.cjs.map +1 -1
- package/dist/martyrs/src/modules/community/components/sections/HotPosts.vue.js +3 -4
- package/dist/martyrs/src/modules/community/components/sections/HotPosts.vue.js.map +1 -1
- package/dist/martyrs/src/modules/events/components/blocks/CardEvent.vue.cjs +29 -17
- package/dist/martyrs/src/modules/events/components/blocks/CardEvent.vue.cjs.map +1 -1
- package/dist/martyrs/src/modules/events/components/blocks/CardEvent.vue.js +29 -17
- package/dist/martyrs/src/modules/events/components/blocks/CardEvent.vue.js.map +1 -1
- package/dist/martyrs/src/modules/events/components/pages/EditEvent.vue.cjs +2 -2
- package/dist/martyrs/src/modules/events/components/pages/EditEvent.vue.js +2 -2
- package/dist/martyrs/src/modules/events/components/pages/Event.vue.cjs +2 -23
- package/dist/martyrs/src/modules/events/components/pages/Event.vue.cjs.map +1 -1
- package/dist/martyrs/src/modules/events/components/pages/Event.vue.js +5 -26
- package/dist/martyrs/src/modules/events/components/pages/Event.vue.js.map +1 -1
- package/dist/martyrs/src/modules/events/components/pages/Events.vue.cjs +50 -132
- package/dist/martyrs/src/modules/events/components/pages/Events.vue.cjs.map +1 -1
- package/dist/martyrs/src/modules/events/components/pages/Events.vue.js +66 -148
- package/dist/martyrs/src/modules/events/components/pages/Events.vue.js.map +1 -1
- package/dist/martyrs/src/modules/events/components/pages/EventsBackoffice.vue.cjs +3 -33
- package/dist/martyrs/src/modules/events/components/pages/EventsBackoffice.vue.cjs.map +1 -1
- package/dist/martyrs/src/modules/events/components/pages/EventsBackoffice.vue.js +3 -33
- package/dist/martyrs/src/modules/events/components/pages/EventsBackoffice.vue.js.map +1 -1
- package/dist/martyrs/src/modules/events/components/pages/EventsSearch.vue.cjs +98 -0
- package/dist/martyrs/src/modules/events/components/pages/EventsSearch.vue.cjs.map +1 -0
- package/dist/martyrs/src/modules/events/components/pages/EventsSearch.vue.js +98 -0
- package/dist/martyrs/src/modules/events/components/pages/EventsSearch.vue.js.map +1 -0
- package/dist/martyrs/src/modules/events/components/sections/EventsHot.vue.cjs +4 -6
- package/dist/martyrs/src/modules/events/components/sections/EventsHot.vue.cjs.map +1 -1
- package/dist/martyrs/src/modules/events/components/sections/EventsHot.vue.js +4 -6
- package/dist/martyrs/src/modules/events/components/sections/EventsHot.vue.js.map +1 -1
- package/dist/martyrs/src/modules/events/components/sections/FeaturedEvents.vue.cjs +10 -8
- package/dist/martyrs/src/modules/events/components/sections/FeaturedEvents.vue.cjs.map +1 -1
- package/dist/martyrs/src/modules/events/components/sections/FeaturedEvents.vue.js +10 -8
- package/dist/martyrs/src/modules/events/components/sections/FeaturedEvents.vue.js.map +1 -1
- package/dist/martyrs/src/modules/events/components/sections/Feed.vue.cjs +1 -1
- package/dist/martyrs/src/modules/events/components/sections/Feed.vue.js +1 -1
- package/dist/martyrs/src/modules/events/components/sections/List.vue.cjs +4 -4
- package/dist/martyrs/src/modules/events/components/sections/List.vue.cjs.map +1 -1
- package/dist/martyrs/src/modules/events/components/sections/List.vue.js +4 -4
- package/dist/martyrs/src/modules/events/components/sections/List.vue.js.map +1 -1
- package/dist/martyrs/src/modules/events/components/sections/SelectDate.vue.cjs +190 -0
- package/dist/martyrs/src/modules/events/components/sections/SelectDate.vue.cjs.map +1 -0
- package/dist/martyrs/src/modules/events/components/sections/SelectDate.vue.js +190 -0
- package/dist/martyrs/src/modules/events/components/sections/SelectDate.vue.js.map +1 -0
- package/dist/martyrs/src/modules/events/events.client.js +12 -12
- package/dist/martyrs/src/modules/events/events.client.js.map +1 -1
- package/dist/martyrs/src/modules/events/router/events.cjs +15 -0
- package/dist/martyrs/src/modules/events/router/events.cjs.map +1 -1
- package/dist/martyrs/src/modules/events/router/events.js +15 -0
- package/dist/martyrs/src/modules/events/router/events.js.map +1 -1
- package/dist/martyrs/src/modules/gallery/components/sections/BackofficeGallery.vue.cjs +1 -1
- package/dist/martyrs/src/modules/gallery/components/sections/BackofficeGallery.vue.js +1 -1
- package/dist/martyrs/src/modules/globals/views/components/blocks/CardHeader.vue.cjs +2 -2
- package/dist/martyrs/src/modules/globals/views/components/blocks/CardHeader.vue.js +2 -2
- package/dist/martyrs/src/modules/globals/views/components/blocks/PopupDateSelector.vue.cjs +1 -1
- package/dist/martyrs/src/modules/globals/views/components/blocks/PopupDateSelector.vue.js +1 -1
- package/dist/martyrs/src/modules/globals/views/components/layouts/App.vue.cjs +2 -1
- package/dist/martyrs/src/modules/globals/views/components/layouts/App.vue.cjs.map +1 -1
- package/dist/martyrs/src/modules/globals/views/components/layouts/App.vue.js +1 -0
- package/dist/martyrs/src/modules/globals/views/components/layouts/App.vue.js.map +1 -1
- package/dist/martyrs/src/modules/globals/views/components/layouts/Client.vue.cjs +1 -1
- package/dist/martyrs/src/modules/globals/views/components/layouts/Client.vue.js +1 -1
- package/dist/martyrs/src/modules/globals/views/components/partials/Navigation.vue.cjs +1 -1
- package/dist/martyrs/src/modules/globals/views/components/partials/Navigation.vue.js +1 -1
- package/dist/martyrs/src/modules/marketplace/views/components/sections/SectionMenu.vue.cjs +1 -1
- package/dist/martyrs/src/modules/marketplace/views/components/sections/SectionMenu.vue.js +1 -1
- package/dist/martyrs/src/modules/orders/components/sections/FormDelivery.vue.cjs +2 -2
- package/dist/martyrs/src/modules/orders/components/sections/FormDelivery.vue.js +2 -2
- package/dist/martyrs/src/modules/organizations/components/pages/DepartmentEdit.vue.cjs +1 -1
- package/dist/martyrs/src/modules/organizations/components/pages/DepartmentEdit.vue.js +1 -1
- package/dist/martyrs/src/modules/organizations/components/pages/Members.vue.cjs +1 -1
- package/dist/martyrs/src/modules/organizations/components/pages/Members.vue.js +1 -1
- package/dist/martyrs/src/modules/organizations/components/pages/Organization.vue.cjs +1 -1
- package/dist/martyrs/src/modules/organizations/components/pages/Organization.vue.js +1 -1
- package/dist/martyrs/src/modules/organizations/components/pages/OrganizationBackoffice.vue.cjs +1 -1
- package/dist/martyrs/src/modules/organizations/components/pages/OrganizationBackoffice.vue.js +1 -1
- package/dist/martyrs/src/modules/organizations/components/sections/DetailsTabSection.vue.cjs +1 -1
- package/dist/martyrs/src/modules/organizations/components/sections/DetailsTabSection.vue.js +1 -1
- package/dist/martyrs/src/modules/organizations/components/sections/Documents.vue.cjs +1 -1
- package/dist/martyrs/src/modules/organizations/components/sections/Documents.vue.js +1 -1
- package/dist/martyrs/src/modules/organizations/components/sections/Organizations.vue.cjs +1 -1
- package/dist/martyrs/src/modules/organizations/components/sections/Organizations.vue.js +1 -1
- package/dist/martyrs/src/modules/pages/views/components/blocks/CardPage.vue.cjs +1 -1
- package/dist/martyrs/src/modules/pages/views/components/blocks/CardPage.vue.js +1 -1
- package/dist/martyrs/src/modules/products/components/blocks/Images360.vue.cjs +1 -1
- package/dist/martyrs/src/modules/products/components/blocks/Images360.vue.js +1 -1
- package/dist/martyrs/src/modules/products/components/pages/Categories.vue.cjs +2 -2
- package/dist/martyrs/src/modules/products/components/pages/Categories.vue.js +2 -2
- package/dist/martyrs/src/modules/products/components/pages/CategoryEdit.vue.cjs +2 -2
- package/dist/martyrs/src/modules/products/components/pages/CategoryEdit.vue.js +2 -2
- package/dist/martyrs/src/modules/products/components/pages/ProductEdit.vue.cjs +1 -1
- package/dist/martyrs/src/modules/products/components/pages/ProductEdit.vue.js +1 -1
- package/dist/martyrs/src/modules/products/components/pages/ProductRecommmendation.vue.cjs +1 -1
- package/dist/martyrs/src/modules/products/components/pages/ProductRecommmendation.vue.js +1 -1
- package/dist/martyrs/src/modules/products/components/sections/EditProductInfo.vue.cjs +1 -1
- package/dist/martyrs/src/modules/products/components/sections/EditProductInfo.vue.js +1 -1
- package/dist/martyrs/src/modules/products/components/sections/PopularProducts.vue.cjs +1 -1
- package/dist/martyrs/src/modules/products/components/sections/PopularProducts.vue.js +1 -1
- package/dist/martyrs/src/modules/spots/components/layouts/Spots.vue.cjs +1 -1
- package/dist/martyrs/src/modules/spots/components/layouts/Spots.vue.js +1 -1
- package/dist/martyrs.cjs.js +1 -1
- package/dist/martyrs.css +1 -1
- package/dist/martyrs.es.js +1 -1
- package/dist/organizations.server.js +0 -1
- package/dist/organizations.server.mjs +0 -1
- package/dist/style.css +93 -6
- package/package.json +1 -1
- package/src/components/DatePicker/DatePicker.vue +1 -1
- package/src/components/EmptyState/EmptyState.vue +1 -1
- package/src/components/Media/Media.vue +1 -1
- package/src/components/Slider/Slider.native.vue +313 -0
- package/src/modules/auth/views/components/sections/FeaturedUsers.vue +2 -2
- package/src/modules/community/components/sections/HotPosts.vue +0 -1
- package/src/modules/events/components/blocks/CardEvent.vue +21 -7
- package/src/modules/events/components/pages/Event.vue +0 -20
- package/src/modules/events/components/pages/Events.vue +91 -141
- package/src/modules/events/components/pages/EventsBackoffice.vue +5 -3
- package/src/modules/events/components/pages/EventsSearch.vue +122 -0
- package/src/modules/events/components/sections/EventsHot.vue +3 -5
- package/src/modules/events/components/sections/FeaturedEvents.vue +45 -13
- package/src/modules/events/components/sections/List.vue +3 -3
- package/src/modules/events/components/sections/SelectDate.vue +217 -0
- package/src/modules/events/router/events.js +12 -0
- package/src/modules/globals/views/components/layouts/App.vue +1 -0
- package/src/modules/organizations/policies/organizations.policies.js +0 -1
- package/src/modules/products/components/pages/Product.old.vue +201 -0
- package/src/styles/base/all.scss +1 -0
- package/src/styles/typography.scss +22 -0
- package/dist/martyrs/src/components/Dropdown/Dropdown.vue.js.map +0 -1
- package/dist/martyrs/src/components/Loader/Loader.vue.js.map +0 -1
- package/dist/martyrs/src/components/Menu/Menu.vue2.cjs.map +0 -1
- package/dist/martyrs/src/components/Menu/Menu.vue2.js.map +0 -1
|
@@ -4878,13 +4878,7 @@ const gs = /* @__PURE__ */ be(fs, [["render", hs]]), ms = Or({
|
|
|
4878
4878
|
}
|
|
4879
4879
|
});
|
|
4880
4880
|
function s(h) {
|
|
4881
|
-
|
|
4882
|
-
o.value = null, n("update:date", null);
|
|
4883
|
-
else {
|
|
4884
|
-
o.value = h;
|
|
4885
|
-
const m = u(h);
|
|
4886
|
-
n("update:date", m);
|
|
4887
|
-
}
|
|
4881
|
+
o.value && o.value.toDateString() === h.toDateString() ? (o.value = null, n("update:date", null)) : (o.value = h, u(h), n("update:date", h));
|
|
4888
4882
|
}
|
|
4889
4883
|
function d(h) {
|
|
4890
4884
|
return o.value === null && h.toDateString() === i.toDateString();
|
|
@@ -4955,7 +4949,7 @@ const gs = /* @__PURE__ */ be(fs, [["render", hs]]), ms = Or({
|
|
|
4955
4949
|
},
|
|
4956
4950
|
setup(e) {
|
|
4957
4951
|
return (t, n) => (f(), $("section", null, [
|
|
4958
|
-
v("
|
|
4952
|
+
v("h5", Ks, L(e.title), 1),
|
|
4959
4953
|
v("p", Ys, L(e.description), 1),
|
|
4960
4954
|
e.action ? (f(), $("button", {
|
|
4961
4955
|
key: 0,
|
|
@@ -8625,7 +8619,7 @@ const w0 = { class: "pos-relative" }, S0 = {
|
|
|
8625
8619
|
default: F0
|
|
8626
8620
|
}, Symbol.toStringTag, { value: "Module" })), V0 = {
|
|
8627
8621
|
install: (e) => {
|
|
8628
|
-
e.component("Address", () => Promise.resolve().then(() => Fr)), e.component("Button", () => Promise.resolve().then(() => Yr)), e.component("Checkbox", () => Promise.resolve().then(() => Xr)), e.component("Dropdown", () => Promise.resolve().then(() => ea)), e.component("Error", () => Promise.resolve().then(() => aa)), e.component("Field", () => Promise.resolve().then(() => $a)), e.component("FieldPhone", () => Promise.resolve().then(() => Io)), e.component("LocationMarker", () => Promise.resolve().then(() => Mo)), e.component("Map", () => Promise.resolve().then(() => No)), e.component("Popup", () => Promise.resolve().then(() => Vo)), e.component("Radio", () => Promise.resolve().then(() => Yo)), e.component("Select", () => Promise.resolve().then(() => tl)), e.component("SelectMulti", () => Promise.resolve().then(() => Pl)), e.component("Spoiler", () => Promise.resolve().then(() => El)), e.component("Tab", () => Promise.resolve().then(() => Dl)), e.component("Tooltip", () => Promise.resolve().then(() => Ml)), e.component("Text", () => Promise.resolve().then(() => Nl)), e.component("Menu", () => Promise.resolve().then(() => cs)), e.component("MenuItem", () => Promise.resolve().then(() => vs)), e.component("Upload", () => Promise.resolve().then(() => Kl)), e.component("UploadImage", () => Promise.resolve().then(() => Wl)), e.component("UploadImageMultiple", () => Promise.resolve().then(() => ss)), e.component("Breadcrumbs", () => Promise.resolve().then(() => Os)), e.component("Chips", () => Promise.resolve().then(() => xs)), e.component("Countdown", () => Promise.resolve().then(() => Us)), e.component("DatePicker", () => Promise.resolve().then(() => zs)), e.component("EmptyState", () => Promise.resolve().then(() => qs)), e.component("Feed", () => Promise.resolve().then(() => Qd)), e.component("FieldBig", () => Promise.resolve().then(() => iu)), e.component("FieldTags", () => Promise.resolve().then(() => Au)), e.component("Loader", () => Promise.resolve().then(() => Ur)), e.component("Shader", () => Promise.resolve().then(() => Ru)), e.component("Slider", () => Promise.resolve().then(() => x0)), e.component("Status", () => Promise.resolve().then(() => M0)), e.component("Marquee", () => Promise.resolve().then(() => N0)), e.component("Media", () => import("./Media-
|
|
8622
|
+
e.component("Address", () => Promise.resolve().then(() => Fr)), e.component("Button", () => Promise.resolve().then(() => Yr)), e.component("Checkbox", () => Promise.resolve().then(() => Xr)), e.component("Dropdown", () => Promise.resolve().then(() => ea)), e.component("Error", () => Promise.resolve().then(() => aa)), e.component("Field", () => Promise.resolve().then(() => $a)), e.component("FieldPhone", () => Promise.resolve().then(() => Io)), e.component("LocationMarker", () => Promise.resolve().then(() => Mo)), e.component("Map", () => Promise.resolve().then(() => No)), e.component("Popup", () => Promise.resolve().then(() => Vo)), e.component("Radio", () => Promise.resolve().then(() => Yo)), e.component("Select", () => Promise.resolve().then(() => tl)), e.component("SelectMulti", () => Promise.resolve().then(() => Pl)), e.component("Spoiler", () => Promise.resolve().then(() => El)), e.component("Tab", () => Promise.resolve().then(() => Dl)), e.component("Tooltip", () => Promise.resolve().then(() => Ml)), e.component("Text", () => Promise.resolve().then(() => Nl)), e.component("Menu", () => Promise.resolve().then(() => cs)), e.component("MenuItem", () => Promise.resolve().then(() => vs)), e.component("Upload", () => Promise.resolve().then(() => Kl)), e.component("UploadImage", () => Promise.resolve().then(() => Wl)), e.component("UploadImageMultiple", () => Promise.resolve().then(() => ss)), e.component("Breadcrumbs", () => Promise.resolve().then(() => Os)), e.component("Chips", () => Promise.resolve().then(() => xs)), e.component("Countdown", () => Promise.resolve().then(() => Us)), e.component("DatePicker", () => Promise.resolve().then(() => zs)), e.component("EmptyState", () => Promise.resolve().then(() => qs)), e.component("Feed", () => Promise.resolve().then(() => Qd)), e.component("FieldBig", () => Promise.resolve().then(() => iu)), e.component("FieldTags", () => Promise.resolve().then(() => Au)), e.component("Loader", () => Promise.resolve().then(() => Ur)), e.component("Shader", () => Promise.resolve().then(() => Ru)), e.component("Slider", () => Promise.resolve().then(() => x0)), e.component("Status", () => Promise.resolve().then(() => M0)), e.component("Marquee", () => Promise.resolve().then(() => N0)), e.component("Media", () => import("./Media-q-XJSM_H.mjs"));
|
|
8629
8623
|
}
|
|
8630
8624
|
};
|
|
8631
8625
|
export {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
3
|
const vue = require("vue");
|
|
4
|
-
const Loader = require("../Loader/Loader.
|
|
4
|
+
const Loader = require("../Loader/Loader.vue2.cjs");
|
|
5
5
|
;/* empty css */
|
|
6
6
|
const _hoisted_1 = ["disabled"];
|
|
7
7
|
const _hoisted_2 = {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ref, createElementBlock, openBlock, withModifiers, createVNode, createCommentVNode, Transition, withCtx, renderSlot, createBlock, toDisplayString } from "vue";
|
|
2
|
-
import Loader from "../Loader/Loader.
|
|
2
|
+
import Loader from "../Loader/Loader.vue2.js";
|
|
3
3
|
/* empty css */
|
|
4
4
|
const _hoisted_1 = ["disabled"];
|
|
5
5
|
const _hoisted_2 = {
|
|
@@ -35,8 +35,8 @@ const _sfc_main = {
|
|
|
35
35
|
emit("update:date", null);
|
|
36
36
|
} else {
|
|
37
37
|
selectedDate.value = date;
|
|
38
|
-
|
|
39
|
-
emit("update:date",
|
|
38
|
+
formatDateForRouter(date);
|
|
39
|
+
emit("update:date", date);
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
42
|
function isHighlighted(date) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.vue.cjs","sources":["../../../../../src/components/DatePicker/DatePicker.vue"],"sourcesContent":["<template>\n <div>\n <div \n class=\"w-100 scroller o-scroll scroll-snap-type-x-mandatory scroll-pd-regular scroll-hide flex-nowrap flex\" \n ref=\"scrollContainer\"\n >\n <div \n v-for=\"date in dates\" \n :key=\"date.toString()\" \n @click=\"selectDate(date)\"\n :class=\"{\n 'selected': selectedDate && selectedDate.toDateString() === date.toDateString(),\n 'highlighted': isHighlighted(date)\n }\"\n class=\"cursor-pointer scroll-snap-align-start mn-r-small mn-l-small flex-column flex-center flex\"\n >\n <span class=\"t-transp\">\n {{ dayLetter(date) }}\n </span>\n <span \n :class=\"{\n 'bg-main': selectedDate && selectedDate.toDateString() === date.toDateString(),\n 'br-1px br-solid br-main':isHighlighted(date),\n }\"\n class=\"transition-ease-in-out t-semi flex-center flex radius-big i-semi day-number\"\n >\n {{ date.getDate() }}\n </span>\n </div>\n </div>\n </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, defineProps, defineEmits } from 'vue';\n\nconst emit = defineEmits();\nconst props = defineProps(['date', 'options','locale']);\n\nconst scrollContainer = ref(null);\n\n// Initialize base date for generating the date range\nconst baseDate = new Date();\nbaseDate.setHours(0, 0, 0, 0);\n\n// Initialize selectedDate as null or with provided date\nconst selectedDate = ref(null);\n\nif (props.date) {\n const day = parseInt(props.date.substring(0, 2));\n const month = parseInt(props.date.substring(2, 4)) - 1;\n const year = parseInt(props.date.substring(4));\n\n selectedDate.value = new Date(year, month, day);\n selectedDate.value.setHours(0, 0, 0, 0);\n}\n\nconst dates = generateDates(baseDate, props.options.dateEnd || 30);\n\nonMounted(() => {\n if (scrollContainer.value) {\n const target = scrollContainer.value.getElementsByClassName('selected')[0] || \n scrollContainer.value.getElementsByClassName('bg-main')[0] || \n scrollContainer.value.getElementsByClassName('highlighted')[0];\n if (target) {\n scrollContainer.value.scrollLeft = target.offsetLeft - \n scrollContainer.value.offsetWidth / 2 + target.offsetWidth / 2;\n }\n }\n});\n\nfunction selectDate(date) {\n if (selectedDate.value && selectedDate.value.toDateString() === date.toDateString()) {\n // If clicking the same date, reset selection\n selectedDate.value = null;\n emit('update:date', null);\n } else {\n // Select new date\n selectedDate.value = date;\n const formattedDate = formatDateForRouter(date);\n emit('update:date',
|
|
1
|
+
{"version":3,"file":"DatePicker.vue.cjs","sources":["../../../../../src/components/DatePicker/DatePicker.vue"],"sourcesContent":["<template>\n <div>\n <div \n class=\"w-100 scroller o-scroll scroll-snap-type-x-mandatory scroll-pd-regular scroll-hide flex-nowrap flex\" \n ref=\"scrollContainer\"\n >\n <div \n v-for=\"date in dates\" \n :key=\"date.toString()\" \n @click=\"selectDate(date)\"\n :class=\"{\n 'selected': selectedDate && selectedDate.toDateString() === date.toDateString(),\n 'highlighted': isHighlighted(date)\n }\"\n class=\"cursor-pointer scroll-snap-align-start mn-r-small mn-l-small flex-column flex-center flex\"\n >\n <span class=\"t-transp\">\n {{ dayLetter(date) }}\n </span>\n <span \n :class=\"{\n 'bg-main': selectedDate && selectedDate.toDateString() === date.toDateString(),\n 'br-1px br-solid br-main':isHighlighted(date),\n }\"\n class=\"transition-ease-in-out t-semi flex-center flex radius-big i-semi day-number\"\n >\n {{ date.getDate() }}\n </span>\n </div>\n </div>\n </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, defineProps, defineEmits } from 'vue';\n\nconst emit = defineEmits();\nconst props = defineProps(['date', 'options','locale']);\n\nconst scrollContainer = ref(null);\n\n// Initialize base date for generating the date range\nconst baseDate = new Date();\nbaseDate.setHours(0, 0, 0, 0);\n\n// Initialize selectedDate as null or with provided date\nconst selectedDate = ref(null);\n\nif (props.date) {\n const day = parseInt(props.date.substring(0, 2));\n const month = parseInt(props.date.substring(2, 4)) - 1;\n const year = parseInt(props.date.substring(4));\n\n selectedDate.value = new Date(year, month, day);\n selectedDate.value.setHours(0, 0, 0, 0);\n}\n\nconst dates = generateDates(baseDate, props.options.dateEnd || 30);\n\nonMounted(() => {\n if (scrollContainer.value) {\n const target = scrollContainer.value.getElementsByClassName('selected')[0] || \n scrollContainer.value.getElementsByClassName('bg-main')[0] || \n scrollContainer.value.getElementsByClassName('highlighted')[0];\n if (target) {\n scrollContainer.value.scrollLeft = target.offsetLeft - \n scrollContainer.value.offsetWidth / 2 + target.offsetWidth / 2;\n }\n }\n});\n\nfunction selectDate(date) {\n if (selectedDate.value && selectedDate.value.toDateString() === date.toDateString()) {\n // If clicking the same date, reset selection\n selectedDate.value = null;\n emit('update:date', null);\n } else {\n // Select new date\n selectedDate.value = date;\n const formattedDate = formatDateForRouter(date);\n emit('update:date', date);\n }\n}\n\nfunction isHighlighted(date) {\n return selectedDate.value === null && date.toDateString() === baseDate.toDateString();\n}\n\nfunction formatDateForRouter(date) {\n return `${date.getDate().toString().padStart(2, '0')}${(date.getMonth() + 1)\n .toString().padStart(2, '0')}${date.getFullYear()}`;\n}\n\nfunction dayLetter(date) {\n return date.toLocaleDateString(props.locale ? props.locale : 'en', { \n weekday: 'narrow' \n }).toUpperCase();\n}\n\nfunction generateDates(start, count) {\n const dates = [];\n for (let i = props.options.dateStart || 0; i < count - props.options.dateStart || 0; i++) {\n const newDate = new Date(start);\n newDate.setDate(start.getDate() + i);\n newDate.setHours(0, 0, 0, 0);\n dates.push(newDate);\n }\n return dates;\n}\n</script>"],"names":["ref","onMounted","dates"],"mappings":";;;;;;;;;AAoCA,UAAM,OAAO;AACb,UAAM,QAAQ;AAEd,UAAM,kBAAkBA,IAAG,IAAC,IAAI;AAGhC,UAAM,WAAW,oBAAI,KAAM;AAC3B,aAAS,SAAS,GAAG,GAAG,GAAG,CAAC;AAG5B,UAAM,eAAeA,IAAG,IAAC,IAAI;AAE7B,QAAI,MAAM,MAAM;AACd,YAAM,MAAM,SAAS,MAAM,KAAK,UAAU,GAAG,CAAC,CAAC;AAC/C,YAAM,QAAQ,SAAS,MAAM,KAAK,UAAU,GAAG,CAAC,CAAC,IAAI;AACrD,YAAM,OAAO,SAAS,MAAM,KAAK,UAAU,CAAC,CAAC;AAE7C,mBAAa,QAAQ,IAAI,KAAK,MAAM,OAAO,GAAG;AAC9C,mBAAa,MAAM,SAAS,GAAG,GAAG,GAAG,CAAC;AAAA,IACxC;AAEA,UAAM,QAAQ,cAAc,UAAU,MAAM,QAAQ,WAAW,EAAE;AAEjEC,QAAAA,UAAU,MAAM;AACd,UAAI,gBAAgB,OAAO;AACzB,cAAM,SAAS,gBAAgB,MAAM,uBAAuB,UAAU,EAAE,CAAC,KAC3D,gBAAgB,MAAM,uBAAuB,SAAS,EAAE,CAAC,KACzD,gBAAgB,MAAM,uBAAuB,aAAa,EAAE,CAAC;AAC3E,YAAI,QAAQ;AACV,0BAAgB,MAAM,aAAa,OAAO,aACxC,gBAAgB,MAAM,cAAc,IAAI,OAAO,cAAc;AAAA,QACrE;AAAA,MACA;AAAA,IACA,CAAC;AAED,aAAS,WAAW,MAAM;AACxB,UAAI,aAAa,SAAS,aAAa,MAAM,mBAAmB,KAAK,gBAAgB;AAEnF,qBAAa,QAAQ;AACrB,aAAK,eAAe,IAAI;AAAA,MAC5B,OAAS;AAEL,qBAAa,QAAQ;AACC,4BAAoB,IAAI;AAC9C,aAAK,eAAe,IAAI;AAAA,MAC5B;AAAA,IACA;AAEA,aAAS,cAAc,MAAM;AAC3B,aAAO,aAAa,UAAU,QAAQ,KAAK,aAAc,MAAK,SAAS,aAAc;AAAA,IACvF;AAEA,aAAS,oBAAoB,MAAM;AACjC,aAAO,GAAG,KAAK,QAAS,EAAC,SAAQ,EAAG,SAAS,GAAG,GAAG,CAAC,IAAI,KAAK,SAAU,IAAG,GACvE,SAAU,EAAC,SAAS,GAAG,GAAG,CAAC,GAAG,KAAK,YAAW,CAAE;AAAA,IACrD;AAEA,aAAS,UAAU,MAAM;AACvB,aAAO,KAAK,mBAAmB,MAAM,SAAS,MAAM,SAAS,MAAM;AAAA,QACjE,SAAS;AAAA,MACV,CAAA,EAAE,YAAa;AAAA,IAClB;AAEA,aAAS,cAAc,OAAO,OAAO;AACnC,YAAMC,SAAQ,CAAE;AAChB,eAAS,IAAI,MAAM,QAAQ,aAAa,GAAG,IAAI,QAAQ,MAAM,QAAQ,aAAa,GAAG,KAAK;AACxF,cAAM,UAAU,IAAI,KAAK,KAAK;AAC9B,gBAAQ,QAAQ,MAAM,QAAO,IAAK,CAAC;AACnC,gBAAQ,SAAS,GAAG,GAAG,GAAG,CAAC;AAC3B,QAAAA,OAAM,KAAK,OAAO;AAAA,MACtB;AACE,aAAOA;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -33,8 +33,8 @@ const _sfc_main = {
|
|
|
33
33
|
emit("update:date", null);
|
|
34
34
|
} else {
|
|
35
35
|
selectedDate.value = date;
|
|
36
|
-
|
|
37
|
-
emit("update:date",
|
|
36
|
+
formatDateForRouter(date);
|
|
37
|
+
emit("update:date", date);
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
40
|
function isHighlighted(date) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.vue.js","sources":["../../../../../src/components/DatePicker/DatePicker.vue"],"sourcesContent":["<template>\n <div>\n <div \n class=\"w-100 scroller o-scroll scroll-snap-type-x-mandatory scroll-pd-regular scroll-hide flex-nowrap flex\" \n ref=\"scrollContainer\"\n >\n <div \n v-for=\"date in dates\" \n :key=\"date.toString()\" \n @click=\"selectDate(date)\"\n :class=\"{\n 'selected': selectedDate && selectedDate.toDateString() === date.toDateString(),\n 'highlighted': isHighlighted(date)\n }\"\n class=\"cursor-pointer scroll-snap-align-start mn-r-small mn-l-small flex-column flex-center flex\"\n >\n <span class=\"t-transp\">\n {{ dayLetter(date) }}\n </span>\n <span \n :class=\"{\n 'bg-main': selectedDate && selectedDate.toDateString() === date.toDateString(),\n 'br-1px br-solid br-main':isHighlighted(date),\n }\"\n class=\"transition-ease-in-out t-semi flex-center flex radius-big i-semi day-number\"\n >\n {{ date.getDate() }}\n </span>\n </div>\n </div>\n </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, defineProps, defineEmits } from 'vue';\n\nconst emit = defineEmits();\nconst props = defineProps(['date', 'options','locale']);\n\nconst scrollContainer = ref(null);\n\n// Initialize base date for generating the date range\nconst baseDate = new Date();\nbaseDate.setHours(0, 0, 0, 0);\n\n// Initialize selectedDate as null or with provided date\nconst selectedDate = ref(null);\n\nif (props.date) {\n const day = parseInt(props.date.substring(0, 2));\n const month = parseInt(props.date.substring(2, 4)) - 1;\n const year = parseInt(props.date.substring(4));\n\n selectedDate.value = new Date(year, month, day);\n selectedDate.value.setHours(0, 0, 0, 0);\n}\n\nconst dates = generateDates(baseDate, props.options.dateEnd || 30);\n\nonMounted(() => {\n if (scrollContainer.value) {\n const target = scrollContainer.value.getElementsByClassName('selected')[0] || \n scrollContainer.value.getElementsByClassName('bg-main')[0] || \n scrollContainer.value.getElementsByClassName('highlighted')[0];\n if (target) {\n scrollContainer.value.scrollLeft = target.offsetLeft - \n scrollContainer.value.offsetWidth / 2 + target.offsetWidth / 2;\n }\n }\n});\n\nfunction selectDate(date) {\n if (selectedDate.value && selectedDate.value.toDateString() === date.toDateString()) {\n // If clicking the same date, reset selection\n selectedDate.value = null;\n emit('update:date', null);\n } else {\n // Select new date\n selectedDate.value = date;\n const formattedDate = formatDateForRouter(date);\n emit('update:date',
|
|
1
|
+
{"version":3,"file":"DatePicker.vue.js","sources":["../../../../../src/components/DatePicker/DatePicker.vue"],"sourcesContent":["<template>\n <div>\n <div \n class=\"w-100 scroller o-scroll scroll-snap-type-x-mandatory scroll-pd-regular scroll-hide flex-nowrap flex\" \n ref=\"scrollContainer\"\n >\n <div \n v-for=\"date in dates\" \n :key=\"date.toString()\" \n @click=\"selectDate(date)\"\n :class=\"{\n 'selected': selectedDate && selectedDate.toDateString() === date.toDateString(),\n 'highlighted': isHighlighted(date)\n }\"\n class=\"cursor-pointer scroll-snap-align-start mn-r-small mn-l-small flex-column flex-center flex\"\n >\n <span class=\"t-transp\">\n {{ dayLetter(date) }}\n </span>\n <span \n :class=\"{\n 'bg-main': selectedDate && selectedDate.toDateString() === date.toDateString(),\n 'br-1px br-solid br-main':isHighlighted(date),\n }\"\n class=\"transition-ease-in-out t-semi flex-center flex radius-big i-semi day-number\"\n >\n {{ date.getDate() }}\n </span>\n </div>\n </div>\n </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, defineProps, defineEmits } from 'vue';\n\nconst emit = defineEmits();\nconst props = defineProps(['date', 'options','locale']);\n\nconst scrollContainer = ref(null);\n\n// Initialize base date for generating the date range\nconst baseDate = new Date();\nbaseDate.setHours(0, 0, 0, 0);\n\n// Initialize selectedDate as null or with provided date\nconst selectedDate = ref(null);\n\nif (props.date) {\n const day = parseInt(props.date.substring(0, 2));\n const month = parseInt(props.date.substring(2, 4)) - 1;\n const year = parseInt(props.date.substring(4));\n\n selectedDate.value = new Date(year, month, day);\n selectedDate.value.setHours(0, 0, 0, 0);\n}\n\nconst dates = generateDates(baseDate, props.options.dateEnd || 30);\n\nonMounted(() => {\n if (scrollContainer.value) {\n const target = scrollContainer.value.getElementsByClassName('selected')[0] || \n scrollContainer.value.getElementsByClassName('bg-main')[0] || \n scrollContainer.value.getElementsByClassName('highlighted')[0];\n if (target) {\n scrollContainer.value.scrollLeft = target.offsetLeft - \n scrollContainer.value.offsetWidth / 2 + target.offsetWidth / 2;\n }\n }\n});\n\nfunction selectDate(date) {\n if (selectedDate.value && selectedDate.value.toDateString() === date.toDateString()) {\n // If clicking the same date, reset selection\n selectedDate.value = null;\n emit('update:date', null);\n } else {\n // Select new date\n selectedDate.value = date;\n const formattedDate = formatDateForRouter(date);\n emit('update:date', date);\n }\n}\n\nfunction isHighlighted(date) {\n return selectedDate.value === null && date.toDateString() === baseDate.toDateString();\n}\n\nfunction formatDateForRouter(date) {\n return `${date.getDate().toString().padStart(2, '0')}${(date.getMonth() + 1)\n .toString().padStart(2, '0')}${date.getFullYear()}`;\n}\n\nfunction dayLetter(date) {\n return date.toLocaleDateString(props.locale ? props.locale : 'en', { \n weekday: 'narrow' \n }).toUpperCase();\n}\n\nfunction generateDates(start, count) {\n const dates = [];\n for (let i = props.options.dateStart || 0; i < count - props.options.dateStart || 0; i++) {\n const newDate = new Date(start);\n newDate.setDate(start.getDate() + i);\n newDate.setHours(0, 0, 0, 0);\n dates.push(newDate);\n }\n return dates;\n}\n</script>"],"names":["dates"],"mappings":";;;;;;;AAoCA,UAAM,OAAO;AACb,UAAM,QAAQ;AAEd,UAAM,kBAAkB,IAAI,IAAI;AAGhC,UAAM,WAAW,oBAAI,KAAM;AAC3B,aAAS,SAAS,GAAG,GAAG,GAAG,CAAC;AAG5B,UAAM,eAAe,IAAI,IAAI;AAE7B,QAAI,MAAM,MAAM;AACd,YAAM,MAAM,SAAS,MAAM,KAAK,UAAU,GAAG,CAAC,CAAC;AAC/C,YAAM,QAAQ,SAAS,MAAM,KAAK,UAAU,GAAG,CAAC,CAAC,IAAI;AACrD,YAAM,OAAO,SAAS,MAAM,KAAK,UAAU,CAAC,CAAC;AAE7C,mBAAa,QAAQ,IAAI,KAAK,MAAM,OAAO,GAAG;AAC9C,mBAAa,MAAM,SAAS,GAAG,GAAG,GAAG,CAAC;AAAA,IACxC;AAEA,UAAM,QAAQ,cAAc,UAAU,MAAM,QAAQ,WAAW,EAAE;AAEjE,cAAU,MAAM;AACd,UAAI,gBAAgB,OAAO;AACzB,cAAM,SAAS,gBAAgB,MAAM,uBAAuB,UAAU,EAAE,CAAC,KAC3D,gBAAgB,MAAM,uBAAuB,SAAS,EAAE,CAAC,KACzD,gBAAgB,MAAM,uBAAuB,aAAa,EAAE,CAAC;AAC3E,YAAI,QAAQ;AACV,0BAAgB,MAAM,aAAa,OAAO,aACxC,gBAAgB,MAAM,cAAc,IAAI,OAAO,cAAc;AAAA,QACrE;AAAA,MACA;AAAA,IACA,CAAC;AAED,aAAS,WAAW,MAAM;AACxB,UAAI,aAAa,SAAS,aAAa,MAAM,mBAAmB,KAAK,gBAAgB;AAEnF,qBAAa,QAAQ;AACrB,aAAK,eAAe,IAAI;AAAA,MAC5B,OAAS;AAEL,qBAAa,QAAQ;AACC,4BAAoB,IAAI;AAC9C,aAAK,eAAe,IAAI;AAAA,MAC5B;AAAA,IACA;AAEA,aAAS,cAAc,MAAM;AAC3B,aAAO,aAAa,UAAU,QAAQ,KAAK,aAAc,MAAK,SAAS,aAAc;AAAA,IACvF;AAEA,aAAS,oBAAoB,MAAM;AACjC,aAAO,GAAG,KAAK,QAAS,EAAC,SAAQ,EAAG,SAAS,GAAG,GAAG,CAAC,IAAI,KAAK,SAAU,IAAG,GACvE,SAAU,EAAC,SAAS,GAAG,GAAG,CAAC,GAAG,KAAK,YAAW,CAAE;AAAA,IACrD;AAEA,aAAS,UAAU,MAAM;AACvB,aAAO,KAAK,mBAAmB,MAAM,SAAS,MAAM,SAAS,MAAM;AAAA,QACjE,SAAS;AAAA,MACV,CAAA,EAAE,YAAa;AAAA,IAClB;AAEA,aAAS,cAAc,OAAO,OAAO;AACnC,YAAMA,SAAQ,CAAE;AAChB,eAAS,IAAI,MAAM,QAAQ,aAAa,GAAG,IAAI,QAAQ,MAAM,QAAQ,aAAa,GAAG,KAAK;AACxF,cAAM,UAAU,IAAI,KAAK,KAAK;AAC9B,gBAAQ,QAAQ,MAAM,QAAO,IAAK,CAAC;AACnC,gBAAQ,SAAS,GAAG,GAAG,GAAG,CAAC;AAC3B,QAAAA,OAAM,KAAK,OAAO;AAAA,MACtB;AACE,aAAOA;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
3
|
const vue = require("vue");
|
|
4
4
|
const clickOutside = require("../FieldPhone/click-outside.cjs");
|
|
5
|
-
;/* empty css
|
|
5
|
+
;/* empty css */
|
|
6
6
|
const _hoisted_1 = {
|
|
7
7
|
key: 0,
|
|
8
8
|
class: "w-100 h-100 flex-center flex"
|
|
@@ -61,4 +61,4 @@ const _sfc_main = {
|
|
|
61
61
|
}
|
|
62
62
|
};
|
|
63
63
|
exports.default = _sfc_main;
|
|
64
|
-
//# sourceMappingURL=Dropdown.
|
|
64
|
+
//# sourceMappingURL=Dropdown.vue2.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropdown.vue2.cjs","sources":["../../../../../src/components/Dropdown/Dropdown.vue"],"sourcesContent":["<template>\n <div class=\"dropdown pos-relative\" v-click-outside=\"clickedOutside\" @click.stop=\"isOpen = !isOpen\">\n <div v-if=\"isComponentLabel\" class=\"w-100 h-100 flex-center flex\">\n <component :is=\"label.component\" v-bind=\"label.props\" :class=\"label.class\"></component>\n </div>\n <div v-else>\n {{ label }}\n </div>\n <transition name=\"TransitionTranslateY\" mode=\"out-in\">\n <div \n v-show=\"isOpen\" \n :style=\"{ left: align === 'left' ? '0' : 'auto', right: align === 'right' ? '0' : 'auto' }\" \n class=\"dropdown-content radius-big\" \n >\n <slot></slot>\n </div>\n </transition>\n </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport clickOutside from '../FieldPhone/click-outside';\n\nlet vClickOutside = clickOutside\n\nconst props = defineProps({\n label: {\n type: [String, Object],\n default: 'Open'\n },\n align: {\n type: String,\n default: 'left'\n }\n})\n\nconst isOpen = ref(false);\nconst isComponentLabel = computed(() => typeof props.label === 'object');\n\nfunction clickedOutside () {\n isOpen.value = false\n}\n</script>\n\n<style >\n.dropdown-content {\n display: block;\n position: absolute;\n box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);\n z-index: 1;\n}\n\n/*.dropdown:hover .dropdown-content {\n display: block;\n}*/\n</style>\n"],"names":["clickOutside","ref","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAwBA,QAAI,gBAAgBA,aAAAA;AAEpB,UAAM,QAAQ;AAWd,UAAM,SAASC,IAAG,IAAC,KAAK;AACxB,UAAM,mBAAmBC,IAAAA,SAAS,MAAM,OAAO,MAAM,UAAU,QAAQ;AAEvE,aAAS,iBAAkB;AACzB,aAAO,QAAQ;AAAA,IACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ref, computed, withDirectives, createElementBlock, openBlock, withModifiers, createVNode, createBlock, resolveDynamicComponent, mergeProps, toDisplayString, Transition, withCtx, createElementVNode, normalizeStyle, renderSlot, vShow, unref } from "vue";
|
|
2
2
|
import clickOutside from "../FieldPhone/click-outside.js";
|
|
3
|
-
/* empty css
|
|
3
|
+
/* empty css */
|
|
4
4
|
const _hoisted_1 = {
|
|
5
5
|
key: 0,
|
|
6
6
|
class: "w-100 h-100 flex-center flex"
|
|
@@ -61,4 +61,4 @@ const _sfc_main = {
|
|
|
61
61
|
export {
|
|
62
62
|
_sfc_main as default
|
|
63
63
|
};
|
|
64
|
-
//# sourceMappingURL=Dropdown.
|
|
64
|
+
//# sourceMappingURL=Dropdown.vue2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.
|
|
1
|
+
{"version":3,"file":"Dropdown.vue2.js","sources":["../../../../../src/components/Dropdown/Dropdown.vue"],"sourcesContent":["<template>\n <div class=\"dropdown pos-relative\" v-click-outside=\"clickedOutside\" @click.stop=\"isOpen = !isOpen\">\n <div v-if=\"isComponentLabel\" class=\"w-100 h-100 flex-center flex\">\n <component :is=\"label.component\" v-bind=\"label.props\" :class=\"label.class\"></component>\n </div>\n <div v-else>\n {{ label }}\n </div>\n <transition name=\"TransitionTranslateY\" mode=\"out-in\">\n <div \n v-show=\"isOpen\" \n :style=\"{ left: align === 'left' ? '0' : 'auto', right: align === 'right' ? '0' : 'auto' }\" \n class=\"dropdown-content radius-big\" \n >\n <slot></slot>\n </div>\n </transition>\n </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport clickOutside from '../FieldPhone/click-outside';\n\nlet vClickOutside = clickOutside\n\nconst props = defineProps({\n label: {\n type: [String, Object],\n default: 'Open'\n },\n align: {\n type: String,\n default: 'left'\n }\n})\n\nconst isOpen = ref(false);\nconst isComponentLabel = computed(() => typeof props.label === 'object');\n\nfunction clickedOutside () {\n isOpen.value = false\n}\n</script>\n\n<style >\n.dropdown-content {\n display: block;\n position: absolute;\n box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);\n z-index: 1;\n}\n\n/*.dropdown:hover .dropdown-content {\n display: block;\n}*/\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAwBA,QAAI,gBAAgB;AAEpB,UAAM,QAAQ;AAWd,UAAM,SAAS,IAAI,KAAK;AACxB,UAAM,mBAAmB,SAAS,MAAM,OAAO,MAAM,UAAU,QAAQ;AAEvE,aAAS,iBAAkB;AACzB,aAAO,QAAQ;AAAA,IACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -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/.pnpm/vue-draggable-next@2.2.1_sortablejs@1.15.6_vue@3.5.13_typescript@5.8.3_/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;
|
|
2
95
|
//# sourceMappingURL=EditImages.vue.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditImages.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"EditImages.vue.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 \"@martyrs/src/components/UploadImageMultiple/UploadImageMultiple.vue\";\nimport IconCross from '@martyrs/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,IAAG,IAAC,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,kBAAW;AAAA,IACb;AAEA,UAAM,cAAc,CAAC,UAAU;AAC7B,kBAAY,MAAM,OAAO,OAAO,CAAC;AACjC,kBAAW;AAAA,IACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,2 +1,95 @@
|
|
|
1
|
-
|
|
1
|
+
import { ref, watchEffect, createElementBlock, openBlock, createBlock, createCommentVNode, unref, withCtx, Fragment, renderList, createElementVNode, createVNode } from "vue";
|
|
2
|
+
import { VueDraggableNext } from "../../../../node_modules/.pnpm/vue-draggable-next@2.2.1_sortablejs@1.15.6_vue@3.5.13_typescript@5.8.3_/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
|
+
};
|
|
2
95
|
//# sourceMappingURL=EditImages.vue.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditImages.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"EditImages.vue.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 \"@martyrs/src/components/UploadImageMultiple/UploadImageMultiple.vue\";\nimport IconCross from '@martyrs/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,kBAAW;AAAA,IACb;AAEA,UAAM,cAAc,CAAC,UAAU;AAC7B,kBAAY,MAAM,OAAO,OAAO,CAAC;AACjC,kBAAW;AAAA,IACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -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/.pnpm/vue-draggable-next@2.2.1_sortablejs@1.15.6_vue@3.5.13_typescript@5.8.3_/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;
|
|
95
2
|
//# sourceMappingURL=EditImages.vue2.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditImages.vue2.cjs","sources":[
|
|
1
|
+
{"version":3,"file":"EditImages.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,95 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
import { VueDraggableNext } from "../../../../node_modules/.pnpm/vue-draggable-next@2.2.1_sortablejs@1.15.6_vue@3.5.13_typescript@5.8.3_/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
|
-
};
|
|
1
|
+
|
|
95
2
|
//# sourceMappingURL=EditImages.vue2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditImages.vue2.js","sources":[
|
|
1
|
+
{"version":3,"file":"EditImages.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|