@myissue/vue-website-page-builder 3.3.68 → 3.3.70
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/README.md +1 -66
- package/dist/vue-website-page-builder.js +11674 -14514
- package/dist/vue-website-page-builder.umd.cjs +57 -78
- package/package.json +1 -1
- package/src/Components/PageBuilder/EditorMenu/Editables/BackgroundColorEditor.vue +2 -2
- package/src/Components/PageBuilder/EditorMenu/Editables/BorderRadius.vue +13 -19
- package/src/Components/PageBuilder/EditorMenu/Editables/Borders.vue +7 -9
- package/src/Components/PageBuilder/EditorMenu/Editables/ClassEditor.vue +7 -8
- package/src/Components/PageBuilder/EditorMenu/Editables/ManageBackgroundOpacity.vue +3 -7
- package/src/Components/PageBuilder/EditorMenu/Editables/ManageOpacity.vue +3 -5
- package/src/Components/PageBuilder/EditorMenu/Editables/Margin.vue +5 -9
- package/src/Components/PageBuilder/EditorMenu/Editables/OpacityEditor.vue +1 -1
- package/src/Components/PageBuilder/EditorMenu/Editables/Padding.vue +5 -9
- package/src/Components/PageBuilder/EditorMenu/Editables/StyleEditor.vue +7 -8
- package/src/Components/PageBuilder/EditorMenu/Editables/Typography.vue +9 -25
- package/src/Components/PageBuilder/EditorMenu/RightSidebarEditor.vue +12 -9
- package/src/Components/PageBuilder/Settings/PageBuilderSettings.vue +3 -3
- package/src/Components/PageBuilder/ToolbarOption/ToolbarOption.vue +4 -4
- package/src/PageBuilder/PageBuilder.vue +28 -75
- package/src/composables/builderInstance.ts +2 -3
- package/src/main.ts +5 -10
- package/src/services/PageBuilderService.ts +28 -120
- package/src/stores/page-builder-state.ts +6 -0
- package/src/tests/PageBuilderTest.vue +53 -21
- package/src/tests/pageBuilderService.test.ts +1 -7
- package/src/types/index.ts +1 -1
- package/src/i18n.ts +0 -28
- package/src/locales/ar.json +0 -136
- package/src/locales/de.json +0 -136
- package/src/locales/en.json +0 -136
- package/src/locales/es.json +0 -136
- package/src/locales/fr.json +0 -136
- package/src/locales/hi.json +0 -136
- package/src/locales/ja.json +0 -136
- package/src/locales/pt.json +0 -136
- package/src/locales/ru.json +0 -136
- package/src/locales/zh-Hans.json +0 -136
package/src/locales/ru.json
DELETED
|
@@ -1,136 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"language": "Язык",
|
|
3
|
-
"button": {
|
|
4
|
-
"addComponentsToBottom": "Добавить компоненты в конец",
|
|
5
|
-
"publish": "Опубликовать",
|
|
6
|
-
"addComponents": "Добавить новые компоненты",
|
|
7
|
-
"save": "Сохранить",
|
|
8
|
-
"resetPage": "Сбросить страницу"
|
|
9
|
-
},
|
|
10
|
-
"options": {
|
|
11
|
-
"button": "Опции",
|
|
12
|
-
"configOverview": "Обзор конфигурации",
|
|
13
|
-
"htmlOverview": "Обзор HTML",
|
|
14
|
-
"deleteLayout": "Удалить макет"
|
|
15
|
-
},
|
|
16
|
-
"features": {
|
|
17
|
-
"liveDragDropBuilder": {
|
|
18
|
-
"name": "Живой Drag & Drop Builder",
|
|
19
|
-
"description": "Перетаскивайте контент на страницу и наблюдайте, как она оживает. Воплотите свою идею в жизнь и создайте впечатляющие страницы с помощью конструктора страниц drag & drop."
|
|
20
|
-
},
|
|
21
|
-
"trueVisualEditing": {
|
|
22
|
-
"name": "Настоящее визуальное редактирование",
|
|
23
|
-
"description": "Видьте изменения в реальном времени. Повышайте творческое видение и создавайте страницы с помощью интуитивного конструктора. Освободитесь от ограничений дизайна и воплотите свои идеи в реальность."
|
|
24
|
-
},
|
|
25
|
-
"features": {
|
|
26
|
-
"name": "Функции",
|
|
27
|
-
"description": "Drag & Drop, изменение порядка, настоящее визуальное редактирование, адаптивное редактирование, настройка шрифтов, отмена и повтор, редактирование текста, медиатека, интеграция Unsplash, видео YouTube."
|
|
28
|
-
},
|
|
29
|
-
"technologies": {
|
|
30
|
-
"name": "Технологии",
|
|
31
|
-
"description": "Разработано с использованием TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS и HTML."
|
|
32
|
-
},
|
|
33
|
-
"setBrandAndLinkColors": {
|
|
34
|
-
"name": "Установите цвета бренда и ссылок в одном месте",
|
|
35
|
-
"description": "Глобальные стили для шрифтов, дизайна и цветов. Установите цвета бренда и ссылок один раз и применяйте их по всей платформе с легкостью."
|
|
36
|
-
},
|
|
37
|
-
"mobileFirstApproach": {
|
|
38
|
-
"name": "Mobile-First подход",
|
|
39
|
-
"description": "Разработано с учетом Mobile-First. Конструктор страниц работает даже на мобильных телефонах."
|
|
40
|
-
},
|
|
41
|
-
"mediaLibrary": {
|
|
42
|
-
"name": "Медиатека",
|
|
43
|
-
"description": "Красивая и удобная медиатека, позволяющая изменять и обновлять изображения. Интеграция с Unsplash включена."
|
|
44
|
-
},
|
|
45
|
-
"minimalIntuitiveDesign": {
|
|
46
|
-
"name": "Минималистичный и интуитивный дизайн",
|
|
47
|
-
"description": "Красивый, элегантный и интуитивно понятный дизайн. Повышайте вовлеченность пользователей с потрясающим визуальным опытом."
|
|
48
|
-
}
|
|
49
|
-
},
|
|
50
|
-
"branding": {
|
|
51
|
-
"mainHeader": "Воплотите свою идею в жизнь и создайте впечатляющие страницы с помощью конструктора страниц drag & drop",
|
|
52
|
-
"description": "Веб-конструктор для потрясающих страниц. Позвольте пользователям проектировать и публиковать современные страницы любого масштаба. Создавайте адаптивные страницы, такие как списки, вакансии или блоги, и легко управляйте контентом с помощью бесплатного конструктора страниц drag & drop. Разработано с использованием TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS и HTML. Скачайте или установите наш мощный, гибкий и простой в использовании бесплатный Page Builder для Vue 3.",
|
|
53
|
-
"downloadDescription": "Скачайте или установите наш мощный, гибкий и простой в использовании бесплатный Page Builder для Vue 3 через"
|
|
54
|
-
},
|
|
55
|
-
"typography": {
|
|
56
|
-
"title": "Типография",
|
|
57
|
-
"appearance": "Внешний вид шрифта",
|
|
58
|
-
"fontSize": "Размер шрифта",
|
|
59
|
-
"fontTabletSize": "Размер шрифта для планшета",
|
|
60
|
-
"fontMobileSize": "Маленькие экраны",
|
|
61
|
-
"fontWeight": "Толщина шрифта",
|
|
62
|
-
"fontFamily": "Семейство шрифтов",
|
|
63
|
-
"fontStyle": "Стиль шрифта"
|
|
64
|
-
},
|
|
65
|
-
"opacity": {
|
|
66
|
-
"label": "Непрозрачность",
|
|
67
|
-
"transparent": "Прозрачный"
|
|
68
|
-
},
|
|
69
|
-
"backgroundOpacity": {
|
|
70
|
-
"label": "Прозрачность фона",
|
|
71
|
-
"transparent": "Прозрачный"
|
|
72
|
-
},
|
|
73
|
-
"padding": {
|
|
74
|
-
"title": "Внутренний отступ",
|
|
75
|
-
"vertical": "Вертикальный отступ",
|
|
76
|
-
"horizontal": "Горизонтальный отступ",
|
|
77
|
-
"select": "Выбрать"
|
|
78
|
-
},
|
|
79
|
-
"margin": {
|
|
80
|
-
"title": "Внешний отступ",
|
|
81
|
-
"vertical": "Вертикальный внешний отступ",
|
|
82
|
-
"horizontal": "Горизонтальный внешний отступ",
|
|
83
|
-
"select": "Выбрать"
|
|
84
|
-
},
|
|
85
|
-
"opacityEditor": {
|
|
86
|
-
"title": "Непрозрачность и прозрачность"
|
|
87
|
-
},
|
|
88
|
-
"borderRadius": {
|
|
89
|
-
"title": "Радиус границы",
|
|
90
|
-
"global": "Глобальный",
|
|
91
|
-
"specific": "Конкретный",
|
|
92
|
-
"label": "Радиус границы",
|
|
93
|
-
"topLeft": "Радиус границы сверху слева",
|
|
94
|
-
"topRight": "Радиус границы сверху справа",
|
|
95
|
-
"bottomLeft": "Радиус границы снизу слева",
|
|
96
|
-
"bottomRight": "Радиус границы снизу справа",
|
|
97
|
-
"select": "Выбрать"
|
|
98
|
-
},
|
|
99
|
-
"borders": {
|
|
100
|
-
"title": "Стиль, ширина и цвет границы",
|
|
101
|
-
"border": "Граница",
|
|
102
|
-
"style": "Стиль границы",
|
|
103
|
-
"width": "Ширина границы",
|
|
104
|
-
"color": "Цвет границы",
|
|
105
|
-
"select": "Выбрать"
|
|
106
|
-
},
|
|
107
|
-
"classEditor": {
|
|
108
|
-
"title": "Сгенерированный CSS",
|
|
109
|
-
"info": "Это CSS, применяемый конструктором. Добавьте свой CSS и нажмите Enter, чтобы применить его к выбранному элементу.",
|
|
110
|
-
"add": "Добавьте свой CSS.",
|
|
111
|
-
"prefix": "Префикс pbx- добавляется автоматически.",
|
|
112
|
-
"placeholder": "Введите класс",
|
|
113
|
-
"addButton": "Добавить"
|
|
114
|
-
},
|
|
115
|
-
"styleEditor": {
|
|
116
|
-
"title": "Встроенные стили",
|
|
117
|
-
"info": "Это встроенные стили, применяемые конструктором. Добавьте свои стили и нажмите Enter, чтобы применить их к выбранному элементу.",
|
|
118
|
-
"add": "Добавьте свой стиль.",
|
|
119
|
-
"propertyPlaceholder": "свойство",
|
|
120
|
-
"valuePlaceholder": "значение",
|
|
121
|
-
"addButton": "Добавить"
|
|
122
|
-
},
|
|
123
|
-
"rightSidebar": {
|
|
124
|
-
"backgroundColorEditor": {
|
|
125
|
-
"label": "Цвет фона",
|
|
126
|
-
"transparent": "Прозрачный"
|
|
127
|
-
},
|
|
128
|
-
"editing": "Редактирование",
|
|
129
|
-
"globalPageStylesTitle": "Глобальные стили страницы",
|
|
130
|
-
"globalPageStylesDescription": "Применяйте стили, которые влияют на всю страницу. Эти настройки включают глобальное семейство шрифтов, цвет текста, цвет фона и другие универсальные стили, применяемые ко всем разделам.",
|
|
131
|
-
"updatePageStyles": "Обновить стили страницы",
|
|
132
|
-
"downloadHtmlTitle": "Скачать HTML",
|
|
133
|
-
"downloadHtmlDescription": "Экспортируйте всю страницу как автономный HTML-файл. Это включает все разделы, содержимое и примененные стили, готовые к использованию или интеграции в другом месте.",
|
|
134
|
-
"downloadHtmlButton": "Скачать HTML-файл"
|
|
135
|
-
}
|
|
136
|
-
}
|
package/src/locales/zh-Hans.json
DELETED
|
@@ -1,136 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"language": "语言",
|
|
3
|
-
"button": {
|
|
4
|
-
"addComponentsToBottom": "添加组件到底部",
|
|
5
|
-
"publish": "发布",
|
|
6
|
-
"addComponents": "添加新组件",
|
|
7
|
-
"save": "保存",
|
|
8
|
-
"resetPage": "重置页面"
|
|
9
|
-
},
|
|
10
|
-
"options": {
|
|
11
|
-
"button": "选项",
|
|
12
|
-
"configOverview": "配置概览",
|
|
13
|
-
"htmlOverview": "HTML 概览",
|
|
14
|
-
"deleteLayout": "删除布局"
|
|
15
|
-
},
|
|
16
|
-
"features": {
|
|
17
|
-
"liveDragDropBuilder": {
|
|
18
|
-
"name": "实时拖放构建器",
|
|
19
|
-
"description": "在页面上点击并拖放内容,见证页面焕发生机。让您的愿景成真,使用拖放页面生成器创建令人印象深刻的页面。"
|
|
20
|
-
},
|
|
21
|
-
"trueVisualEditing": {
|
|
22
|
-
"name": "真正的可视化编辑",
|
|
23
|
-
"description": "实时查看您的更改。提升您的创意愿景,使用直观的页面生成器创建页面。打破设计限制,将您的想法变为现实。"
|
|
24
|
-
},
|
|
25
|
-
"features": {
|
|
26
|
-
"name": "功能",
|
|
27
|
-
"description": "拖放、重新排序、真正的可视化编辑、响应式编辑、字体自定义、撤销与重做、文本编辑、媒体库、Unsplash 集成、YouTube 视频。"
|
|
28
|
-
},
|
|
29
|
-
"technologies": {
|
|
30
|
-
"name": "技术",
|
|
31
|
-
"description": "由 TypeScript、Vue 3、Composition API、Pinia、CSS、Tailwind CSS 和 HTML 开发。"
|
|
32
|
-
},
|
|
33
|
-
"setBrandAndLinkColors": {
|
|
34
|
-
"name": "一处设置品牌和链接颜色",
|
|
35
|
-
"description": "字体、设计和颜色的全局样式。只需设置一次品牌和链接颜色,即可轻松应用到整个平台。"
|
|
36
|
-
},
|
|
37
|
-
"mobileFirstApproach": {
|
|
38
|
-
"name": "移动优先策略",
|
|
39
|
-
"description": "采用移动优先策略开发。页面生成器甚至可以在手机上使用。"
|
|
40
|
-
},
|
|
41
|
-
"mediaLibrary": {
|
|
42
|
-
"name": "媒体库",
|
|
43
|
-
"description": "美观且用户友好的媒体库,允许您更改和更新图片。包含 Unsplash 集成。"
|
|
44
|
-
},
|
|
45
|
-
"minimalIntuitiveDesign": {
|
|
46
|
-
"name": "极简直观设计",
|
|
47
|
-
"description": "美观、优雅且直观的设计。通过出色的视觉体验提升用户参与度。"
|
|
48
|
-
}
|
|
49
|
-
},
|
|
50
|
-
"branding": {
|
|
51
|
-
"mainHeader": "让您的愿景成真,使用拖放页面生成器创建令人印象深刻的页面",
|
|
52
|
-
"description": "令人惊叹的网页构建器。让用户能够在任何规模下设计和发布现代网页。使用免费的拖放页面生成器,轻松构建响应式页面,如列表、职位或博客文章,并轻松管理内容。由 TypeScript、Vue 3、Composition API、Pinia、CSS、Tailwind CSS 和 HTML 开发。免费下载或安装我们强大、灵活且易于使用的 Vue 3 页面生成器。",
|
|
53
|
-
"downloadDescription": "免费下载或安装我们强大、灵活且易于使用的 Vue 3 页面生成器,通过"
|
|
54
|
-
},
|
|
55
|
-
"typography": {
|
|
56
|
-
"title": "排版",
|
|
57
|
-
"appearance": "字体外观",
|
|
58
|
-
"fontSize": "字体大小",
|
|
59
|
-
"fontTabletSize": "平板字体大小",
|
|
60
|
-
"fontMobileSize": "小屏幕",
|
|
61
|
-
"fontWeight": "字体粗细",
|
|
62
|
-
"fontFamily": "字体族",
|
|
63
|
-
"fontStyle": "字体样式"
|
|
64
|
-
},
|
|
65
|
-
"opacity": {
|
|
66
|
-
"label": "不透明度",
|
|
67
|
-
"transparent": "透明"
|
|
68
|
-
},
|
|
69
|
-
"backgroundOpacity": {
|
|
70
|
-
"label": "背景不透明度",
|
|
71
|
-
"transparent": "透明"
|
|
72
|
-
},
|
|
73
|
-
"padding": {
|
|
74
|
-
"title": "内边距",
|
|
75
|
-
"vertical": "垂直内边距",
|
|
76
|
-
"horizontal": "水平内边距",
|
|
77
|
-
"select": "选择"
|
|
78
|
-
},
|
|
79
|
-
"margin": {
|
|
80
|
-
"title": "外边距",
|
|
81
|
-
"vertical": "垂直外边距",
|
|
82
|
-
"horizontal": "水平外边距",
|
|
83
|
-
"select": "选择"
|
|
84
|
-
},
|
|
85
|
-
"opacityEditor": {
|
|
86
|
-
"title": "不透明度与透明度"
|
|
87
|
-
},
|
|
88
|
-
"borderRadius": {
|
|
89
|
-
"title": "圆角",
|
|
90
|
-
"global": "全局",
|
|
91
|
-
"specific": "特定",
|
|
92
|
-
"label": "圆角",
|
|
93
|
-
"topLeft": "左上圆角",
|
|
94
|
-
"topRight": "右上圆角",
|
|
95
|
-
"bottomLeft": "左下圆角",
|
|
96
|
-
"bottomRight": "右下圆角",
|
|
97
|
-
"select": "选择"
|
|
98
|
-
},
|
|
99
|
-
"borders": {
|
|
100
|
-
"title": "边框样式、宽度和颜色",
|
|
101
|
-
"border": "边框",
|
|
102
|
-
"style": "边框样式",
|
|
103
|
-
"width": "边框宽度",
|
|
104
|
-
"color": "边框颜色",
|
|
105
|
-
"select": "选择"
|
|
106
|
-
},
|
|
107
|
-
"classEditor": {
|
|
108
|
-
"title": "生成的 CSS",
|
|
109
|
-
"info": "这是由构建器应用的 CSS。添加您自己的 CSS 并按回车键将其应用到所选元素。",
|
|
110
|
-
"add": "添加您的 CSS。",
|
|
111
|
-
"prefix": "pbx- 前缀会自动添加。",
|
|
112
|
-
"placeholder": "输入类名",
|
|
113
|
-
"addButton": "添加"
|
|
114
|
-
},
|
|
115
|
-
"styleEditor": {
|
|
116
|
-
"title": "内联样式",
|
|
117
|
-
"info": "这些是由构建器应用的内联样式。添加您自己的样式并按回车键将其应用到所选元素。",
|
|
118
|
-
"add": "添加您自己的样式。",
|
|
119
|
-
"propertyPlaceholder": "属性",
|
|
120
|
-
"valuePlaceholder": "值",
|
|
121
|
-
"addButton": "添加"
|
|
122
|
-
},
|
|
123
|
-
"rightSidebar": {
|
|
124
|
-
"backgroundColorEditor": {
|
|
125
|
-
"label": "背景颜色",
|
|
126
|
-
"transparent": "透明"
|
|
127
|
-
},
|
|
128
|
-
"editing": "编辑",
|
|
129
|
-
"globalPageStylesTitle": "全局页面样式",
|
|
130
|
-
"globalPageStylesDescription": "应用影响整个页面的样式。这些设置包括全局字体、文本颜色、背景颜色和适用于所有部分的其他通用样式。",
|
|
131
|
-
"updatePageStyles": "更新页面样式",
|
|
132
|
-
"downloadHtmlTitle": "下载 HTML",
|
|
133
|
-
"downloadHtmlDescription": "将整个页面导出为独立的 HTML 文件。这包括所有部分、内容和应用的样式,可随时使用或集成到其他地方。",
|
|
134
|
-
"downloadHtmlButton": "下载 HTML 文件"
|
|
135
|
-
}
|
|
136
|
-
}
|