x-mavon-editor 0.0.1

package/src/lib/css/mavon-editor.styl

@@ -0,0 +1,297 @@
+  border-color = 1px solid #F2F6FC
+  op-height = 40px
+  textarea:disabled
+    background-color #ffffff
+
+  /* 路由内容 */
+  .v-note-wrapper
+    position relative
+    min-width 300px
+    min-height 300px
+    display flex
+    flex-direction column
+    background-color #fff
+    z-index 1500
+    text-align left
+    border border-color
+    border-radius 4px
+    &.fullscreen
+      position fixed
+      left 0
+      right 0
+      bottom 0
+      top 0
+      margin 0
+      height auto
+      z-index 1501
+    .v-note-op
+      padding 1px
+      width 100%
+      display flex
+      white-space pre-line
+      flex none
+      min-height op-height
+      user-select none
+      border-bottom border-color
+      border-radius 4px 4px 0 0
+      background-color #fff
+      z-index 1
+      .v-left-item, .v-right-item
+        flex 1
+        min-height op-height
+        box-sizing border-box
+        .op-icon-divider
+          height op-height
+          border-left 1px solid #e5e5e5
+          margin 0 6px 0 4px
+        .op-icon
+          box-sizing border-box
+          display inline-block
+          cursor pointer
+          height 28px
+          width 28px
+          margin 6px 0 5px 0px
+          font-size 14px
+          padding 4.5px 6px 5px 3.5px
+          color #757575
+          border-radius 5px
+          text-align center
+          background none
+          border none
+          outline none
+          line-height 1
+          //vertical-align middle
+          &.dropdown-wrapper
+            line-height 18px
+          &.selected
+            color rgba(0, 0, 0, 0.8)
+            background #eaeaea
+          &:hover
+            color rgba(0, 0, 0, 0.8)
+            background #e9e9eb
+        &.transition
+          .op-icon
+            transition all 0.2s linear 0s
+      .v-right-item
+        text-align right
+        padding-right 6px
+        max-width 30%
+      .v-left-item
+        text-align left
+        padding-left 6px
+    .v-note-panel
+      position relative
+      border-top none
+      display flex
+      flex 1
+      width 100%
+      box-sizing border-box
+      overflow hidden
+      .v-note-edit.divarea-wrapper
+        flex 0 0 50%
+        width 50%
+        padding 0
+        overflow-y scroll
+        overflow-x hidden
+        box-sizing border-box
+        cursor text
+        border-bottom-left-radius: 4px;
+        scrollbar()
+        &.transition
+          transition all 0.2s linear 0s
+        &.single-edit
+          width 100%
+          flex 0 0 100%
+          overflow-y auto
+        &.single-show
+          width 0
+          flex 0 0 0
+          display none
+        .content-div
+          width 100%
+          padding 20px 25px
+          box-sizing border-box
+          outline 0 none
+          border none !important
+          color #2c3e50
+          font-size 16px
+        .content-input-wrapper
+          width 100%
+          padding 8px 25px 15px 25px
+      .v-note-show
+        flex 0 0 50%
+        width 50%
+        overflow-y auto
+        padding 0 0
+        transition all 0.2s linear 0s
+        &.single-show
+          flex 0 0 100%
+          width 100%
+        .v-show-content, .v-show-content-html
+          width 100%
+          height 100%
+          padding 8px 25px 15px 25px
+          overflow-y auto
+          box-sizing border-box
+          overflow-x hidden
+          scrollbar()
+      .v-note-navigation-wrapper
+        display flex
+        position absolute
+        width 250px
+        right 0
+        top 0
+        bottom 0
+        height 100%
+        flex-direction column
+        background-color rgba(255,255,255,0.98)
+        border-left border-color
+        border-right border-color
+        &.transition
+          transition all 0.1s linear 0s
+        @media only screen and (max-width 768px)
+          width 50%
+        &.slideTop-enter-active, &.slideTop-leave-active
+          height 100%
+        &.slideTop-enter, &.slideTop-leave-active
+          height 0
+        .v-note-navigation-title
+          height 50px
+          width 100%
+          border-bottom border-color
+          flex none
+          line-height @height
+          font-size 16px
+          box-sizing border-box
+          padding 0 12px 0 18px
+          .v-note-navigation-close
+            float right
+            color #606266
+            font-size 18px
+            cursor pointer
+            &:hover
+              color #303133
+        .v-note-navigation-content
+          overflow-y auto
+          flex 1
+          scrollbar()
+          padding 8px 0
+          h1, h2, h3, h4, h5, h6
+            margin 2px 0
+            font-weight 500
+            font-size 17px
+            color #2185d0
+            cursor pointer
+            line-height normal
+            overflow hidden
+            text-overflow ellipsis
+            white-space nowrap
+            padding 0 12px
+            border-bottom none
+            &:hover
+              color #483D8B
+              text-decoration-line underline
+          h2
+            padding-left  27px
+            font-size 17px
+          h3
+            padding-left  42px
+            font-size 17px
+          h4
+            padding-left  58px
+            font-size 15px
+          h5
+            padding-left  72px
+            font-size 15px
+          h6
+            padding-left  87px
+            font-size 15px
+    .v-note-read-model
+      position relative
+      display none
+      width 100%
+      height 100%
+      background #fbfbfb
+      padding 30px 8% 50px 8%
+      overflow-y auto
+      scrollbar()
+      box-sizing border-box
+      &.show
+        display block
+    &.shadow
+      border none
+      // box-shadow 0 2px 12px 0 rgba(0, 0, 0, 0.1) 
+.v-note-help-wrapper
+  position fixed
+  left 0
+  right 0
+  top 0
+  bottom 0
+  background rgba(0, 0, 0, 0.7)
+  z-index 1600
+  transition all 0.1s linear 0s
+  &.fade-enter-active, &.fade-leave-active
+    opacity 1
+  &.fade-enter, &.fade-leave-active
+    opacity 0
+  .v-note-help-content
+    position relative
+    width 60%
+    max-width 800px
+    margin 30px auto
+    height 90%
+    min-width 320px
+    transition all 0.1s linear 0s
+    z-index 3
+    border border-color
+    &.shadow
+      border none
+      box-shadow 0 0px 5px rgba(0, 0, 0, .156863), 0 0px 5px rgba(0, 0, 0, .227451)
+    i
+      font-size 28px
+      position absolute
+      right 15px
+      top 8px
+      color rgba(0, 0, 0, 0.7)
+      cursor pointer
+      &:hover
+        color rgba(0, 0, 0, 1)
+    .v-note-help-show
+      width 100%
+      height 100%
+      font-size 18px
+      background #fbfbfb
+      overflow-y auto
+      padding 2% 6%
+      scrollbar()
+
+
+.v-note-img-wrapper
+  position fixed
+  display flex
+  justify-content center
+  align-items center
+  left 0
+  right 0
+  top 0
+  bottom 0
+  background rgba(0, 0, 0, 0.7)
+  z-index 1600
+  transition all 0.1s linear 0s
+  &.fade-enter-active, &.fade-leave-active
+    opacity 1
+  &.fade-enter, &.fade-leave-active
+    opacity 0
+  img
+    flex 0 0 auto
+    z-index 3
+  i
+    font-size 28px
+    position absolute
+    right 15px
+    top 8px
+    color rgba(255, 255, 255, 0.7)
+    cursor pointer
+    &:hover
+      color rgba(255, 255, 255, 1)
+align()

package/src/lib/css/md.css

@@ -0,0 +1,27 @@
+/**
+ * @Author: HuaChao Chen <CHC>
+ * @Date:   2017-05-05T15:57:16+08:00
+ * @Email:  chenhuachaoxyz@gmail.com
+ * @Filename: md.css
+ * @Last modified by:   chc
+ * @Last modified time: 2017-06-15T00:13:34+08:00
+ * @License: MIT
+ * @Copyright: 2017
+ */
+
+.markdown-body strong{
+    font-weight: bolder;
+}
+
+.markdown-body .hljs-center {
+    text-align: center;
+}
+.markdown-body .hljs-right {
+    text-align: right;
+}
+.markdown-body .hljs-left {
+    text-align: left;
+}
+.markdown-body .hljs {
+    overflow: auto;
+}

package/src/lib/css/scroll.styl

@@ -0,0 +1,15 @@
+scrollbar()
+  &.scroll-style::-webkit-scrollbar
+    width 6px
+    background-color #e5e5e5
+  &.scroll-style::-webkit-scrollbar-thumb
+    background-color #b7b7b7
+    border-radius 4px
+  &.scroll-style::-webkit-scrollbar-thumb:hover
+    background-color #a1a1a1
+  &.scroll-style::-webkit-scrollbar-thumb:active
+    background-color #a1a1a1
+  &.scroll-style::-webkit-scrollbar-track
+    -webkit-box-shadow 0 0 0px gray inset
+  &.scroll-style-border-radius::-webkit-scrollbar
+    border-bottom-right-radius 4px

package/src/lib/font/LICENSE.txt

@@ -0,0 +1,12 @@
+Font license info
+
+
+## Font Awesome
+
+   Copyright (C) 2016 by Dave Gandy
+
+   Author:    Dave Gandy
+   License:   SIL ()
+   Homepage:  http://fortawesome.github.com/Font-Awesome/
+
+

package/src/lib/font/README.txt

@@ -0,0 +1,75 @@
+This webfont is generated by http://fontello.com open source project.
+
+
+================================================================================
+Please, note, that you should obey original font licenses, used to make this
+webfont pack. Details available in LICENSE.txt file.
+
+- Usually, it's enough to publish content of LICENSE.txt file somewhere on your
+  site in "About" section.
+
+- If your project is open-source, usually, it will be ok to make LICENSE.txt
+  file publicly available in your repository.
+
+- Fonts, used in Fontello, don't require a clickable link on your site.
+  But any kind of additional authors crediting is welcome.
+================================================================================
+
+
+Comments on archive content
+---------------------------
+
+- /font/* - fonts in different formats
+
+- /css/*  - different kinds of css, for all situations. Should be ok with 
+  twitter bootstrap. Also, you can skip <i> style and assign icon classes
+  directly to text elements, if you don't mind about IE7.
+
+- demo.html - demo file, to show your webfont content
+
+- LICENSE.txt - license info about source fonts, used to build your one.
+
+- config.json - keeps your settings. You can import it back into fontello
+  anytime, to continue your work
+
+
+Why so many CSS files ?
+-----------------------
+
+Because we like to fit all your needs :)
+
+- basic file, <your_font_name>.css - is usually enough, it contains @font-face
+  and character code definitions
+
+- *-ie7.css - if you need IE7 support, but still don't wish to put char codes
+  directly into html
+
+- *-codes.css and *-ie7-codes.css - if you like to use your own @font-face
+  rules, but still wish to benefit from css generation. That can be very
+  convenient for automated asset build systems. When you need to update font -
+  no need to manually edit files, just override old version with archive
+  content. See fontello source code for examples.
+
+- *-embedded.css - basic css file, but with embedded WOFF font, to avoid
+  CORS issues in Firefox and IE9+, when fonts are hosted on the separate domain.
+  We strongly recommend to resolve this issue by `Access-Control-Allow-Origin`
+  server headers. But if you ok with dirty hack - this file is for you. Note,
+  that data url moved to separate @font-face to avoid problems with <IE9, when
+  string is too long.
+
+- animate.css - use it to get ideas about spinner rotation animation.
+
+
+Attention for server setup
+--------------------------
+
+You MUST setup server to reply with proper `mime-types` for font files -
+otherwise some browsers will fail to show fonts.
+
+Usually, `apache` already has necessary settings, but `nginx` and other
+webservers should be tuned. Here is list of mime types for our file extensions:
+
+- `application/vnd.ms-fontobject` - eot
+- `application/x-font-woff` - woff
+- `application/x-font-ttf` - ttf
+- `image/svg+xml` - svg

package/src/lib/font/config.json

@@ -0,0 +1,196 @@
+{
+  "name": "",
+  "css_prefix_text": "fa-mavon-",
+  "css_use_suffix": false,
+  "hinting": true,
+  "units_per_em": 1000,
+  "ascent": 850,
+  "glyphs": [
+    {
+      "uid": "02cca871bb69da75e8ee286b7055832c",
+      "css": "bold",
+      "code": 59392,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "a8cb1c217f02b073db3670c061cc54d2",
+      "css": "italic",
+      "code": 59393,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "0c708edd8fae2376b3370aa56d40cf9e",
+      "css": "header",
+      "code": 61916,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "d4a4a38a40b728f46dad1de4ac950231",
+      "css": "underline",
+      "code": 61645,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "61c242c9e2134d5864d7fdd57b3c9289",
+      "css": "strikethrough",
+      "code": 61644,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "f04a5d24e9e659145b966739c4fde82a",
+      "css": "thumb-tack",
+      "code": 59394,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "4e88371fb8857dacc1f66afe6314e426",
+      "css": "superscript",
+      "code": 61739,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "3d1c929dbc966992185ce749548c1b2c",
+      "css": "subscript",
+      "code": 61740,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "ab95e1351ebaec5850101097cbf7097f",
+      "css": "quote-left",
+      "code": 61709,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "f6766a8b042c2453a4e153af03294383",
+      "css": "list-ol",
+      "code": 61643,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "a2a74f5e7b7d9ba054897d8c795a326a",
+      "css": "list-ul",
+      "code": 61642,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "0ddd3e8201ccc7d41f7b7c9d27eca6c1",
+      "css": "link",
+      "code": 59395,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "381da2c2f7fd51f8de877c044d7f439d",
+      "css": "picture-o",
+      "code": 59396,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "7034e4d22866af82bef811f52fb1ba46",
+      "css": "code",
+      "code": 61729,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "8fb55fd696d9a0f58f3b27c1d8633750",
+      "css": "table",
+      "code": 61646,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "bc71f4c6e53394d5ba46b063040014f1",
+      "css": "repeat",
+      "code": 59397,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "f9c3205df26e7778abac86183aefdc99",
+      "css": "undo",
+      "code": 59398,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "f48ae54adfb27d8ada53d0fd9e34ee10",
+      "css": "trash-o",
+      "code": 59399,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "f4445feb55521283572ee88bc304f928",
+      "css": "floppy-o",
+      "code": 59400,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "559647a6f430b3aeadbecd67194451dd",
+      "css": "bars",
+      "code": 61641,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "53dd31a6cc6438192b2d7b09b1c1dd45",
+      "css": "columns",
+      "code": 61659,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "07f0832c07f3d9713fffb06c8bffa027",
+      "css": "window-maximize",
+      "code": 62160,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "b013f6403e5ab0326614e68d1850fd6b",
+      "css": "arrows-alt",
+      "code": 61618,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "3c24ee33c9487bbf18796ca6dffa1905",
+      "css": "compress",
+      "code": 59401,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "c5fd349cbd3d23e4ade333789c29c729",
+      "css": "eye",
+      "code": 59402,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "7fd683b2c518ceb9e5fa6757f2276faa",
+      "css": "eye-slash",
+      "code": 59403,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "17ebadd1e3f274ff0205601eef7b9cc4",
+      "css": "question-circle",
+      "code": 59404,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "5211af474d3a9848f67f945e2ccaf143",
+      "css": "times",
+      "code": 59405,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "f4f0e849b805be1f6d76b65581cb3b8b",
+      "css": "align-left",
+      "code": 59407,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "ae6336c46d73af999fe7460c089abb4d",
+      "css": "align-center",
+      "code": 59408,
+      "src": "fontawesome"
+    },
+    {
+      "uid": "e1e7306b47c3c5e6faecce9d32571381",
+      "css": "align-right",
+      "code": 59409,
+      "src": "fontawesome"
+    }
+  ]
+}

package/src/lib/font/css/animation.css

@@ -0,0 +1,85 @@
+/*
+   Animation example, for spinners
+*/
+.animate-spin {
+  -moz-animation: spin 2s infinite linear;
+  -o-animation: spin 2s infinite linear;
+  -webkit-animation: spin 2s infinite linear;
+  animation: spin 2s infinite linear;
+  display: inline-block;
+}
+@-moz-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@-webkit-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@-o-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@-ms-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}