vue-editify 0.1.17 → 0.1.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -3
 - package/examples/App.vue +62 -53
 - package/examples/main.ts +4 -4
 - package/lib/components/button/button.vue.d.ts +11 -11
 - package/lib/components/checkbox/checkbox.vue.d.ts +8 -8
 - package/lib/components/colors/colors.vue.d.ts +4 -4
 - package/lib/components/icon/icon.vue.d.ts +1 -1
 - package/lib/components/insertImage/insertImage.vue.d.ts +9 -9
 - package/lib/components/insertLink/insertLink.vue.d.ts +2 -2
 - package/lib/components/insertTable/insertTable.vue.d.ts +2 -2
 - package/lib/components/insertVideo/insertVideo.vue.d.ts +9 -9
 - package/lib/components/layer/layer.vue.d.ts +9 -9
 - package/lib/components/menu/menu.vue.d.ts +4 -4
 - package/lib/components/toolbar/toolbar.vue.d.ts +9 -9
 - package/lib/components/tooltip/tooltip.vue.d.ts +1 -1
 - package/lib/components/triangle/triangle.vue.d.ts +4 -4
 - package/lib/editify/editify.vue.d.ts +88 -70
 - package/lib/editify/props.d.ts +11 -3
 - package/lib/editify.es.js +65 -46
 - package/lib/editify.umd.js +1 -1
 - package/lib/index.d.ts +1 -1
 - package/lib/style.css +1 -1
 - package/package.json +45 -45
 - package/src/components/button/button.less +145 -145
 - package/src/components/button/button.vue +197 -197
 - package/src/components/button/props.ts +95 -95
 - package/src/components/checkbox/checkbox.less +84 -84
 - package/src/components/checkbox/checkbox.vue +68 -68
 - package/src/components/checkbox/props.ts +49 -49
 - package/src/components/colors/colors.less +75 -75
 - package/src/components/colors/colors.vue +36 -36
 - package/src/components/colors/props.ts +29 -29
 - package/src/components/icon/icon.less +14 -14
 - package/src/components/icon/icon.vue +12 -12
 - package/src/components/icon/props.ts +11 -11
 - package/src/components/insertImage/insertImage.less +135 -135
 - package/src/components/insertImage/insertImage.vue +146 -146
 - package/src/components/insertImage/props.ts +43 -43
 - package/src/components/insertLink/insertLink.less +64 -64
 - package/src/components/insertLink/insertLink.vue +58 -58
 - package/src/components/insertLink/props.ts +16 -16
 - package/src/components/insertTable/insertTable.less +54 -54
 - package/src/components/insertTable/insertTable.vue +85 -85
 - package/src/components/insertTable/props.ts +27 -27
 - package/src/components/insertVideo/insertVideo.less +135 -135
 - package/src/components/insertVideo/insertVideo.vue +146 -146
 - package/src/components/insertVideo/props.ts +43 -43
 - package/src/components/layer/layer.less +49 -49
 - package/src/components/layer/layer.vue +598 -598
 - package/src/components/layer/props.ts +71 -71
 - package/src/components/menu/menu.less +63 -63
 - package/src/components/menu/menu.vue +1569 -1569
 - package/src/components/menu/props.ts +17 -17
 - package/src/components/toolbar/props.ts +35 -35
 - package/src/components/toolbar/toolbar.less +89 -89
 - package/src/components/toolbar/toolbar.vue +1101 -1101
 - package/src/components/tooltip/props.ts +21 -21
 - package/src/components/tooltip/tooltip.less +23 -23
 - package/src/components/tooltip/tooltip.vue +37 -37
 - package/src/components/triangle/props.ts +26 -26
 - package/src/components/triangle/triangle.less +79 -79
 - package/src/components/triangle/triangle.vue +65 -65
 - package/src/core/function.ts +1144 -1144
 - package/src/core/rule.ts +259 -259
 - package/src/core/tool.ts +1137 -1137
 - package/src/css/base.less +30 -30
 - package/src/css/hljs.less +54 -54
 - package/src/editify/editify.less +404 -403
 - package/src/editify/editify.vue +803 -792
 - package/src/editify/props.ts +156 -146
 - package/src/hljs/index.ts +197 -197
 - package/src/icon/iconfont.css +219 -219
 - package/src/index.ts +32 -32
 - package/src/locale/en_US.ts +88 -88
 - package/src/locale/index.ts +12 -12
 - package/src/locale/zh_CN.ts +88 -88
 - package/tsconfig.json +27 -27
 - package/tsconfig.node.json +11 -11
 - package/vite-env.d.ts +1 -1
 - package/vite.config.ts +42 -42
 
    
        package/src/css/base.less
    CHANGED
    
    | 
         @@ -1,30 +1,30 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            //三角图标大小
         
     | 
| 
       2 
     | 
    
         
            -
            @triangle-size: 6px;
         
     | 
| 
       3 
     | 
    
         
            -
            //编辑器内的默认字体大小
         
     | 
| 
       4 
     | 
    
         
            -
            @font-size: 14px;
         
     | 
| 
       5 
     | 
    
         
            -
            //字体颜色
         
     | 
| 
       6 
     | 
    
         
            -
            @font-color: #555;
         
     | 
| 
       7 
     | 
    
         
            -
            //较浅的字体颜色(副文本颜色)
         
     | 
| 
       8 
     | 
    
         
            -
            @font-color-light: #888;
         
     | 
| 
       9 
     | 
    
         
            -
            //更浅的字体颜色(placeholder和禁用字体颜色)
         
     | 
| 
       10 
     | 
    
         
            -
            @font-color-disabled: #bbb;
         
     | 
| 
       11 
     | 
    
         
            -
            //较深的字体颜色(编辑器内容区域字体颜色)
         
     | 
| 
       12 
     | 
    
         
            -
            @font-color-dark: #333;
         
     | 
| 
       13 
     | 
    
         
            -
            //链接字体颜色
         
     | 
| 
       14 
     | 
    
         
            -
            @font-color-link: #079457;
         
     | 
| 
       15 
     | 
    
         
            -
            //链接字体悬浮色
         
     | 
| 
       16 
     | 
    
         
            -
            @font-color-link-dark: #05683d;
         
     | 
| 
       17 
     | 
    
         
            -
            //边框颜色
         
     | 
| 
       18 
     | 
    
         
            -
            @border-color: #dfdfdf;
         
     | 
| 
       19 
     | 
    
         
            -
            //默认背景色
         
     | 
| 
       20 
     | 
    
         
            -
            @background: #fff;
         
     | 
| 
       21 
     | 
    
         
            -
            //较深的背景色
         
     | 
| 
       22 
     | 
    
         
            -
            @background-dark: #f7f8fa;
         
     | 
| 
       23 
     | 
    
         
            -
            //更深的背景色
         
     | 
| 
       24 
     | 
    
         
            -
            @background-darker: #ebedf0;
         
     | 
| 
       25 
     | 
    
         
            -
            //代码块背景色
         
     | 
| 
       26 
     | 
    
         
            -
            @pre-background: #f2f6fb;
         
     | 
| 
       27 
     | 
    
         
            -
            //反色调字体颜色
         
     | 
| 
       28 
     | 
    
         
            -
            @reverse-color: #fff;
         
     | 
| 
       29 
     | 
    
         
            -
            //反色调背景色
         
     | 
| 
       30 
     | 
    
         
            -
            @reverse-background: #000;
         
     | 
| 
      
 1 
     | 
    
         
            +
            //三角图标大小
         
     | 
| 
      
 2 
     | 
    
         
            +
            @triangle-size: 6px;
         
     | 
| 
      
 3 
     | 
    
         
            +
            //编辑器内的默认字体大小
         
     | 
| 
      
 4 
     | 
    
         
            +
            @font-size: 14px;
         
     | 
| 
      
 5 
     | 
    
         
            +
            //字体颜色
         
     | 
| 
      
 6 
     | 
    
         
            +
            @font-color: #555;
         
     | 
| 
      
 7 
     | 
    
         
            +
            //较浅的字体颜色(副文本颜色)
         
     | 
| 
      
 8 
     | 
    
         
            +
            @font-color-light: #888;
         
     | 
| 
      
 9 
     | 
    
         
            +
            //更浅的字体颜色(placeholder和禁用字体颜色)
         
     | 
| 
      
 10 
     | 
    
         
            +
            @font-color-disabled: #bbb;
         
     | 
| 
      
 11 
     | 
    
         
            +
            //较深的字体颜色(编辑器内容区域字体颜色)
         
     | 
| 
      
 12 
     | 
    
         
            +
            @font-color-dark: #333;
         
     | 
| 
      
 13 
     | 
    
         
            +
            //链接字体颜色
         
     | 
| 
      
 14 
     | 
    
         
            +
            @font-color-link: #079457;
         
     | 
| 
      
 15 
     | 
    
         
            +
            //链接字体悬浮色
         
     | 
| 
      
 16 
     | 
    
         
            +
            @font-color-link-dark: #05683d;
         
     | 
| 
      
 17 
     | 
    
         
            +
            //边框颜色
         
     | 
| 
      
 18 
     | 
    
         
            +
            @border-color: #dfdfdf;
         
     | 
| 
      
 19 
     | 
    
         
            +
            //默认背景色
         
     | 
| 
      
 20 
     | 
    
         
            +
            @background: #fff;
         
     | 
| 
      
 21 
     | 
    
         
            +
            //较深的背景色
         
     | 
| 
      
 22 
     | 
    
         
            +
            @background-dark: #f7f8fa;
         
     | 
| 
      
 23 
     | 
    
         
            +
            //更深的背景色
         
     | 
| 
      
 24 
     | 
    
         
            +
            @background-darker: #ebedf0;
         
     | 
| 
      
 25 
     | 
    
         
            +
            //代码块背景色
         
     | 
| 
      
 26 
     | 
    
         
            +
            @pre-background: #f2f6fb;
         
     | 
| 
      
 27 
     | 
    
         
            +
            //反色调字体颜色
         
     | 
| 
      
 28 
     | 
    
         
            +
            @reverse-color: #fff;
         
     | 
| 
      
 29 
     | 
    
         
            +
            //反色调背景色
         
     | 
| 
      
 30 
     | 
    
         
            +
            @reverse-background: #000;
         
     | 
    
        package/src/css/hljs.less
    CHANGED
    
    | 
         @@ -1,54 +1,54 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            /**
         
     | 
| 
       2 
     | 
    
         
            -
             * 这里是对highlight的主题样式的自定义设置
         
     | 
| 
       3 
     | 
    
         
            -
             */
         
     | 
| 
       4 
     | 
    
         
            -
             
     | 
| 
       5 
     | 
    
         
            -
            .editify-hljs-addition,
         
     | 
| 
       6 
     | 
    
         
            -
            .editify-hljs-meta,
         
     | 
| 
       7 
     | 
    
         
            -
            .editify-hljs-string,
         
     | 
| 
       8 
     | 
    
         
            -
            .editify-hljs-symbol,
         
     | 
| 
       9 
     | 
    
         
            -
            .editify-hljs-template-tag,
         
     | 
| 
       10 
     | 
    
         
            -
            .editify-hljs-template-variable,
         
     | 
| 
       11 
     | 
    
         
            -
            .editify-hljs-deletion,
         
     | 
| 
       12 
     | 
    
         
            -
            .editify-hljs-variable {
         
     | 
| 
       13 
     | 
    
         
            -
            	color: #54489b;
         
     | 
| 
       14 
     | 
    
         
            -
            }
         
     | 
| 
       15 
     | 
    
         
            -
            .editify-hljs-comment,
         
     | 
| 
       16 
     | 
    
         
            -
            .editify-hljs-quote {
         
     | 
| 
       17 
     | 
    
         
            -
            	color: #bbb;
         
     | 
| 
       18 
     | 
    
         
            -
            }
         
     | 
| 
       19 
     | 
    
         
            -
            .editify-hljs-bullet,
         
     | 
| 
       20 
     | 
    
         
            -
            .editify-hljs-link,
         
     | 
| 
       21 
     | 
    
         
            -
            .editify-hljs-number,
         
     | 
| 
       22 
     | 
    
         
            -
            .editify-hljs-regexp,
         
     | 
| 
       23 
     | 
    
         
            -
            .editify-hljs-attr,
         
     | 
| 
       24 
     | 
    
         
            -
            .editify-hljs-attribute {
         
     | 
| 
       25 
     | 
    
         
            -
            	color: #0e9a56;
         
     | 
| 
       26 
     | 
    
         
            -
            }
         
     | 
| 
       27 
     | 
    
         
            -
             
     | 
| 
       28 
     | 
    
         
            -
            .editify-hljs-built_in,
         
     | 
| 
       29 
     | 
    
         
            -
            .editify-hljs-doctag,
         
     | 
| 
       30 
     | 
    
         
            -
            .editify-hljs-keyword,
         
     | 
| 
       31 
     | 
    
         
            -
            .editify-hljs-name,
         
     | 
| 
       32 
     | 
    
         
            -
            .editify-hljs-section,
         
     | 
| 
       33 
     | 
    
         
            -
            .editify-hljs-strong,
         
     | 
| 
       34 
     | 
    
         
            -
            .editify-hljs-tag,
         
     | 
| 
       35 
     | 
    
         
            -
            .editify-hljs-literal,
         
     | 
| 
       36 
     | 
    
         
            -
            .editify-hljs-type {
         
     | 
| 
       37 
     | 
    
         
            -
            	color: #092d5d;
         
     | 
| 
       38 
     | 
    
         
            -
            }
         
     | 
| 
       39 
     | 
    
         
            -
             
     | 
| 
       40 
     | 
    
         
            -
            .editify-hljs-title {
         
     | 
| 
       41 
     | 
    
         
            -
            	color: #c45d08;
         
     | 
| 
       42 
     | 
    
         
            -
            }
         
     | 
| 
       43 
     | 
    
         
            -
             
     | 
| 
       44 
     | 
    
         
            -
            .editify-hljs-selector-tag {
         
     | 
| 
       45 
     | 
    
         
            -
            	color: #920606;
         
     | 
| 
       46 
     | 
    
         
            -
            }
         
     | 
| 
       47 
     | 
    
         
            -
             
     | 
| 
       48 
     | 
    
         
            -
            .editify-hljs-selector-class {
         
     | 
| 
       49 
     | 
    
         
            -
            	color: #c45d08;
         
     | 
| 
       50 
     | 
    
         
            -
            }
         
     | 
| 
       51 
     | 
    
         
            -
             
     | 
| 
       52 
     | 
    
         
            -
            .editify-hljs-selector-id {
         
     | 
| 
       53 
     | 
    
         
            -
            	color: #0d658d;
         
     | 
| 
       54 
     | 
    
         
            -
            }
         
     | 
| 
      
 1 
     | 
    
         
            +
            /**
         
     | 
| 
      
 2 
     | 
    
         
            +
             * 这里是对highlight的主题样式的自定义设置
         
     | 
| 
      
 3 
     | 
    
         
            +
             */
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
      
 5 
     | 
    
         
            +
            .editify-hljs-addition,
         
     | 
| 
      
 6 
     | 
    
         
            +
            .editify-hljs-meta,
         
     | 
| 
      
 7 
     | 
    
         
            +
            .editify-hljs-string,
         
     | 
| 
      
 8 
     | 
    
         
            +
            .editify-hljs-symbol,
         
     | 
| 
      
 9 
     | 
    
         
            +
            .editify-hljs-template-tag,
         
     | 
| 
      
 10 
     | 
    
         
            +
            .editify-hljs-template-variable,
         
     | 
| 
      
 11 
     | 
    
         
            +
            .editify-hljs-deletion,
         
     | 
| 
      
 12 
     | 
    
         
            +
            .editify-hljs-variable {
         
     | 
| 
      
 13 
     | 
    
         
            +
            	color: #54489b;
         
     | 
| 
      
 14 
     | 
    
         
            +
            }
         
     | 
| 
      
 15 
     | 
    
         
            +
            .editify-hljs-comment,
         
     | 
| 
      
 16 
     | 
    
         
            +
            .editify-hljs-quote {
         
     | 
| 
      
 17 
     | 
    
         
            +
            	color: #bbb;
         
     | 
| 
      
 18 
     | 
    
         
            +
            }
         
     | 
| 
      
 19 
     | 
    
         
            +
            .editify-hljs-bullet,
         
     | 
| 
      
 20 
     | 
    
         
            +
            .editify-hljs-link,
         
     | 
| 
      
 21 
     | 
    
         
            +
            .editify-hljs-number,
         
     | 
| 
      
 22 
     | 
    
         
            +
            .editify-hljs-regexp,
         
     | 
| 
      
 23 
     | 
    
         
            +
            .editify-hljs-attr,
         
     | 
| 
      
 24 
     | 
    
         
            +
            .editify-hljs-attribute {
         
     | 
| 
      
 25 
     | 
    
         
            +
            	color: #0e9a56;
         
     | 
| 
      
 26 
     | 
    
         
            +
            }
         
     | 
| 
      
 27 
     | 
    
         
            +
             
     | 
| 
      
 28 
     | 
    
         
            +
            .editify-hljs-built_in,
         
     | 
| 
      
 29 
     | 
    
         
            +
            .editify-hljs-doctag,
         
     | 
| 
      
 30 
     | 
    
         
            +
            .editify-hljs-keyword,
         
     | 
| 
      
 31 
     | 
    
         
            +
            .editify-hljs-name,
         
     | 
| 
      
 32 
     | 
    
         
            +
            .editify-hljs-section,
         
     | 
| 
      
 33 
     | 
    
         
            +
            .editify-hljs-strong,
         
     | 
| 
      
 34 
     | 
    
         
            +
            .editify-hljs-tag,
         
     | 
| 
      
 35 
     | 
    
         
            +
            .editify-hljs-literal,
         
     | 
| 
      
 36 
     | 
    
         
            +
            .editify-hljs-type {
         
     | 
| 
      
 37 
     | 
    
         
            +
            	color: #092d5d;
         
     | 
| 
      
 38 
     | 
    
         
            +
            }
         
     | 
| 
      
 39 
     | 
    
         
            +
             
     | 
| 
      
 40 
     | 
    
         
            +
            .editify-hljs-title {
         
     | 
| 
      
 41 
     | 
    
         
            +
            	color: #c45d08;
         
     | 
| 
      
 42 
     | 
    
         
            +
            }
         
     | 
| 
      
 43 
     | 
    
         
            +
             
     | 
| 
      
 44 
     | 
    
         
            +
            .editify-hljs-selector-tag {
         
     | 
| 
      
 45 
     | 
    
         
            +
            	color: #920606;
         
     | 
| 
      
 46 
     | 
    
         
            +
            }
         
     | 
| 
      
 47 
     | 
    
         
            +
             
     | 
| 
      
 48 
     | 
    
         
            +
            .editify-hljs-selector-class {
         
     | 
| 
      
 49 
     | 
    
         
            +
            	color: #c45d08;
         
     | 
| 
      
 50 
     | 
    
         
            +
            }
         
     | 
| 
      
 51 
     | 
    
         
            +
             
     | 
| 
      
 52 
     | 
    
         
            +
            .editify-hljs-selector-id {
         
     | 
| 
      
 53 
     | 
    
         
            +
            	color: #0d658d;
         
     | 
| 
      
 54 
     | 
    
         
            +
            }
         
     |