@myissue/vue-website-page-builder 3.3.78 → 3.3.80

package/dist/{zh-Hans-notf0z2N.js → zh-Hans-B4txt13y.js}

@@ -1,4 +1,4 @@
-const e = "保存", o = "选项", t = "头像", n = "发布", s = "关闭", a = "组件", i = "样式", r = "排版", l = "选择", d = "内边距", p = "边距", u = "全局", c = "具体", g = "边框", y = "透明", h = "添加", m = "属性", S = "值", C = "关闭", f = "编辑", w = "删除", T = "预览", b = "移动", v = {
+const e = "保存", o = "选项", t = "头像", n = "发布", i = "关闭", s = "组件", a = "样式", r = "排版", l = "选择", d = "内边距", p = "边距", c = "全局", u = "具体", g = "边框", y = "透明", h = "添加", m = "属性", T = "值", S = "关闭", C = "编辑", w = "删除", b = "预览", f = "移动", v = "加粗", B = "链接", D = "列表", L = {
   "Reset Page": "重置页面",
   "Global Page Styles": "全局页面样式",
   "Try the powerful Click & Drop Page Builder—designed for developers and creators who want full control without the hassle. Customize layouts, fonts, and colors. Edit content visually in real time. Add media, embed YouTube videos, or export everything as clean HTML. With responsive editing, local auto-save, Tailwind support, and even Unsplash integration, it's everything you need—wrapped in one seamless builder. Build Stunning Pages in Minutes.": "试试强大的Click & Drop Page Builder——专为希望完全控制而无需麻烦的开发者和创作者设计。自定义布局、字体和颜色。实时可视化编辑内容。添加媒体、嵌入YouTube视频或将所有内容导出为干净的HTML。凭借响应式编辑、本地自动保存、Tailwind支持，甚至Unsplash集成，它是您所需的一切——集成在一个无缝的构建器中。几分钟内构建令人惊叹的页面。",
@@ -16,15 +16,15 @@ const e = "保存", o = "选项", t = "头像", n = "发布", s = "关闭", a =
   avatar: t,
   Publish: n,
   "Add Components to Page": "将组件添加到页面",
-  Close: s,
+  Close: i,
   "Helper Components": "辅助组件",
   "Click to add": "点击添加",
-  component: a,
+  component: s,
   "Layout Components": "布局组件",
   "Click to add component": "点击添加组件",
   "Remove all Components": "删除所有组件",
   "Are you sure you want to remove all Components?": "您确定要删除所有组件吗？",
-  Styles: i,
+  Styles: a,
   "Apply styles that affect the entire page. These settings include global font family, text color, background color, and other universal styles that apply to all sections.": "应用影响整个页面的样式。这些设置包括全局字体系列、文本颜色、背景颜色和适用于所有部分的其他通用样式。",
   "Update Page Styles": "更新页面样式",
   "Download HTML": "下载HTML",
@@ -48,8 +48,8 @@ const e = "保存", o = "选项", t = "头像", n = "发布", s = "关闭", a =
   "Vertical Margin": "垂直边距",
   "Horizontal Margin": "水平边距",
   "Border Radius": "边框半径",
-  Global: u,
-  Specific: c,
+  Global: c,
+  Specific: u,
   "Border Radius top left": "边框半径 左上",
   "Border Radius top right": "边框半径 右上",
   "Border Radius bottom left": "边框半径 左下",
@@ -70,9 +70,9 @@ const e = "保存", o = "选项", t = "头像", n = "发布", s = "关闭", a =
   "These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.": "这些是构建器应用的内联样式。添加您自己的样式，然后按 Enter 将其应用于选定的元素。",
   "Add your own style.": "添加您自己的样式。",
   property: m,
-  value: S,
-  close: C,
-  Editing: f,
+  value: T,
+  close: S,
+  Editing: C,
   "Loading...": "加载中...",
   "Background Color": "背景颜色",
   "Text Color": "文字颜色",
@@ -81,32 +81,52 @@ const e = "保存", o = "选项", t = "头像", n = "发布", s = "关闭", a =
   "Are you sure you want to remove this Component?": "您确定要删除此组件吗？",
   Delete: w,
   "Add to the bottom": "添加到底部",
-  Preview: T,
-  Mobile: b
+  Preview: b,
+  Mobile: f,
+  "Demo Content": "演示内容",
+  "Demo Description": "介绍轻量级和免费的Vue Click & Drop页面构建器。使用Vue轻松创建和增强数字体验。并非所有强大的东西都需要复杂。这款简约轻便的页面构建器提供了一个优雅直观的界面，专注于简单性和速度。创建完全响应式的页面，例如列表、职位板或博客文章，并使用免费的Click & Drop页面构建器轻松管理您的内容。",
+  "Demo Title": "令人惊叹的页面的网页构建器",
+  "Demo Description Two": "为增长而设计的页面构建器。使用完全可定制且始终响应的现成组件构建您的网站页面，旨在满足所有需求。为不断发展的商家、品牌和代理商提供强大的页面构建器。",
+  "Demo Description Three": "设计师喜爱的网站构建器。轻松设计、预览和调整每个屏幕尺寸的布局。干净。快速。直观。并非所有强大的东西都必须看起来很复杂。",
+  "Demo Description Four": "确保您的网站在所有设备上看起来都很棒。实时编辑文本内容。选择与您的风格相匹配的完美字体。自信地进行实验，并能够轻松复更改。样式前缀。构建器和您的应用程序之间没有样式冲突的风险。",
+  "Demo Title Two": "只需使用Vue发布即可",
+  "Demo Title Three": "响应式编辑",
+  "Edit text and links": "编辑文本和链接",
+  "Enter URL": "输入URL",
+  "Line break": "换行",
+  Bold: v,
+  Link: B,
+  "Header 2": "标题2",
+  "Header 3": "标题3",
+  List: D,
+  "Add a valid URL to transform the selected text into a clickable hyperlink that directs users to the specified web address.": "添加一个有效的URL，将选定的文本转换为可点击的超链接，指向指定的网页地址。"
 };
 export {
   h as Add,
+  v as Bold,
   g as Border,
-  s as Close,
+  i as Close,
   w as Delete,
-  f as Editing,
-  u as Global,
+  C as Editing,
+  c as Global,
+  B as Link,
+  D as List,
   p as Margin,
-  b as Mobile,
+  f as Mobile,
   o as Options,
   d as Padding,
-  T as Preview,
+  b as Preview,
   n as Publish,
   e as Save,
   l as Select,
-  c as Specific,
-  i as Styles,
+  u as Specific,
+  a as Styles,
   y as Transparent,
   r as Typographies,
   t as avatar,
-  C as close,
-  a as component,
-  v as default,
+  S as close,
+  s as component,
+  L as default,
   m as property,
-  S as value
+  T as value
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myissue/vue-website-page-builder",
-  "version": "3.3.78",
+  "version": "3.3.80",
   "description": "Vue 3 page builder component with drag & drop functionality.",
   "type": "module",
   "main": "./dist/vue-website-page-builder.umd.cjs",

package/src/Components/Modals/ModalBuilder.vue

@@ -72,7 +72,7 @@ const maxWidthClass = computed(() => {
         ></div>
 
         <div
-          class="pbx-relative pbx-inline-block pbx-bg-white pbx-rounded-xl pbx-text-left pbx-overflow-hidden pbx-shadow-xl pbx-transform pbx-transition-all pbx-max-w-[96vh] pbx-max-h-[98vh] pbx-overflow-y-auto pbx-w-full"
+          class="pbx-relative pbx-inline-block pbx-bg-white pbx-rounded-xl pbx-text-left pbx-overflow-hidden pbx-shadow-xl pbx-transform pbx-transition-all pbx-max-w-[96vh] lg:pbx-max-h-[98vh] pbx-max-h-[85vh] pbx-overflow-y-auto pbx-w-full"
           :class="[
             maxWidthClass ? maxWidthClass : '',
             minHeight ? minHeight : '',
@@ -101,7 +101,7 @@ const maxWidthClass = computed(() => {
               {{ title }}
             </h3>
             <div
-              class="pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white hover:pbx-fill-white focus-visible:pbx-ring-0"
+              class="pbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0 pbx-text-black"
               @click="handleClose"
             >
               <span class="material-symbols-outlined"> close </span>

package/src/Components/PageBuilder/ToolbarOption/ToolbarOption.vue

@@ -97,7 +97,7 @@ const openHTMLSettings = function () {
       <div class="pbx-mr-2">
         <!-- User No image Start-->
         <div
-          class="pbx-flex pbx-items-center pbx-myPrimaryTag pbx-whitespace-nowrappbx-py-0"
+          class="pbx-flex pbx-items-center pbx-myPrimaryTag pbx-whitespace-nowrap pbx-py-0"
           v-if="
             getPageBuilderConfig &&
             getPageBuilderConfig.userForPageBuilder &&

package/src/Components/TipTap/TipTap.vue

@@ -1,5 +1,8 @@
 <script setup lang="ts">
 import { getPageBuilder } from '../../composables/builderInstance'
+import { useTranslations } from '../../composables/useTranslations'
+
+const { translate } = useTranslations()
 const pageBuilderService = getPageBuilder()
 </script>
 
@@ -15,7 +18,7 @@ const pageBuilderService = getPageBuilder()
               class="pbx-myPrimaryButton"
             >
               <span class="material-symbols-outlined"> edit </span>
-              <span>Edit text and links</span>
+              <span>{{ translate('Edit text and links') }}</span>
             </button>
           </div>
         </div>

package/src/Components/TipTap/TipTapInput.vue

@@ -6,8 +6,11 @@ import Link from '@tiptap/extension-link'
 import DynamicModalBuilder from '../Modals/DynamicModalBuilder.vue'
 import { sharedPageBuilderStore } from '../../stores/shared-store'
 import { getPageBuilder } from '../../composables/builderInstance'
+import { useTranslations } from '../../composables/useTranslations'
 const pageBuilderService = getPageBuilder()
 
+const { translate } = useTranslations()
+
 // Use shared store instance
 const pageBuilderStateStore = sharedPageBuilderStore
 
@@ -106,12 +109,13 @@ const handleURL = function () {
   showModalUrl.value = true
   typeModal.value = 'success'
   gridColumnModal.value = 2
-  titleModal.value = 'Enter URL'
-  descriptionModal.value =
-    'Add a valid URL to transform the selected text into a clickable hyperlink that directs users to the specified web address.'
+  titleModal.value = translate('Enter URL')
+  descriptionModal.value = translate(
+    'Add a valid URL to transform the selected text into a clickable hyperlink that directs users to the specified web address.',
+  )
   firstButtonModal.value = 'Close'
   secondButtonModal.value = urlEnteret.value ? 'Remove url' : null
-  thirdButtonModal.value = 'Save'
+  thirdButtonModal.value = translate('Save')
 
   // handle click
   firstModalButtonFunctionDynamicModalBuilder.value = function () {
@@ -196,7 +200,8 @@ onMounted(() => {
       <header></header>
       <main>
         <div class="pbx-myInputGroup">
-          <label class="pbx-myPrimaryInputLabel" for="roles"><span>Enter URL</span></label
+          <label class="pbx-myPrimaryInputLabel" for="roles"
+            ><span>{{ translate('Enter URL') }}</span></label
           ><input
             v-model="urlEnteret"
             class="pbx-myPrimaryInput pbx-mt-1"
@@ -232,7 +237,7 @@ onMounted(() => {
                     class="pbx-myPrimaryTag"
                   >
                     <span class="material-symbols-outlined"> save </span>
-                    <span>Save</span>
+                    <span>{{ translate('Save') }}</span>
                   </button>
                 </div>
               </div>
@@ -247,7 +252,7 @@ onMounted(() => {
                   class="pbx-myPrimaryTag"
                 >
                   <span class="material-symbols-outlined"> keyboard_return </span>
-                  <span>Line break</span>
+                  <span>{{ translate('Line break') }}</span>
                 </button>
               </div>
 
@@ -259,7 +264,7 @@ onMounted(() => {
                   :class="{ 'pbx-bg-myPrimaryLinkColor pbx-text-white': editor.isActive('bold') }"
                 >
                   <span class="material-symbols-outlined"> format_bold </span>
-                  <span>Bold</span>
+                  <span>{{ translate('Bold') }}</span>
                 </button>
               </div>
 
@@ -271,7 +276,7 @@ onMounted(() => {
                   :class="{ 'pbx-bg-myPrimaryLinkColor pbx-text-white': editor.isActive('link') }"
                 >
                   <span class="material-symbols-outlined"> link </span>
-                  <span>Link</span>
+                  <span>{{ translate('Link') }}</span>
                 </button>
               </div>
 
@@ -287,7 +292,7 @@ onMounted(() => {
                   }"
                 >
                   <span class="material-symbols-outlined"> titlecase </span>
-                  <span>Header 2</span>
+                  <span>{{ translate('Header 2') }}</span>
                 </button>
               </div>
 
@@ -303,7 +308,7 @@ onMounted(() => {
                   }"
                 >
                   <span class="material-symbols-outlined"> titlecase </span>
-                  <span>Header 3</span>
+                  <span>{{ translate('Header 3') }}</span>
                 </button>
               </div>
 
@@ -317,7 +322,7 @@ onMounted(() => {
                   }"
                 >
                   <span class="material-symbols-outlined"> list </span>
-                  <span>List</span>
+                  <span>{{ translate('List') }}</span>
                 </button>
               </div>
             </div>