5 |
6 |
8 |
9 |
10 |
11 |
26 |
27 |
30 |
--------------------------------------------------------------------------------
/src/components/tinymce/plugins.js:
--------------------------------------------------------------------------------
1 | // Any plugins you want to use has to be imported
2 | // Detail plugins list see https://www.tinymce.com/docs/plugins/
3 | // Custom builds see https://www.tinymce.com/download/custom-builds/
4 |
5 | const plugins = ['advlist anchor autolink autosave code codesample image directionality emoticons hr imagetools insertdatetime link lists media nonbreaking noneditable pagebreak paste preview print save spellchecker tabfocus table template textpattern visualblocks visualchars wordcount']
6 |
7 | export default plugins
8 |
--------------------------------------------------------------------------------
/src/Customized/PageDesign/Core/Views/ThePageFooter.vue:
--------------------------------------------------------------------------------
1 |
2 |
9 |
10 |
11 |
26 |
27 |
31 |
--------------------------------------------------------------------------------
/src/components/form/VularLabel.vue:
--------------------------------------------------------------------------------
1 |
2 | {{$t('design.page-header')}}
7 |
3 |
6 |
7 |
8 |
30 |
--------------------------------------------------------------------------------
/src/plugins/vuetify.js:
--------------------------------------------------------------------------------
1 | // src/plugins/vuetify.js
2 | //import 'material-design-icons-iconfont/dist/material-design-icons.css'
3 | import Vue from 'vue'
4 | import Vuetify from 'vuetify'
5 | import 'vuetify/dist/vuetify.min.css'
6 |
7 | Vue.use(Vuetify)
8 |
9 | const opts = {
10 | icons: {
11 | iconfont: 'mdi',//'md' ||'fa' ||
12 | },
13 | theme: {
14 | dark:false,
15 | themes: {
16 | light: {
17 | primary: "#5d78ff",
18 | },
19 | dark: {
20 | primary: "#5d78ff",
21 | },
22 | },
23 | },
24 | }
25 |
26 | export default new Vuetify(opts)
--------------------------------------------------------------------------------
/vendor/tinymce/js/tinymce/plugins/textcolor/plugin.min.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Tiny Technologies, Inc. All rights reserved.
3 | * Licensed under the LGPL or a commercial license.
4 | * For LGPL see License.txt in the project root for license information.
5 | * For commercial licenses see https://www.tiny.cloud/
6 | *
7 | * Version: 5.2.1 (2020-03-25)
8 | */
9 | !function(o){"use strict";var i=tinymce.util.Tools.resolve("tinymce.PluginManager");!function n(){i.add("textcolor",function(){o.console.warn("Text color plugin is now built in to the core editor, please remove it from your editor configuration")})}()}(window);
--------------------------------------------------------------------------------
/vendor/tinymce/js/tinymce/skins/ui/oxide/content.mobile.min.css:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Tiny Technologies, Inc. All rights reserved.
3 | * Licensed under the LGPL or a commercial license.
4 | * For LGPL see License.txt in the project root for license information.
5 | * For commercial licenses see https://www.tiny.cloud/
6 | */
7 | .tinymce-mobile-unfocused-selections .tinymce-mobile-unfocused-selection{background-color:green;display:inline-block;opacity:.5;position:absolute}body{-webkit-text-size-adjust:none}body img{max-width:96vw}body table img{max-width:95%}body{font-family:sans-serif}table{border-collapse:collapse}
8 |
--------------------------------------------------------------------------------
/vendor/tinymce/js/tinymce/plugins/colorpicker/plugin.min.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Tiny Technologies, Inc. All rights reserved.
3 | * Licensed under the LGPL or a commercial license.
4 | * For LGPL see License.txt in the project root for license information.
5 | * For commercial licenses see https://www.tiny.cloud/
6 | *
7 | * Version: 5.2.1 (2020-03-25)
8 | */
9 | !function(o){"use strict";var i=tinymce.util.Tools.resolve("tinymce.PluginManager");!function n(){i.add("colorpicker",function(){o.console.warn("Color picker plugin is now built in to the core editor, please remove it from your editor configuration")})}()}(window);
--------------------------------------------------------------------------------
/vendor/tinymce/js/tinymce/plugins/contextmenu/plugin.min.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Tiny Technologies, Inc. All rights reserved.
3 | * Licensed under the LGPL or a commercial license.
4 | * For LGPL see License.txt in the project root for license information.
5 | * For commercial licenses see https://www.tiny.cloud/
6 | *
7 | * Version: 5.2.1 (2020-03-25)
8 | */
9 | !function(n){"use strict";var o=tinymce.util.Tools.resolve("tinymce.PluginManager");!function e(){o.add("contextmenu",function(){n.console.warn("Context menu plugin is now built in to the core editor, please remove it from your editor configuration")})}()}(window);
--------------------------------------------------------------------------------
/vendor/tinymce/js/tinymce/skins/ui/oxide-dark/content.mobile.min.css:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Tiny Technologies, Inc. All rights reserved.
3 | * Licensed under the LGPL or a commercial license.
4 | * For LGPL see License.txt in the project root for license information.
5 | * For commercial licenses see https://www.tiny.cloud/
6 | */
7 | .tinymce-mobile-unfocused-selections .tinymce-mobile-unfocused-selection{background-color:green;display:inline-block;opacity:.5;position:absolute}body{-webkit-text-size-adjust:none}body img{max-width:96vw}body table img{max-width:95%}body{font-family:sans-serif}table{border-collapse:collapse}
8 |
--------------------------------------------------------------------------------
/src/Customized/PageDesign/Core/Views/TheLabel.vue:
--------------------------------------------------------------------------------
1 |
2 | {{label}}
4 |
5 |
5 | Mouse Follower
6 |
7 |
8 |
9 |
35 |
36 |
38 |
--------------------------------------------------------------------------------
/src/Customized/PageDesign/Core/Views/TheToolbox.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 | Mouse Follower
6 |
7 |
8 |
9 |
35 |
36 |
38 |
--------------------------------------------------------------------------------
/src/mock/views/page/page-base-card.js:
--------------------------------------------------------------------------------
1 | export default {
2 | name:"VularFormCard",
3 | props:{
4 | title:"基本信息",
5 | },
6 | children:[
7 | {
8 | name:"vular-input",
9 | props:{
10 | rules:"required|max:50",
11 | field:"title",
12 | vInput:{
13 | name:"v-text-field",
14 | props:{
15 | label:"名称",
16 | },
17 | },
18 | },
19 | },
20 | {
21 | name:"vular-input",
22 | props:{
23 | rules:"required",
24 | field:"slug",
25 | vInput:{
26 | name:"v-text-field",
27 | props:{
28 | label:"Slug",
29 | },
30 | },
31 | },
32 | },
33 | ],
34 | }
35 |
--------------------------------------------------------------------------------
/src/components/widgets/VularPageHeaderTitle.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 |
7 |
8 |
9 |
10 |
30 |
--------------------------------------------------------------------------------
/src/components/pages/dashboard/charts/PieChart.vue:
--------------------------------------------------------------------------------
1 |
2 |
6 |
10 | 7 | 欢迎使用Vular快速构建系统 8 |
9 |11 | 请在PC端使用Vular订制功能 12 |
13 |
9 |
11 |
12 |
13 |
28 |
29 |
42 |
--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
6 |
7 |
14 |
15 |
51 |
--------------------------------------------------------------------------------
/src/mock/actions/post1.js:
--------------------------------------------------------------------------------
1 | export default {
2 | id:"1",
3 | title:"有时像蒲公英，看似自由自在，实则身不由己",
4 | url:"https://vular.cn/test-sewfw",
5 | "seo.description":"描述Meta，has one 关联数据测试",
6 | medias:[],
7 | page:`
8 |
9 |
16 |
23 | `,
24 | }
--------------------------------------------------------------------------------
/vendor/tinymce/js/tinymce/plugins/hr/plugin.min.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Tiny Technologies, Inc. All rights reserved.
3 | * Licensed under the LGPL or a commercial license.
4 | * For LGPL see License.txt in the project root for license information.
5 | * For commercial licenses see https://www.tiny.cloud/
6 | *
7 | * Version: 5.2.1 (2020-03-25)
8 | */
9 | !function(){"use strict";var n=tinymce.util.Tools.resolve("tinymce.PluginManager"),o=function(n){n.addCommand("InsertHorizontalRule",function(){n.execCommand("mceInsertContent",!1,"10 | Hello, world! 11 |
12 |13 | This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information. 14 |
15 |16 |
17 | It uses utility classes for typography and spacing to space content out within the larger container. 18 |
19 | 20 | Learn more 21 | 22 |")})},t=function(n){n.ui.registry.addButton("hr",{icon:"horizontal-rule",tooltip:"Horizontal line",onAction:function(){return n.execCommand("InsertHorizontalRule")}}),n.ui.registry.addMenuItem("hr",{icon:"horizontal-rule",text:"Horizontal line",onAction:function(){return n.execCommand("InsertHorizontalRule")}})};!function e(){n.add("hr",function(n){o(n),t(n)})}()}(); -------------------------------------------------------------------------------- /src/mock/actions/notifications-list.js: -------------------------------------------------------------------------------- 1 | export default[ 2 | { 3 | id:1, 4 | title: "新用户注册", 5 | created_at: "2020-05-07 13:40", 6 | icon:{ 7 | name:"v-icon", 8 | text:"mdi-email-outline", 9 | }, 10 | "styles": { 11 | "font-weight":"bold", 12 | }, 13 | }, 14 | { 15 | id:2, 16 | title: "New order received", 17 | created_at: "2020-05-07 13:40", 18 | icon:{ 19 | name:"v-icon", 20 | text:"mdi-email-open-outline", 21 | }, 22 | }, 23 | { 24 | id:3, 25 | title: "New payment made", 26 | created_at: "2020-05-07 13:40", 27 | icon:{ 28 | name:"v-icon", 29 | text:"mdi-email-open-outline", 30 | } 31 | }, 32 | { 33 | id:4, 34 | title: "New message from Michael", 35 | created_at: "2020-05-07 13:40", 36 | icon:{ 37 | name:"v-icon", 38 | text:"mdi-email-open-outline", 39 | } 40 | } 41 | ] -------------------------------------------------------------------------------- /vendor/tinymce/js/tinymce/plugins/print/plugin.min.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) Tiny Technologies, Inc. All rights reserved. 3 | * Licensed under the LGPL or a commercial license. 4 | * For LGPL see License.txt in the project root for license information. 5 | * For commercial licenses see https://www.tiny.cloud/ 6 | * 7 | * Version: 5.2.1 (2020-03-25) 8 | */ 9 | !function(){"use strict";var n=tinymce.util.Tools.resolve("tinymce.PluginManager"),t=tinymce.util.Tools.resolve("tinymce.Env"),i=function(n){n.addCommand("mcePrint",function(){t.browser.isIE()?n.getDoc().execCommand("print",!1,null):n.getWin().print()})},e=function(n){n.ui.registry.addButton("print",{icon:"print",tooltip:"Print",onAction:function(){return n.execCommand("mcePrint")}}),n.ui.registry.addMenuItem("print",{text:"Print...",icon:"print",onAction:function(){return n.execCommand("mcePrint")}})};!function o(){n.add("print",function(n){i(n),e(n),n.addShortcut("Meta+P","","mcePrint")})}()}(); -------------------------------------------------------------------------------- /src/mock/views/post/post-appearance-card.js: -------------------------------------------------------------------------------- 1 | export default { 2 | name:"VularFormCard", 3 | props:{ 4 | title:"显示", 5 | }, 6 | children:[ 7 | { 8 | name:"vular-input", 9 | props:{ 10 | rules:"required|max:50", 11 | field:"order", 12 | vInput:{ 13 | name:"v-text-field", 14 | props:{ 15 | label:"显示顺序", 16 | "prepend-icon":"mdi-sort", 17 | }, 18 | }, 19 | }, 20 | }, 21 | { 22 | name:"vular-input", 23 | props:{ 24 | rules:"", 25 | field:"additions", 26 | vInput:{ 27 | name:"v-select", 28 | props:{ 29 | label:"附加属性", 30 | "prepend-icon":"mdi-bookmark-plus-outline", 31 | multiple: true, 32 | chips : true, 33 | items : ['首页', '热门', '推荐', '置顶'], 34 | }, 35 | }, 36 | }, 37 | }, 38 | ] 39 | 40 | } 41 | -------------------------------------------------------------------------------- /src/mock/views/product/product-appearance-card.js: -------------------------------------------------------------------------------- 1 | export default { 2 | name:"VularFormCard", 3 | props:{ 4 | title:"显示", 5 | }, 6 | children:[ 7 | { 8 | name:"vular-input", 9 | props:{ 10 | rules:"required|max:50", 11 | field:"order", 12 | vInput:{ 13 | name:"v-text-field", 14 | props:{ 15 | label:"显示顺序", 16 | "prepend-icon":"mdi-sort", 17 | }, 18 | }, 19 | }, 20 | }, 21 | { 22 | name:"vular-input", 23 | props:{ 24 | rules:"", 25 | field:"additions", 26 | vInput:{ 27 | name:"v-select", 28 | props:{ 29 | label:"附加属性", 30 | "prepend-icon":"mdi-bookmark-plus-outline", 31 | multiple: true, 32 | chips : true, 33 | items : ['首页', '热门', '推荐', '置顶'], 34 | }, 35 | }, 36 | }, 37 | }, 38 | ] 39 | 40 | } 41 | -------------------------------------------------------------------------------- /src/VularAdmin/tools/AppFab.vue: -------------------------------------------------------------------------------- 1 | 2 |
{{title}}
4 |
12 |
14 | 保存
15 |
16 |
17 | -
3 |
- 12 | {{column.title}} 13 | 14 | 15 |
10 | {{followedElement.title}}
11 |
12 |
13 |
14 |
61 |
62 |
74 |
--------------------------------------------------------------------------------
/vendor/tinymce/js/tinymce/plugins/visualblocks/plugin.min.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Tiny Technologies, Inc. All rights reserved.
3 | * Licensed under the LGPL or a commercial license.
4 | * For LGPL see License.txt in the project root for license information.
5 | * For commercial licenses see https://www.tiny.cloud/
6 | *
7 | * Version: 5.2.1 (2020-03-25)
8 | */
9 | !function(){"use strict";function n(n,e){return function(o){o.setActive(e.get());function t(t){return o.setActive(t.state)}return n.on("VisualBlocks",t),function(){return n.off("VisualBlocks",t)}}}var e=function(t){function o(){return n}var n=t;return{get:o,set:function(t){n=t},clone:function(){return e(o())}}},t=tinymce.util.Tools.resolve("tinymce.PluginManager"),i=function(t,o){t.fire("VisualBlocks",{state:o})},u=function(t,o,n){t.dom.toggleClass(t.getBody(),"mce-visualblocks"),n.set(!n.get()),i(t,n.get())},c=function(t,o,n){t.addCommand("mceVisualBlocks",function(){u(t,o,n)})},s=function(t){return t.getParam("visualblocks_default_state",!1,"boolean")},l=function(o,t,n){o.on("PreviewFormats AfterPreviewFormats",function(t){n.get()&&o.dom.toggleClass(o.getBody(),"mce-visualblocks","afterpreviewformats"===t.type)}),o.on("init",function(){s(o)&&u(o,t,n)}),o.on("remove",function(){o.dom.removeClass(o.getBody(),"mce-visualblocks")})},r=function(t,o){t.ui.registry.addToggleButton("visualblocks",{icon:"visualblocks",tooltip:"Show blocks",onAction:function(){return t.execCommand("mceVisualBlocks")},onSetup:n(t,o)}),t.ui.registry.addToggleMenuItem("visualblocks",{text:"Show blocks",onAction:function(){return t.execCommand("mceVisualBlocks")},onSetup:n(t,o)})};!function o(){t.add("visualblocks",function(t,o){var n=e(!1);c(t,o,n),r(t,n),l(t,o,n)})}()}();
--------------------------------------------------------------------------------
/src/mock/views/product/product-base-card.js:
--------------------------------------------------------------------------------
1 | export default {
2 | name:"VularFormCard",
3 | props:{
4 | title:"基本信息",
5 | },
6 | children:[
7 | {
8 | name:"vular-input",
9 | props:{
10 | rules:"required|max:50",
11 | field:"title",
12 | vInput:{
13 | name:"v-text-field",
14 | props:{
15 | label:"商品名",
16 | "prepend-icon":"mdi-format-title",
17 | },
18 | },
19 | },
20 | },
21 | {
22 | name:"vular-input",
23 | props:{
24 | rules:"required",
25 | field:"slug",
26 | vInput:{
27 | name:"v-text-field",
28 | props:{
29 | label:"Slug",
30 | "prepend-icon":"mdi-identifier",
31 | },
32 | },
33 | },
34 | },
35 |
36 | {
37 | name:"vular-input",
38 | props:{
39 | rules:"required",
40 | field:"summary",
41 | vInput:{
42 | name:"v-textarea",
43 | props:{
44 | label:"简介",
45 | "prepend-icon":"mdi-card-text-outline",
46 | },
47 | },
48 | },
49 | },
50 |
51 | {
52 | name:"vular-input",
53 | props:{
54 | rules:"required",
55 | field:"tags",
56 | vInput:{
57 | name:"v-combobox",
58 | props:{
59 | label:"标签",
60 | "prepend-icon":"mdi-tag-multiple-outline",
61 | multiple: true,
62 | hint:"可添加多个标签，回车分割",
63 | attach: true,
64 | chips: true,
65 | items:['foo', 'bar', 'fizz', 'buzz'],
66 | },
67 | },
68 | },
69 | },
70 | ],
71 | }
72 |
--------------------------------------------------------------------------------
/src/components/VularTreePage.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
8 |
9 |
12 |
13 |
14 |
15 |
17 |
18 |
19 |
20 |
22 |
24 |
26 | {{$t("base.save")}}
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
63 |
64 |
--------------------------------------------------------------------------------
/src/store.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import Vuex from 'vuex'
3 | import defaultTheme from './themes/demo1'
4 |
5 | Vue.use(Vuex)
6 |
7 |
8 | export default
9 | new Vuex.Store({
10 | state:{
11 | vularApp: JSON.parse(JSON.stringify(defaultTheme)),
12 | //activedMenuItem: '',
13 | errors: [],
14 | errorMsg:'',
15 | showError:false,
16 | loggedIn:false,
17 | //pages schema cache
18 | pagesCache:new Map,
19 | globals:{},
20 | customizedApp:{
21 | modulesDrawer:true,
22 | draggedElement:null,
23 | },
24 | },
25 |
26 | mutations:{
27 | changeTheme(state, theme){
28 | state.vularApp = JSON.parse(JSON.stringify(theme))
29 | },
30 |
31 | //activeMenuItem(state, id){
32 | // state.activedMenuItem = id
33 | //},
34 |
35 | cachePage(state, data){
36 | state.pagesCache.set(data.pageId, data.page)
37 | },
38 |
39 | error(state, error){
40 | state.showError = true
41 | state.errorMsg = error.error
42 | state.errors.unshift(error)
43 | },
44 |
45 | clearErrors(state){
46 | state.errors = []
47 | },
48 |
49 | hideError(state){
50 | state.showError = false
51 | },
52 |
53 | login(state){
54 | state.loggedIn = true
55 | },
56 |
57 | logout(state){
58 | state.loggedIn = false
59 | },
60 |
61 | globals(state, globals){
62 | state.globals = globals
63 | },
64 |
65 | showCustuomizedModulesDrawer(state){
66 | state.customizedApp.modulesDrawer = true
67 | },
68 |
69 | dragElement(state, element){
70 | state.customizedApp.draggedElement = element
71 | },
72 |
73 | endDragElement(state){
74 | state.customizedApp.draggedElement = null
75 | },
76 | },
77 |
78 | actions: {
79 | },
80 | })
81 |
--------------------------------------------------------------------------------
/src/VularAdmin/Drawer/VularMenuItem.vue:
--------------------------------------------------------------------------------
1 |
2 |
9 | {{titleIcon}}
10 | {{title}}
11 |
12 |
29 | {{schema.chip.title}}
32 |
33 |
34 | {{badge}}
37 |
38 |
3 |
34 |
35 |
36 |
59 |
60 |
81 |
--------------------------------------------------------------------------------
/vendor/tinymce/js/tinymce/plugins/save/plugin.min.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Tiny Technologies, Inc. All rights reserved.
3 | * Licensed under the LGPL or a commercial license.
4 | * For LGPL see License.txt in the project root for license information.
5 | * For commercial licenses see https://www.tiny.cloud/
6 | *
7 | * Version: 5.2.1 (2020-03-25)
8 | */
9 | !function(){"use strict";function t(n,e){n.notificationManager.open({text:e,type:"error"})}function e(t){return function(n){function e(){n.setDisabled(a(t)&&!t.isDirty())}return t.on("NodeChange dirty",e),function(){return t.off("NodeChange dirty",e)}}}var n=tinymce.util.Tools.resolve("tinymce.PluginManager"),o=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),i=tinymce.util.Tools.resolve("tinymce.util.Tools"),a=function(n){return n.getParam("save_enablewhendirty",!0)},c=function(n){return!!n.getParam("save_onsavecallback")},r=function(n){return!!n.getParam("save_oncancelcallback")},u=function(n){var e;if(e=o.DOM.getParent(n.id,"form"),!a(n)||n.isDirty()){if(n.save(),c(n))return n.execCallback("save_onsavecallback",n),void n.nodeChanged();e?(n.setDirty(!1),e.onsubmit&&!e.onsubmit()||("function"==typeof e.submit?e.submit():t(n,"Error: Form submit field collision.")),n.nodeChanged()):t(n,"Error: No form element found.")}},l=function(n){var e=i.trim(n.startContent);r(n)?n.execCallback("save_oncancelcallback",n):n.resetContent(e)},s=function(n){n.addCommand("mceSave",function(){u(n)}),n.addCommand("mceCancel",function(){l(n)})},d=function(n){n.ui.registry.addButton("save",{icon:"save",tooltip:"Save",disabled:!0,onAction:function(){return n.execCommand("mceSave")},onSetup:e(n)}),n.ui.registry.addButton("cancel",{icon:"cancel",tooltip:"Cancel",disabled:!0,onAction:function(){return n.execCommand("mceCancel")},onSetup:e(n)}),n.addShortcut("Meta+S","","mceSave")};!function m(){n.add("save",function(n){d(n),s(n)})}()}();
--------------------------------------------------------------------------------
/vendor/tinymce/js/tinymce/plugins/noneditable/plugin.min.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Tiny Technologies, Inc. All rights reserved.
3 | * Licensed under the LGPL or a commercial license.
4 | * For LGPL see License.txt in the project root for license information.
5 | * For commercial licenses see https://www.tiny.cloud/
6 | *
7 | * Version: 5.2.1 (2020-03-25)
8 | */
9 | !function(){"use strict";function c(n){return function(t){return-1!==(" "+t.attr("class")+" ").indexOf(n)}}function l(i,o,c){return function(t){var n=arguments,e=n[n.length-2],r=0{{label}}
4 |
5 |
10 |
15 |
16 |
24 |
25 |
26 |
31 |
32 |
33 |
17 |
20 | mdi-close
21 |
22 |
23 | "+c()+"
"):e.insertContent(c())})},m=function(n){n.on("ResolveName",function(e){"IMG"===e.target.nodeName&&n.dom.hasClass(e.target,u())&&(e.name="pagebreak")})},s=function(e){e.ui.registry.addButton("pagebreak",{icon:"page-break",tooltip:"Page break",onAction:function(){return e.execCommand("mcePageBreak")}}),e.ui.registry.addMenuItem("pagebreak",{text:"Page break",icon:"page-break",onAction:function(){return e.execCommand("mcePageBreak")}})};!function l(){n.add("pagebreak",function(e){g(e),s(e),o(e),m(e)})}()}(); -------------------------------------------------------------------------------- /src/components/tinymce/dynamicLoadScript.js: -------------------------------------------------------------------------------- 1 | let callbacks = [] 2 | 3 | function loadedTinymce() { 4 | // to fixed https://github.com/PanJiaChen/vue-element-admin/issues/2144 5 | // check is successfully downloaded script 6 | return window.tinymce 7 | } 8 | 9 | const dynamicLoadScript = (src, callback) => { 10 | const existingScript = document.getElementById(src) 11 | const cb = callback || function() {} 12 | 13 | if (!existingScript) { 14 | const script = document.createElement('script') 15 | script.src = src // src url for the third-party library being loaded. 16 | script.id = src 17 | document.body.appendChild(script) 18 | callbacks.push(cb) 19 | const onEnd = 'onload' in script ? stdOnEnd : ieOnEnd 20 | onEnd(script) 21 | } 22 | 23 | if (existingScript && cb) { 24 | if (loadedTinymce()) { 25 | cb(null, existingScript) 26 | } else { 27 | callbacks.push(cb) 28 | } 29 | } 30 | 31 | function stdOnEnd(script) { 32 | script.onload = function() { 33 | // this.onload = null here is necessary 34 | // because even IE9 works not like others 35 | this.onerror = this.onload = null 36 | for (const cb of callbacks) { 37 | cb(null, script) 38 | } 39 | callbacks = null 40 | } 41 | script.onerror = function() { 42 | this.onerror = this.onload = null 43 | cb(new Error('Failed to load ' + src), script) 44 | } 45 | } 46 | 47 | function ieOnEnd(script) { 48 | script.onreadystatechange = function() { 49 | if (this.readyState !== 'complete' && this.readyState !== 'loaded') return 50 | this.onreadystatechange = null 51 | for (const cb of callbacks) { 52 | cb(null, script) // there is no way to catch loading errors in IE8 53 | } 54 | callbacks = null 55 | } 56 | } 57 | } 58 | 59 | export default dynamicLoadScript 60 | -------------------------------------------------------------------------------- /src/basic/vular-array.js: -------------------------------------------------------------------------------- 1 | export function first(array){ 2 | if(array.length > 0){ 3 | return array[0] 4 | } 5 | } 6 | 7 | export function last(array){ 8 | if(array.length > 0){ 9 | return array[array.length - 1] 10 | } 11 | } 12 | 13 | export function before(refence, array){ 14 | for(var i = 0; i < array.length; i++){ 15 | if(array[i] === refence && i > 0){ 16 | return array[i - 1]; 17 | } 18 | } 19 | } 20 | 21 | export function after(refence, array){ 22 | for(var i = 0; i < array.length; i++){ 23 | if(array[i] === refence && i < array.length){ 24 | return array[i + 1]; 25 | } 26 | } 27 | } 28 | 29 | 30 | export function insertBefore(child, refence, array){ 31 | for(var i = 0; i < array.length; i++){ 32 | if(array[i] === refence){ 33 | array.splice(i, 0, child) 34 | return; 35 | } 36 | } 37 | 38 | array.push(child) 39 | } 40 | 41 | export function insertAfter(child, refence, array){ 42 | for(var i = 0; i < array.length; i++){ 43 | if(array[i] === refence){ 44 | array.splice(i + 1, 0, child) 45 | return 46 | } 47 | } 48 | } 49 | 50 | export function remove(node, array){ 51 | for (var i = 0; i < array.length; i++) { 52 | if(array[i] === node){ 53 | array.splice(i, 1) 54 | break 55 | } 56 | } 57 | } 58 | 59 | export function add(node, array){ 60 | if(!contains(node, array)){ 61 | array.push(node) 62 | } 63 | } 64 | 65 | export function contains(node, array){ 66 | for (var i = 0; i < array.length; i++) { 67 | if(array[i] === node){ 68 | return true 69 | } 70 | } 71 | 72 | return false 73 | } 74 | 75 | export function tongleOnCondition(condition, node, array){ 76 | if(condition){ 77 | add(node, array) 78 | } 79 | else{ 80 | remove(node, array) 81 | } 82 | } 83 | 84 | export function clear(array){ 85 | array.length = 0 86 | } 87 | 88 | 89 | -------------------------------------------------------------------------------- /src/components/VularMediasPage.vue: -------------------------------------------------------------------------------- 1 | 2 |
17 | 取消
18 | 确定
19 |
20 |
20 | 取消
21 | 确定
22 |
23 |
5 | {{icon}}
6 | {{title}}
7 |
8 |
9 |
26 | mdi-arrow-all
27 |
30 | mdi-close
31 |
32 |
33 | {{item.title}}
17 | 18 |{{item.created_at}}
19 |
29 | {{schema.chip.title}}
32 |
33 |
34 | {{schema.badge.title}}
37 |
38 |
39 |
42 |
52 |
53 |
14 |
21 |
16 |
20 |
17 | mdi-folder-outline
18 |
19 |
22 |
30 |
31 | {{inputValue.title}}
32 |
33 |
34 |
55 |
23 |
25 | {{title}} #{{index+1}}
26 |
28 | mdi-delete
29 |
30 |
31 |
33 |
38 |
39 |
40 |
41 |
3 |
11 |
12 |
16 |
17 |
19 |
20 |
21 |
22 |
23 |
87 |
88 |
--------------------------------------------------------------------------------
/src/mock/views/notification/notification-list.js:
--------------------------------------------------------------------------------
1 | export default {
2 | name : "vular-list-page",
3 | props : {
4 | title:'通知列表',
5 | titleIcon:'mdi-bell-outline',
6 | vularId : "notifications-list-1",
7 | defaultModel:{
8 | keywords:'',
9 | page:1,
10 | pagination:'',
11 | //fliters
12 | cagegory:'none',
13 | attribute:'none',
14 | readings:'none',
15 | status:'none',
16 | },
17 | "queryAction":{
18 | "name" : "doAction",
19 | "api" : "/api/action",
20 | params : {
21 | actionName:"/Water/Vular/Actions/Query",
22 | modelName:"/Water/Vular/Model/Notification",
23 | }
24 | },
25 | "canSelect" : true,
26 | "transshapeBreakPoint" : "sm",
27 | "batchActions" : [
28 | {
29 | "icon": "mdi-bell-sleep-outline",
30 | "title": "标为已读",
31 | "shortcut": true,
32 | "action": {
33 | "name" : "doAction",
34 | "api" : "/api/action",
35 | params : {
36 | actionName:"/Water/Vular/Actions/BatchDownload",
37 | modelName:"/Water/Vular/Model/Posts",
38 | }
39 | },
40 | },
41 | {
42 | "icon": "mdi-delete-sweep-outline",
43 | "title": "删除",
44 | "shortcut": true,
45 | "action": {
46 | "name" : "doAction",
47 | "api" : "/api/action",
48 | params : {
49 | actionName:"/Water/Vular/Actions/BatchDelete",
50 | modelName:"/Water/Vular/Model/Posts",
51 | }
52 | },
53 | },
54 | ],
55 | "rowActions":[
56 | {
57 | "icon": "mdi-eye-outline",
58 | "title": "查看",
59 | "shortcut": true,
60 | "action": {
61 | name:"openPage",
62 | to:{
63 | name: 'page',
64 | params: {
65 | pageId: 'water-vualr-view-notification',
66 | }
67 | },
68 | },
69 | },
70 | {
71 | "icon": "mdi-trash-can",
72 | "title": "删除",
73 | "shortcut": true,
74 | "action":"action_id4"
75 | }
76 | ],
77 | "filters":[
78 | {
79 | "title":"",
80 | "shortcut": true,
81 | "rules":{
82 | "read" : "未读",
83 | "unread" : "已读",
84 | },
85 | "blankTitle":"全部",
86 | "blankValue":"none",
87 | "field":"cagegory"
88 | },
89 | ],
90 | "columns":[
91 | {
92 | "field":"icon",
93 | "title": "",
94 | "width":"60px"
95 | },
96 | {
97 | "field":"title",
98 | "title": "标题",
99 | "width":"",
100 | "flex": "4"
101 | },
102 | {
103 | "field":"created_at",
104 | "title": "时间",
105 | "width":"",
106 | "flex": "2"
107 | },
108 | ],
109 | "actionsColumn":{
110 | "width":"150px"
111 | }
112 |
113 | }
114 | }
--------------------------------------------------------------------------------