From 714c9b759c76146c386bf28a2dfb6746df79e697 Mon Sep 17 00:00:00 2001 From: itsyme Date: Mon, 30 Jan 2023 15:37:56 +0800 Subject: [PATCH 1/5] Replace tip-box with box --- docs/index.md | 4 ++-- docs/userGuide/components/advanced.md | 16 ++++++++-------- docs/userGuide/syntax/panels.md | 6 +++--- docs/userGuide/usingPlugins.md | 4 ++-- 4 files changed, 15 insertions(+), 15 deletions(-) diff --git a/docs/index.md b/docs/index.md index 2f7e205299..c4cdef0155 100644 --- a/docs/index.md +++ b/docs/index.md @@ -47,7 +47,7 @@ An example that uses GFMD syntax for task lists:      →   
- + **Things to do:** @@ -73,7 +73,7 @@ Euler's Identity \(e^{i\pi}+1=0\) is a beautiful formula.      →   
- + Euler's Identity \(e^{i\pi}+1=0\) is a beautiful formula. diff --git a/docs/userGuide/components/advanced.md b/docs/userGuide/components/advanced.md index b18c63f1e0..f21b4c0186 100644 --- a/docs/userGuide/components/advanced.md +++ b/docs/userGuide/components/advanced.md @@ -135,22 +135,22 @@ You can define such a slot within the component by adding a `slot="slot_name"` a Every component documented in our user guide allows you to insert your own defined CSS classes. This is done by adding the `add-class` attribute to a component along with the desired class names. - + Example
- + Easily apply Bootstrap classes without using a wrapper! - - + + - + Markup ```html - + Easily apply Bootstrap classes without using a wrapper! - + ``` - +
{% from "njk/common.njk" import previous_next %} diff --git a/docs/userGuide/syntax/panels.md b/docs/userGuide/syntax/panels.md index 9117b6acbd..663e8ee9d1 100644 --- a/docs/userGuide/syntax/panels.md +++ b/docs/userGuide/syntax/panels.md @@ -174,9 +174,9 @@ - - I'm a nested tip-box - + + I'm a nested box + minimal-type panel diff --git a/docs/userGuide/usingPlugins.md b/docs/userGuide/usingPlugins.md index 2ded5bec83..9f1dd5c864 100644 --- a/docs/userGuide/usingPlugins.md +++ b/docs/userGuide/usingPlugins.md @@ -68,12 +68,12 @@ MarkBind has a set of built-in plugins that can be used immediately without inst ### Adding External Plugins - + **WARNING:** Plugins are executable programs that can be written by anyone. This means that they might contain malicious code that may damage your computer. Only run plugins from sources that you trust. Do not run the plugin if the source/origin of the plugin cannot be ascertained. - + Plugins come as `.js` files. To install an external plugin, simply put it in the `_markbind/plugins` folder. To use the plugin, update the `site.json` file the same way you did for built-in plugins. From 8592875eafaeb75e2f74799498faca00ee0f2d47 Mon Sep 17 00:00:00 2001 From: itsyme Date: Mon, 30 Jan 2023 17:11:46 +0800 Subject: [PATCH 2/5] Replace tipbox with box --- docs/index.md | 4 ++-- packages/vue-components/src/index.js | 1 - 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/docs/index.md b/docs/index.md index c4cdef0155..00fde3709e 100644 --- a/docs/index.md +++ b/docs/index.md @@ -55,7 +55,7 @@ An example that uses GFMD syntax for task lists: - [ ] Push my commits to GitHub - [ ] Open a pull request - +   @@ -77,7 +77,7 @@ Euler's Identity \(e^{i\pi}+1=0\) is a beautiful formula. Euler's Identity \(e^{i\pi}+1=0\) is a beautiful formula. - +   diff --git a/packages/vue-components/src/index.js b/packages/vue-components/src/index.js index 377d3feb89..6bff6fe7f3 100644 --- a/packages/vue-components/src/index.js +++ b/packages/vue-components/src/index.js @@ -49,7 +49,6 @@ const components = { tabGroup, tabs: tabset, thumbnail, - tipBox, trigger, siteNav, submenu, From 2ff2230c116a4067f38c5b1b6b27e40261dc32b2 Mon Sep 17 00:00:00 2001 From: itsyme Date: Mon, 30 Jan 2023 21:36:50 +0800 Subject: [PATCH 3/5] Change tip box to box in tests --- .../test_site_templates/test_default/expected/index.html | 6 +++--- .../test_default/expected/index.page-vue-render.js | 2 +- packages/core/template/default/index.md | 6 +++--- 3 files changed, 7 insertions(+), 7 deletions(-) diff --git a/packages/cli/test/functional/test_site_templates/test_default/expected/index.html b/packages/cli/test/functional/test_site_templates/test_default/expected/index.html index b0d442d524..529497f9f7 100644 --- a/packages/cli/test/functional/test_site_templates/test_default/expected/index.html +++ b/packages/cli/test/functional/test_site_templates/test_default/expected/index.html @@ -181,17 +181,17 @@

Heading 2 tip Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. diff --git a/packages/cli/test/functional/test_site_templates/test_default/expected/index.page-vue-render.js b/packages/cli/test/functional/test_site_templates/test_default/expected/index.page-vue-render.js index 887adc6c1a..25b076e1a2 100644 --- a/packages/cli/test/functional/test_site_templates/test_default/expected/index.page-vue-render.js +++ b/packages/cli/test/functional/test_site_templates/test_default/expected/index.page-vue-render.js @@ -1,7 +1,7 @@ var pageVueRenderFn = function anonymous( ) { -with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""}},[_c('navbar',{attrs:{"type":"dark"},scopedSlots:_u([{key:"brand",fn:function(){return [_c('a',{staticClass:"navbar-brand",attrs:{"href":"/index.html","title":"Home"}},[_v("Your Logo")])]},proxy:true},{key:"right",fn:function(){return [_c('li',[_c('form',{staticClass:"navbar-form"},[_c('searchbar',{attrs:{"data":searchData,"placeholder":"Search","on-hit":searchCallback,"menu-align-right":""}})],1)])]},proxy:true}])},[_v(" "),_c('li',[_c('a',{staticClass:"nav-link",attrs:{"href":"/contents/topic1.html"}},[_v("Topic 1")])]),_v(" "),_c('li',[_c('a',{staticClass:"nav-link",attrs:{"href":"/contents/topic2.html"}},[_v("Topic 2")])]),_v(" "),_c('dropdown',{staticClass:"nav-link",scopedSlots:_u([{key:"header",fn:function(){return [_v("Topic 3")]},proxy:true}])},[_v(" "),_c('li',[_c('a',{staticClass:"dropdown-item",attrs:{"href":"/contents/topic3a.html"}},[_v("Topic 3a")])]),_v(" "),_c('li',[_c('a',{staticClass:"dropdown-item",attrs:{"href":"/contents/topic3b.html"}},[_v("Topic 3b")])])])],1)],1),_v(" "),_c('div',{attrs:{"id":"flex-body"}},[_c('overlay-source',{attrs:{"id":"site-nav","tag-name":"nav","to":"site-nav"}},[_c('div',{staticClass:"site-nav-top"},[_c('div',{staticClass:"fw-bold mb-2",staticStyle:{"font-size":"1.25rem"}},[_v("Template")])]),_v(" "),_c('div',{staticClass:"nav-component slim-scroll"},[_c('site-nav',[_c('overlay-source',{staticClass:"site-nav-list site-nav-list-root",attrs:{"tag-name":"ul","to":"mb-site-nav"}},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/index.html"}},[_v("Home 🏠")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/contents/topic1.html"}},[_v("Topic 1")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/contents/topic2.html"}},[_v("Topic 2")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("Topic 3 \n\n"),_c('i',{staticClass:"site-nav-dropdown-btn-icon site-nav-rotate-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list"},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/contents/topic3a.html"}},[_v("Topic 3a")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/contents/topic3b.html"}},[_v("Topic 3b")])])])])])])],1)],1)]),_v(" "),_c('div',{attrs:{"id":"content-wrapper"}},[_c('br'),_v(" "),_m(0),_v(" "),_m(1),_v(" "),_m(2),_v(" "),_m(3),_v(" "),_m(4),_v(" "),_m(5),_v(" "),_m(6),_v(" "),_m(7),_v(" "),_m(8),_m(9),_v(" "),_c('p',[_v("A "),_c('tooltip',{attrs:{"placement":"top","trigger":"hover"},scopedSlots:_u([{key:"content",fn:function(){return [_v("❗️ some "),_c('strong',[_v("important explanation")])]},proxy:true}])},[_v("tooltip")]),_v(", a "),_c('trigger',{attrs:{"for":"modal:modalinfo","trigger":"click"}},[_v("modal")]),_v(", a "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("link")]),_v(", a "),_c('span',{staticClass:"badge bg-danger"},[_v("badge")]),_v(", another "),_c('span',{staticClass:"badge bg-warning text-dark"},[_v("badge")]),_v(".")],1),_v(" "),_c('modal',{attrs:{"id":"modal:modalinfo"},scopedSlots:_u([{key:"header",fn:function(){return [_v("Modal Title")]},proxy:true}])},[_v("\nSome text some text some text some text some text some text some text. Some text some text some text some text some text some text some text. Some text some text some text some text some text some text some text some text some text some text some text some text some text some text. Some text some text some text some text some text some text. Some text some text some text some text some text some text some text.\n")]),_v(" "),_m(10),_v(" "),_m(11),_m(12),_v(" "),_m(13),_v(" "),_m(14),_v(" "),_m(15),_v(" "),_c('tabs',[_c('tab',{scopedSlots:_u([{key:"header",fn:function(){return [_v("Tab X")]},proxy:true}])},[_v("\n Some text some text some text some text some text some text some text. Some text some text some text some text some text some text some text. Some text some text some text some text some text some text some text some text some text some text some text some text some text some text. Some text some text some text some text some text some text. Some text some text some text some text some text some text some text.\n ")]),_v(" "),_c('tab',{scopedSlots:_u([{key:"header",fn:function(){return [_v("Tab Y")]},proxy:true}])},[_v("\n ...\n ")]),_v(" "),_c('tab-group',{scopedSlots:_u([{key:"header",fn:function(){return [_v("Tab group")]},proxy:true}])},[_v(" "),_c('tab',{scopedSlots:_u([{key:"header",fn:function(){return [_v("Tab Y.1")]},proxy:true}])},[_v("\n ...\n ")]),_v(" "),_c('tab',{scopedSlots:_u([{key:"header",fn:function(){return [_v("Tab Y.2")]},proxy:true}])},[_v("\n ...\n ")])],1)],1),_v(" "),_c('br'),_v(" "),_m(16),_v(" "),_m(17),_v(" "),_c('box',[_v("\n default\n")]),_v(" "),_c('box',{attrs:{"type":"info"}},[_v("\n info\n")]),_v(" "),_c('box',{attrs:{"type":"warning","dismissible":""}},[_v("\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n")]),_v(" "),_c('box',{attrs:{"type":"tip"},scopedSlots:_u([{key:"header",fn:function(){return [_c('p',[_v("Tip box heading")])]},proxy:true}])},[_v("\n tip\n")]),_v(" "),_c('box',{attrs:{"type":"success"},scopedSlots:_u([{key:"header",fn:function(){return [_c('p',[_v("Tip box heading")])]},proxy:true}])},[_v("\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n")]),_v(" "),_c('box',{attrs:{"type":"important","dismissible":""},scopedSlots:_u([{key:"header",fn:function(){return [_c('p',[_v("Tip box heading")])]},proxy:true}])},[_v("\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n")]),_v(" "),_c('br'),_v(" "),_m(18),_v(" "),_c('panel',{attrs:{"type":"info"},scopedSlots:_u([{key:"header",fn:function(){return [_c('p',[_v("Expandable panel")])]},proxy:true}])},[_v("\n Some text some text some text some text some text some text some text. Some text some text some text some text some text some text some text. Some text some text some text some text some text some text some text some text some text some text some text some text some text some text. Some text some text some text some text some text some text. Some text some text some text some text some text some text some text.\n")]),_v(" "),_c('br'),_v(" "),_c('panel',{attrs:{"type":"success","minimized":""},scopedSlots:_u([{key:"header",fn:function(){return [_c('p',[_v("Expanded panel")])]},proxy:true},{key:"_alt",fn:function(){return [_c('p',[_v("Minimized panel")])]},proxy:true}])},[_v("\n ...\n")]),_v(" "),_c('br'),_v(" "),_c('panel',{attrs:{"type":"seamless"},scopedSlots:_u([{key:"header",fn:function(){return [_c('p',[_v("Expanded panel")])]},proxy:true},{key:"_alt",fn:function(){return [_c('p',[_v("Minimized panel")])]},proxy:true}])},[_v("\n ...\n")]),_v(" "),_c('br'),_v(" "),_c('p',[_v("Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")]),_v(" "),_c('panel',{attrs:{"type":"minimal","popup-url":"https://markbind.org/userGuide/components/presentation.html#panels","no-switch":""},scopedSlots:_u([{key:"header",fn:function(){return [_c('p',[_c('em',[_c('strong',[_v("Minimal panel "),_c('strong',[_v("->")])])])])]},proxy:true},{key:"_alt",fn:function(){return [_c('p',[_v("Minimal panel")])]},proxy:true}])},[_v("\nUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\n")]),_v(" "),_c('p',[_v("Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")]),_v(" "),_c('i',{staticClass:"fa fa-arrow-circle-up fa-lg d-print-none",attrs:{"id":"scroll-top-button","onclick":"handleScrollTop()","aria-hidden":"true"}})],1),_v(" "),_c('overlay-source',{attrs:{"id":"page-nav","tag-name":"nav","to":"page-nav"}},[_c('div',{staticClass:"nav-component slim-scroll"},[_c('a',{pre:true,attrs:{"class":"navbar-brand page-nav-title","href":"#"}},[_v("Chapters of This Page")]),_v(" "),_c('overlay-source',{staticClass:"nav nav-pills flex-column my-0 small no-flex-wrap",attrs:{"id":"mb-page-nav","tag-name":"nav","to":"mb-page-nav"}},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#heading-1"}},[_v("Heading 1‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#sub-heading-1-1"}},[_v("Sub Heading 1.1‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#sub-heading-1-2"}},[_v("Sub Heading 1.2‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#heading-2"}},[_v("Heading 2‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#heading-3"}},[_v("Heading 3‎")])])],1)])],1),_v(" "),_m(19)])} +with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""}},[_c('navbar',{attrs:{"type":"dark"},scopedSlots:_u([{key:"brand",fn:function(){return [_c('a',{staticClass:"navbar-brand",attrs:{"href":"/index.html","title":"Home"}},[_v("Your Logo")])]},proxy:true},{key:"right",fn:function(){return [_c('li',[_c('form',{staticClass:"navbar-form"},[_c('searchbar',{attrs:{"data":searchData,"placeholder":"Search","on-hit":searchCallback,"menu-align-right":""}})],1)])]},proxy:true}])},[_v(" "),_c('li',[_c('a',{staticClass:"nav-link",attrs:{"href":"/contents/topic1.html"}},[_v("Topic 1")])]),_v(" "),_c('li',[_c('a',{staticClass:"nav-link",attrs:{"href":"/contents/topic2.html"}},[_v("Topic 2")])]),_v(" "),_c('dropdown',{staticClass:"nav-link",scopedSlots:_u([{key:"header",fn:function(){return [_v("Topic 3")]},proxy:true}])},[_v(" "),_c('li',[_c('a',{staticClass:"dropdown-item",attrs:{"href":"/contents/topic3a.html"}},[_v("Topic 3a")])]),_v(" "),_c('li',[_c('a',{staticClass:"dropdown-item",attrs:{"href":"/contents/topic3b.html"}},[_v("Topic 3b")])])])],1)],1),_v(" "),_c('div',{attrs:{"id":"flex-body"}},[_c('overlay-source',{attrs:{"id":"site-nav","tag-name":"nav","to":"site-nav"}},[_c('div',{staticClass:"site-nav-top"},[_c('div',{staticClass:"fw-bold mb-2",staticStyle:{"font-size":"1.25rem"}},[_v("Template")])]),_v(" "),_c('div',{staticClass:"nav-component slim-scroll"},[_c('site-nav',[_c('overlay-source',{staticClass:"site-nav-list site-nav-list-root",attrs:{"tag-name":"ul","to":"mb-site-nav"}},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/index.html"}},[_v("Home 🏠")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/contents/topic1.html"}},[_v("Topic 1")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/contents/topic2.html"}},[_v("Topic 2")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("Topic 3 \n\n"),_c('i',{staticClass:"site-nav-dropdown-btn-icon site-nav-rotate-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list"},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/contents/topic3a.html"}},[_v("Topic 3a")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/contents/topic3b.html"}},[_v("Topic 3b")])])])])])])],1)],1)]),_v(" "),_c('div',{attrs:{"id":"content-wrapper"}},[_c('br'),_v(" "),_m(0),_v(" "),_m(1),_v(" "),_m(2),_v(" "),_m(3),_v(" "),_m(4),_v(" "),_m(5),_v(" "),_m(6),_v(" "),_m(7),_v(" "),_m(8),_m(9),_v(" "),_c('p',[_v("A "),_c('tooltip',{attrs:{"placement":"top","trigger":"hover"},scopedSlots:_u([{key:"content",fn:function(){return [_v("❗️ some "),_c('strong',[_v("important explanation")])]},proxy:true}])},[_v("tooltip")]),_v(", a "),_c('trigger',{attrs:{"for":"modal:modalinfo","trigger":"click"}},[_v("modal")]),_v(", a "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("link")]),_v(", a "),_c('span',{staticClass:"badge bg-danger"},[_v("badge")]),_v(", another "),_c('span',{staticClass:"badge bg-warning text-dark"},[_v("badge")]),_v(".")],1),_v(" "),_c('modal',{attrs:{"id":"modal:modalinfo"},scopedSlots:_u([{key:"header",fn:function(){return [_v("Modal Title")]},proxy:true}])},[_v("\nSome text some text some text some text some text some text some text. Some text some text some text some text some text some text some text. Some text some text some text some text some text some text some text some text some text some text some text some text some text some text. Some text some text some text some text some text some text. Some text some text some text some text some text some text some text.\n")]),_v(" "),_m(10),_v(" "),_m(11),_m(12),_v(" "),_m(13),_v(" "),_m(14),_v(" "),_m(15),_v(" "),_c('tabs',[_c('tab',{scopedSlots:_u([{key:"header",fn:function(){return [_v("Tab X")]},proxy:true}])},[_v("\n Some text some text some text some text some text some text some text. Some text some text some text some text some text some text some text. Some text some text some text some text some text some text some text some text some text some text some text some text some text some text. Some text some text some text some text some text some text. Some text some text some text some text some text some text some text.\n ")]),_v(" "),_c('tab',{scopedSlots:_u([{key:"header",fn:function(){return [_v("Tab Y")]},proxy:true}])},[_v("\n ...\n ")]),_v(" "),_c('tab-group',{scopedSlots:_u([{key:"header",fn:function(){return [_v("Tab group")]},proxy:true}])},[_v(" "),_c('tab',{scopedSlots:_u([{key:"header",fn:function(){return [_v("Tab Y.1")]},proxy:true}])},[_v("\n ...\n ")]),_v(" "),_c('tab',{scopedSlots:_u([{key:"header",fn:function(){return [_v("Tab Y.2")]},proxy:true}])},[_v("\n ...\n ")])],1)],1),_v(" "),_c('br'),_v(" "),_m(16),_v(" "),_m(17),_v(" "),_c('box',[_v("\n default\n")]),_v(" "),_c('box',{attrs:{"type":"info"}},[_v("\n info\n")]),_v(" "),_c('box',{attrs:{"type":"warning","dismissible":""}},[_v("\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n")]),_v(" "),_c('box',{attrs:{"type":"tip"},scopedSlots:_u([{key:"header",fn:function(){return [_c('p',[_v("Box heading")])]},proxy:true}])},[_v("\n tip\n")]),_v(" "),_c('box',{attrs:{"type":"success"},scopedSlots:_u([{key:"header",fn:function(){return [_c('p',[_v("Box heading")])]},proxy:true}])},[_v("\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n")]),_v(" "),_c('box',{attrs:{"type":"important","dismissible":""},scopedSlots:_u([{key:"header",fn:function(){return [_c('p',[_v("Box heading")])]},proxy:true}])},[_v("\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n")]),_v(" "),_c('br'),_v(" "),_m(18),_v(" "),_c('panel',{attrs:{"type":"info"},scopedSlots:_u([{key:"header",fn:function(){return [_c('p',[_v("Expandable panel")])]},proxy:true}])},[_v("\n Some text some text some text some text some text some text some text. Some text some text some text some text some text some text some text. Some text some text some text some text some text some text some text some text some text some text some text some text some text some text. Some text some text some text some text some text some text. Some text some text some text some text some text some text some text.\n")]),_v(" "),_c('br'),_v(" "),_c('panel',{attrs:{"type":"success","minimized":""},scopedSlots:_u([{key:"header",fn:function(){return [_c('p',[_v("Expanded panel")])]},proxy:true},{key:"_alt",fn:function(){return [_c('p',[_v("Minimized panel")])]},proxy:true}])},[_v("\n ...\n")]),_v(" "),_c('br'),_v(" "),_c('panel',{attrs:{"type":"seamless"},scopedSlots:_u([{key:"header",fn:function(){return [_c('p',[_v("Expanded panel")])]},proxy:true},{key:"_alt",fn:function(){return [_c('p',[_v("Minimized panel")])]},proxy:true}])},[_v("\n ...\n")]),_v(" "),_c('br'),_v(" "),_c('p',[_v("Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")]),_v(" "),_c('panel',{attrs:{"type":"minimal","popup-url":"https://markbind.org/userGuide/components/presentation.html#panels","no-switch":""},scopedSlots:_u([{key:"header",fn:function(){return [_c('p',[_c('em',[_c('strong',[_v("Minimal panel "),_c('strong',[_v("->")])])])])]},proxy:true},{key:"_alt",fn:function(){return [_c('p',[_v("Minimal panel")])]},proxy:true}])},[_v("\nUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\n")]),_v(" "),_c('p',[_v("Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")]),_v(" "),_c('i',{staticClass:"fa fa-arrow-circle-up fa-lg d-print-none",attrs:{"id":"scroll-top-button","onclick":"handleScrollTop()","aria-hidden":"true"}})],1),_v(" "),_c('overlay-source',{attrs:{"id":"page-nav","tag-name":"nav","to":"page-nav"}},[_c('div',{staticClass:"nav-component slim-scroll"},[_c('a',{pre:true,attrs:{"class":"navbar-brand page-nav-title","href":"#"}},[_v("Chapters of This Page")]),_v(" "),_c('overlay-source',{staticClass:"nav nav-pills flex-column my-0 small no-flex-wrap",attrs:{"id":"mb-page-nav","tag-name":"nav","to":"mb-page-nav"}},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#heading-1"}},[_v("Heading 1‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#sub-heading-1-1"}},[_v("Sub Heading 1.1‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#sub-heading-1-2"}},[_v("Sub Heading 1.2‎")])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#heading-2"}},[_v("Heading 2‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#heading-3"}},[_v("Heading 3‎")])])],1)])],1),_v(" "),_m(19)])} }; var pageVueStaticRenderFns = [function anonymous( ) { diff --git a/packages/core/template/default/index.md b/packages/core/template/default/index.md index 5736d633a8..cb212988d8 100755 --- a/packages/core/template/default/index.md +++ b/packages/core/template/default/index.md @@ -92,13 +92,13 @@ value2 | y | 20 | :far-thumbs-down: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. - + tip - + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. - + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. From a6c23ddd60b5c8e5c01127bcb7d49479d6b1ae66 Mon Sep 17 00:00:00 2001 From: itsyme Date: Mon, 30 Jan 2023 21:40:17 +0800 Subject: [PATCH 4/5] Change tipbox to box in comments --- packages/core/src/html/MdAttributeRenderer.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/core/src/html/MdAttributeRenderer.js b/packages/core/src/html/MdAttributeRenderer.js index 30680d02c4..ca3ad4e790 100644 --- a/packages/core/src/html/MdAttributeRenderer.js +++ b/packages/core/src/html/MdAttributeRenderer.js @@ -138,7 +138,7 @@ class MdAttributeRenderer { } /* - * Tip boxes + * Boxes */ processBoxAttributes(node) { From 4c80d15a0dc6bf8ba84b3009e5cdf04efd0ac81c Mon Sep 17 00:00:00 2001 From: itsyme Date: Tue, 31 Jan 2023 11:21:30 +0800 Subject: [PATCH 5/5] Rename TipBox to Box --- docs/devGuide/design/projectStructure.md | 2 +- .../src/{TipBox.vue => Box.vue} | 0 .../__tests__/{TipBox.spec.js => Box.spec.js} | 82 +++++++++---------- .../{TipBox.spec.js.snap => Box.spec.js.snap} | 58 ++++++------- packages/vue-components/src/index.js | 4 +- packages/vue-components/src/utils/utils.js | 2 +- 6 files changed, 74 insertions(+), 74 deletions(-) rename packages/vue-components/src/{TipBox.vue => Box.vue} (100%) rename packages/vue-components/src/__tests__/{TipBox.spec.js => Box.spec.js} (82%) rename packages/vue-components/src/__tests__/__snapshots__/{TipBox.spec.js.snap => Box.spec.js.snap} (86%) diff --git a/docs/devGuide/design/projectStructure.md b/docs/devGuide/design/projectStructure.md index 6d02c3ed5e..d6fe534d36 100644 --- a/docs/devGuide/design/projectStructure.md +++ b/docs/devGuide/design/projectStructure.md @@ -124,7 +124,7 @@ Some custom components and directives are also added for MarkBind's use. * Thumbnail.vue - * TipBox.vue + * Box.vue * **Custom directives ported from [MarkBind/vue-strap](https://github.com/MarkBind/vue-strap)** diff --git a/packages/vue-components/src/TipBox.vue b/packages/vue-components/src/Box.vue similarity index 100% rename from packages/vue-components/src/TipBox.vue rename to packages/vue-components/src/Box.vue diff --git a/packages/vue-components/src/__tests__/TipBox.spec.js b/packages/vue-components/src/__tests__/Box.spec.js similarity index 82% rename from packages/vue-components/src/__tests__/TipBox.spec.js rename to packages/vue-components/src/__tests__/Box.spec.js index 79c89d5e8f..87bc097436 100644 --- a/packages/vue-components/src/__tests__/TipBox.spec.js +++ b/packages/vue-components/src/__tests__/Box.spec.js @@ -1,9 +1,9 @@ import { mount } from '@vue/test-utils'; -import TipBox from '../TipBox.vue'; +import Box from '../Box.vue'; -describe('TipBox', () => { +describe('Box', () => { test('of default type with content renders correctly ', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { slots: { default: 'This is the default box', }, @@ -14,7 +14,7 @@ describe('TipBox', () => { }); test('of info type renders correctly', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { propsData: { type: 'info', }, @@ -23,7 +23,7 @@ describe('TipBox', () => { }); test('of warning type renders correctly', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { propsData: { type: 'warning', }, @@ -32,7 +32,7 @@ describe('TipBox', () => { }); test('of success type renders correctly', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { propsData: { type: 'success', }, @@ -41,7 +41,7 @@ describe('TipBox', () => { }); test('of important type renders correctly', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { propsData: { type: 'important', }, @@ -50,7 +50,7 @@ describe('TipBox', () => { }); test('of wrong type renders correctly', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { propsData: { type: 'wrong', }, @@ -59,7 +59,7 @@ describe('TipBox', () => { }); test('of tip type renders correctly', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { propsData: { type: 'tip', }, @@ -68,7 +68,7 @@ describe('TipBox', () => { }); test('of definition type renders correctly', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { propsData: { type: 'definition', }, @@ -77,7 +77,7 @@ describe('TipBox', () => { }); test('with dismissible option renders correctly', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { propsData: { dismissible: true, }, @@ -86,7 +86,7 @@ describe('TipBox', () => { }); test('with header renders correctly', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { slots: { header: 'A header', }, @@ -95,7 +95,7 @@ describe('TipBox', () => { }); test('of info type light style renders correctly', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { propsData: { type: 'info', light: true, @@ -105,7 +105,7 @@ describe('TipBox', () => { }); test('of warning type light style renders correctly', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { propsData: { type: 'warning', light: true, @@ -115,7 +115,7 @@ describe('TipBox', () => { }); test('of success type light style renders correctly', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { propsData: { type: 'success', light: true, @@ -125,7 +125,7 @@ describe('TipBox', () => { }); test('of important type light style renders correctly', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { propsData: { type: 'important', light: true, @@ -135,7 +135,7 @@ describe('TipBox', () => { }); test('of wrong type light style renders correctly', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { propsData: { type: 'wrong', light: true, @@ -145,7 +145,7 @@ describe('TipBox', () => { }); test('of tip type light style renders correctly', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { propsData: { type: 'tip', light: true, @@ -155,7 +155,7 @@ describe('TipBox', () => { }); test('of definition type light style renders correctly', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { propsData: { type: 'definition', light: true, @@ -165,7 +165,7 @@ describe('TipBox', () => { }); test('of seamless style renders correctly', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { propsData: { seamless: true, }, @@ -174,7 +174,7 @@ describe('TipBox', () => { }); test('having custom background color renders correctly', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { propsData: { backgroundColor: 'white', }, @@ -183,7 +183,7 @@ describe('TipBox', () => { }); test('having custom border color renders correctly', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { propsData: { borderColor: 'grey', }, @@ -192,7 +192,7 @@ describe('TipBox', () => { }); test('having custom border left color renders correctly', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { propsData: { borderLeftColor: 'blue', }, @@ -201,13 +201,13 @@ describe('TipBox', () => { }); test('should have light style take priority over seamless', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { propsData: { light: true, seamless: true, }, }); - const boxLightStyle = mount(TipBox, { + const boxLightStyle = mount(Box, { propsData: { light: true, }, @@ -216,7 +216,7 @@ describe('TipBox', () => { }); test('with no-background option renders correctly', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { propsData: { noBackground: true, }, @@ -225,13 +225,13 @@ describe('TipBox', () => { }); test('with no-background option does not affect background-color', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { propsData: { noBackground: true, backgroundColor: 'yellow', }, }); - const boxYellowBackground = mount(TipBox, { + const boxYellowBackground = mount(Box, { propsData: { backgroundColor: 'yellow', }, @@ -240,7 +240,7 @@ describe('TipBox', () => { }); test('with no-border option renders correctly', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { propsData: { noBorder: true, }, @@ -249,13 +249,13 @@ describe('TipBox', () => { }); test('with no-border option does not affect border-color', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { propsData: { noBorder: true, borderColor: 'grey', }, }); - const boxGreyBorder = mount(TipBox, { + const boxGreyBorder = mount(Box, { propsData: { borderColor: 'grey', }, @@ -264,13 +264,13 @@ describe('TipBox', () => { }); test('with no-border option does not affect border-left-color', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { propsData: { noBorder: true, borderLeftColor: 'grey', }, }); - const boxGreyLeftBorder = mount(TipBox, { + const boxGreyLeftBorder = mount(Box, { propsData: { borderLeftColor: 'grey', }, @@ -279,7 +279,7 @@ describe('TipBox', () => { }); test('with no-icon option renders correctly', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { propsData: { type: 'success', noIcon: true, @@ -289,7 +289,7 @@ describe('TipBox', () => { }); test('with icon renders correctly', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { slots: { icon: ':rocket:', }, @@ -301,7 +301,7 @@ describe('TipBox', () => { }); test('with no-icon option does not affect icon set by icon', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { slots: { icon: ':rocket:', }, @@ -310,7 +310,7 @@ describe('TipBox', () => { noIcon: true, }, }); - const boxWithIcon = mount(TipBox, { + const boxWithIcon = mount(Box, { slots: { icon: ':rocket:', }, @@ -322,7 +322,7 @@ describe('TipBox', () => { }); test('with icon and icon-size renders correctly', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { slots: { icon: ':rocket:', }, @@ -335,7 +335,7 @@ describe('TipBox', () => { }); test('with custom color renders correctly', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { propsData: { color: 'pink', }, @@ -344,7 +344,7 @@ describe('TipBox', () => { }); test('with custom icon color and header renders correctly', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { slots: { icon: ':fas-plus:', header: 'A header', @@ -357,7 +357,7 @@ describe('TipBox', () => { }); test('with custom icon color and no header renders correctly', () => { - const wrapper = mount(TipBox, { + const wrapper = mount(Box, { slots: { icon: ':fas-plus:', }, diff --git a/packages/vue-components/src/__tests__/__snapshots__/TipBox.spec.js.snap b/packages/vue-components/src/__tests__/__snapshots__/Box.spec.js.snap similarity index 86% rename from packages/vue-components/src/__tests__/__snapshots__/TipBox.spec.js.snap rename to packages/vue-components/src/__tests__/__snapshots__/Box.spec.js.snap index 8bbc7e06ee..290c16586d 100644 --- a/packages/vue-components/src/__tests__/__snapshots__/TipBox.spec.js.snap +++ b/packages/vue-components/src/__tests__/__snapshots__/Box.spec.js.snap @@ -1,6 +1,6 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`TipBox having custom background color renders correctly 1`] = ` +exports[`Box having custom background color renders correctly 1`] = `
`; -exports[`TipBox having custom border color renders correctly 1`] = ` +exports[`Box having custom border color renders correctly 1`] = `
`; -exports[`TipBox having custom border left color renders correctly 1`] = ` +exports[`Box having custom border left color renders correctly 1`] = `
`; -exports[`TipBox of default type with content renders correctly 1`] = ` +exports[`Box of default type with content renders correctly 1`] = `
@@ -117,7 +117,7 @@ exports[`TipBox of default type with content renders correctly 1`] = `
`; -exports[`TipBox of definition type light style renders correctly 1`] = ` +exports[`Box of definition type light style renders correctly 1`] = `
@@ -151,7 +151,7 @@ exports[`TipBox of definition type light style renders correctly 1`] = `
`; -exports[`TipBox of definition type renders correctly 1`] = ` +exports[`Box of definition type renders correctly 1`] = `
@@ -185,7 +185,7 @@ exports[`TipBox of definition type renders correctly 1`] = `
`; -exports[`TipBox of important type light style renders correctly 1`] = ` +exports[`Box of important type light style renders correctly 1`] = `
@@ -219,7 +219,7 @@ exports[`TipBox of important type light style renders correctly 1`] = `
`; -exports[`TipBox of important type renders correctly 1`] = ` +exports[`Box of important type renders correctly 1`] = `
@@ -253,7 +253,7 @@ exports[`TipBox of important type renders correctly 1`] = `
`; -exports[`TipBox of info type light style renders correctly 1`] = ` +exports[`Box of info type light style renders correctly 1`] = `
@@ -287,7 +287,7 @@ exports[`TipBox of info type light style renders correctly 1`] = `
`; -exports[`TipBox of info type renders correctly 1`] = ` +exports[`Box of info type renders correctly 1`] = `
@@ -321,7 +321,7 @@ exports[`TipBox of info type renders correctly 1`] = `
`; -exports[`TipBox of seamless style renders correctly 1`] = ` +exports[`Box of seamless style renders correctly 1`] = `
@@ -352,7 +352,7 @@ exports[`TipBox of seamless style renders correctly 1`] = `
`; -exports[`TipBox of success type light style renders correctly 1`] = ` +exports[`Box of success type light style renders correctly 1`] = `
@@ -386,7 +386,7 @@ exports[`TipBox of success type light style renders correctly 1`] = `
`; -exports[`TipBox of success type renders correctly 1`] = ` +exports[`Box of success type renders correctly 1`] = `
@@ -420,7 +420,7 @@ exports[`TipBox of success type renders correctly 1`] = `
`; -exports[`TipBox of tip type light style renders correctly 1`] = ` +exports[`Box of tip type light style renders correctly 1`] = `
@@ -454,7 +454,7 @@ exports[`TipBox of tip type light style renders correctly 1`] = `
`; -exports[`TipBox of tip type renders correctly 1`] = ` +exports[`Box of tip type renders correctly 1`] = `
@@ -488,7 +488,7 @@ exports[`TipBox of tip type renders correctly 1`] = `
`; -exports[`TipBox of warning type light style renders correctly 1`] = ` +exports[`Box of warning type light style renders correctly 1`] = `
@@ -522,7 +522,7 @@ exports[`TipBox of warning type light style renders correctly 1`] = `
`; -exports[`TipBox of warning type renders correctly 1`] = ` +exports[`Box of warning type renders correctly 1`] = `
@@ -556,7 +556,7 @@ exports[`TipBox of warning type renders correctly 1`] = `
`; -exports[`TipBox of wrong type light style renders correctly 1`] = ` +exports[`Box of wrong type light style renders correctly 1`] = `
@@ -590,7 +590,7 @@ exports[`TipBox of wrong type light style renders correctly 1`] = `
`; -exports[`TipBox of wrong type renders correctly 1`] = ` +exports[`Box of wrong type renders correctly 1`] = `
@@ -624,7 +624,7 @@ exports[`TipBox of wrong type renders correctly 1`] = `
`; -exports[`TipBox with custom color renders correctly 1`] = ` +exports[`Box with custom color renders correctly 1`] = `
@@ -653,7 +653,7 @@ exports[`TipBox with custom color renders correctly 1`] = `
`; -exports[`TipBox with custom icon color and header renders correctly 1`] = ` +exports[`Box with custom icon color and header renders correctly 1`] = `
@@ -698,7 +698,7 @@ exports[`TipBox with custom icon color and header renders correctly 1`] = `
`; -exports[`TipBox with custom icon color and no header renders correctly 1`] = ` +exports[`Box with custom icon color and no header renders correctly 1`] = `
@@ -731,7 +731,7 @@ exports[`TipBox with custom icon color and no header renders correctly 1`] = `
`; -exports[`TipBox with dismissible option renders correctly 1`] = ` +exports[`Box with dismissible option renders correctly 1`] = `
@@ -764,7 +764,7 @@ exports[`TipBox with dismissible option renders correctly 1`] = `
`; -exports[`TipBox with header renders correctly 1`] = ` +exports[`Box with header renders correctly 1`] = `
@@ -804,7 +804,7 @@ exports[`TipBox with header renders correctly 1`] = `
`; -exports[`TipBox with icon and icon-size renders correctly 1`] = ` +exports[`Box with icon and icon-size renders correctly 1`] = `
@@ -836,7 +836,7 @@ exports[`TipBox with icon and icon-size renders correctly 1`] = `
`; -exports[`TipBox with icon renders correctly 1`] = ` +exports[`Box with icon renders correctly 1`] = `
@@ -868,7 +868,7 @@ exports[`TipBox with icon renders correctly 1`] = `
`; -exports[`TipBox with no-background option renders correctly 1`] = ` +exports[`Box with no-background option renders correctly 1`] = `
@@ -896,7 +896,7 @@ exports[`TipBox with no-background option renders correctly 1`] = `
`; -exports[`TipBox with no-border option renders correctly 1`] = ` +exports[`Box with no-border option renders correctly 1`] = `
@@ -924,7 +924,7 @@ exports[`TipBox with no-border option renders correctly 1`] = `
`; -exports[`TipBox with no-icon option renders correctly 1`] = ` +exports[`Box with no-icon option renders correctly 1`] = `
diff --git a/packages/vue-components/src/index.js b/packages/vue-components/src/index.js index 6bff6fe7f3..1db61387ce 100644 --- a/packages/vue-components/src/index.js +++ b/packages/vue-components/src/index.js @@ -4,6 +4,7 @@ import 'floating-vue/dist/style.css'; /* eslint-enable import/no-extraneous-dependencies */ // Custom / modified components and components from yuche/vue-strap +import box from './Box.vue'; import closeable from './directives/Closeable'; import dropdown from './Dropdown.vue'; import navbar from './Navbar.vue'; @@ -20,7 +21,6 @@ import tab from './Tab.vue'; import tabGroup from './TabGroup.vue'; import tabset from './Tabset.vue'; import thumbnail from './Thumbnail.vue'; -import tipBox from './TipBox.vue'; import trigger from './Trigger.vue'; import siteNav from './SiteNav.vue'; import submenu from './Submenu.vue'; @@ -33,7 +33,7 @@ import tooltip from './Tooltip.vue'; import modal from './Modal.vue'; const components = { - box: tipBox, + box, dropdown, navbar, panel, diff --git a/packages/vue-components/src/utils/utils.js b/packages/vue-components/src/utils/utils.js index 21d22145f6..4e4b819b15 100644 --- a/packages/vue-components/src/utils/utils.js +++ b/packages/vue-components/src/utils/utils.js @@ -160,7 +160,7 @@ export function VueFixer (vue) { return vue } -// Used in the TipBox component to classify the different styles used by bootstrap from the user input. +// Used in the Box component to classify the different styles used by bootstrap from the user input. // @params (the user input type of the box) export function classifyBootstrapStyle(type, theme) { const defaultStyles