@ozdao/prometheus-framework 0.2.319 → 0.2.320

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozdao/prometheus-framework",
-  "version": "0.2.319",
+  "version": "0.2.320",
   "description": "Web3 Framework focused on user experience and ease of development.",
   "author": "OZ DAO <hello@ozdao.dev>",
   "license": "GPL-3.0-or-later",

package/src/components/Spoiler/Spoiler.vue

@@ -1,44 +1,66 @@
 <template>
   <div>
-    <div @click="showSpoiler = !showSpoiler" class="flex-v-center flex-nowrap flex">
+    <div @click="toggleSpoiler" class="flex-v-center flex-nowrap flex">
       <slot name="header" :is-open="showSpoiler"></slot>
     </div>
-
-    <transition name="collapse">
-      <div v-show="showSpoiler" class="spoiler">
+    <transition
+      name="collapse"
+      @enter="onEnter"
+      @after-enter="onAfterEnter"
+      @leave="onLeave"
+    >
+      <div v-show="showSpoiler" class="spoiler" ref="spoilerContent">
         <slot name="content"></slot>
       </div>
     </transition>
-
   </div>
 </template>
 
 <script setup>
-  import { ref, computed } from 'vue';
+import { ref, computed, onMounted } from 'vue';
+
+const props = defineProps({
+  status: {
+    type: Boolean,
+    default: false
+  }
+});
+
+const showSpoiler = ref(false);
+const spoilerContent = ref(null);
+
+onMounted(() => {
+  if (props.status) {
+    showSpoiler.value = props.status;
+  }
+});
+
+const toggleSpoiler = () => {
+  showSpoiler.value = !showSpoiler.value;
+};
 
-  const props = defineProps({
-    status: {
-      type: Boolean,
-      default: false
-    }
-  });
+// Анимация открытия
+const onEnter = (el) => {
+  el.style.height = '0';
+  void el.offsetHeight; // force reflow
+  el.style.height = el.scrollHeight + 'px';
+};
 
-  const showSpoiler = ref(false);
+const onAfterEnter = (el) => {
+  el.style.height = 'auto';
+};
 
-  if (props.status) showSpoiler.value = props.status
+// Анимация закрытия
+const onLeave = (el) => {
+  el.style.height = el.scrollHeight + 'px';
+  void el.offsetHeight; // force reflow
+  el.style.height = '0';
+};
 </script>
 
 <style lang="scss">
-  .spoiler {
-    transition: max-height 0.3s cubic-bezier(.15,.68,.33,.93);
-  }
-  .collapse-enter-active,
-  .collapse-leave-active {
-    max-height: 2000px;
-  }
-
-  .collapse-enter-from,
-  .collapse-leave-to {
-    max-height: 0;
-  }
-</style>  
+.spoiler {
+  overflow: hidden;
+  transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+</style>

package/src/modules/landing/components/sections/SectionGuide.vue

@@ -32,59 +32,13 @@
   import IconChevronBottom from '@pf/src/modules/icons/navigation/IconChevronBottom.vue'
 
   const props = defineProps({
-    textData: {
+    content: {
       type: Object,
-      default: () => ({
-        en: {
-          title: 'If you still wonder?',
-          subtitle: 'Have questions about Weeder? Check out our FAQ section for comprehensive answers about our platform, products, and policies:',
-          FAQ: [{
-            title: 'Do you have a marijuana dispensary store that I can visit?',
-            description: "Unfortunately, we do not currently have our own physical dispensary store that is open to the public. However, you can visit our licensed partner Fin.Kan House to purchase marijuana products. Alternatively, you can also order weed from us directly through our website or by phone for delivery to your location. 📱"
-          },{
-            title: 'What is the minimum age requirement to purchase cannabis products?',
-            description: "The minimum age requirement to purchase cannabis products is  21 years of age 🔞. Please be prepared to provide proof of age when you receive delivery."
-          },{
-            title: 'How will my order be delivered?',
-            description: 'Orders will be delivered to the address provided at checkout 📬. Please ensure that someone is available to receive the delivery at the designated address.'
-          },{
-            title: 'Is it safe to order cannabis online?',
-            description: 'It is safe to order cannabis online from a licensed and reputable retailer 🏭. '
-          },{
-            title: 'Do you deliver weed to hotels in Thailand?',
-            description: 'Hell yeah! If you order weed online, be sure to give us the hotel name and where you would like to meet your weed delivery driver.'
-          },{
-            title: 'Are there any promotions or discounts available?',
-            description: 'We frequently offer promotions and discounts on select products 🎉. Please check our website or social media pages for the latest deals.'
-          }]
-        },
-        ru: {
-          title: 'У вас еще есть вопросы?',
-          FAQ: [{
-           title: 'У вас есть магазин марихуаны, который я могу посетить?',
-           description: 'К сожалению, у нас нет собственного физического магазина марихуаны, который открыт для посетителей. Однако вы можете посетить нашего лицензированного партнера Fin.Kan House, чтобы приобрести марихуану. Также вы можете заказать марихуану у нас напрямую через наш сайт или по телефону для доставки в ваш адрес.'
-         },{
-           title: 'Какой минимальный возраст для покупки каннабиса?',
-           description: 'Минимальное возрастное требование для покупки каннабиса составляет 21 год 🔞. Будьте готовы предъявить документы, когда вы будете получать доставку.'
-         },{
-           title: 'Как будет доставлен мой заказ?',
-           description: 'Заказы будут доставлены по указанному при оформлении заказа адресу 📬. Пожалуйста, убедитесь, что кто-то будет дома, чтобы принять доставку.'
-         },{
-           title: 'Безопасно ли заказывать каннабис онлайн?',
-           description: 'Да, безопасно заказывать каннабис онлайн у лицензированного и хорошо известного ретейлера 🏭. '
-         },{
-           title: 'Вы доставляете травку в отели Таиланда?',
-           description: 'Черт возьми, да! Если вы заказываете травку онлайн, обязательно сообщите нам название отеля и место, где вы хотели бы встретиться с водителем, доставляющим травку.'
-         },{
-           title: 'Есть ли какие-то акции или скидки?',
-           description: 'Мы часто предлагаем акции и скидки на определенные товары 🎉. Пожалуйста, посетите наш сайт или страницы в социальных сетях, чтобы узнать о последних предложениях.'
-         }]
-       }
-      })
+      required: true
     }
   })
 const { t, tm } = useI18n({
-  messages: props.textData
+  messages: props.content
 })
 </script>
 

package/src/modules/landing/components/sections/SectionOverview.vue

@@ -28,13 +28,13 @@
   import { useI18n } from 'vue-i18n'
 
   const props = defineProps({
-    localization: {
+    content: {
       type: Object,
       required: true
     }
   })
 
   const { t, tm } = useI18n({
-    messages: props.localization
+    messages: props.content
   })
 </script>

package/src/modules/marketplace/marketplace.client.js

@@ -22,7 +22,7 @@ function initializeProducts(app, store, router, options = {}) {
   store.addStore('marketplace', storeMarketplace);
 }
 
-const ModuleProducts = {
+const ModuleMarketplace = {
   initialize: initializeProducts,
   views: {
     store: {