1`;
87 | let t=splitStringToArray(param);
88 | expect(t).to.be.an('array').
89 | that.to.have.lengthOf(3).
90 | that.to.deep.equal([
91 | '4',
92 | '',
93 | '1'
94 | ]);
95 | });
96 |
97 | it('splitStringToArray should be array with 2 element when it allow enter keyboard', () => {
98 | let t=splitStringToArray(`0\r\n2`,true);
99 | expect(t).to.be.an('array').
100 | that.to.have.lengthOf(3).
101 | that.to.deep.equal(
102 | [
103 | '0',
104 | '', 105 | '2' 106 | ] 107 | ); 108 | }); 109 | it('splitStringToArray should be array with 2 element when it no allow enter keyboard', () => { 110 | let t=splitStringToArray(`0\r\n2`,false); 111 | console.log("ttttttttttt",t) 112 | expect(t).to.be.an('array'). 113 | that.to.have.lengthOf(3). 114 | that.to.deep.equal( 115 | [ 116 | '0', 117 | ' ', 118 | '2' 119 | ] 120 | ); 121 | }); 122 | 123 | }) 124 | 125 | describe('getElementIndexOnParent', () => { 126 | it('getFullPingMatchObjKey should be array', () => { 127 | let wrap=document.createElement("div"); 128 | let createChild=function(elementName="p"){ 129 | let t=document.createElement("div"); 130 | wrap.appendChild(t); 131 | return t; 132 | } 133 | createChild("p"); 134 | createChild("p"); 135 | createChild("p"); 136 | let div=createChild("div"); 137 | document.body.appendChild(wrap) 138 | expect(getElementIndexOnParent(div)).to.equal(3); 139 | }) 140 | }) 141 | 142 | describe('labelStringRemoveLabelExceptImg', () => { 143 | it('labelStringRemoveLabelExceptImg should be 0', () => { 144 | let t=labelStringRemoveLabelExceptImg(`0`); 145 | expect(t).to.equal("0"); 146 | }) 147 | it('labelStringRemoveLabelExceptImg should be Html Label', () => { 148 | let t=labelStringRemoveLabelExceptImg(`
`);
149 | expect(t).to.equal(``);
150 | })
151 |
152 | it('labelStringRemoveLabelExceptImg should be \r\n', () => {
153 | let t=labelStringRemoveLabelExceptImg(``); 154 | expect(t).to.equal(`\r\n`); 155 | }) 156 | }) 157 | 158 | describe('uuid', () => { 159 | it('uuid should be true', () => { 160 | let arr=[]; 161 | for(let i=0;i<100;i++){ 162 | arr.push(uuid()); 163 | } 164 | // console.log("uuid",arr) 165 | let end= new Set(arr).size === arr.length; 166 | expect(end).to.equal(true); 167 | }) 168 | 169 | }) 170 | 171 | 172 | -------------------------------------------------------------------------------- /test/copyPaste.spec.js: -------------------------------------------------------------------------------- 1 | import { expect } from 'chai' 2 | import {saveCopyList,getCopyLocalStorage,addOne,nativeCopyString} from "../src/dev/copyPaste" 3 | 4 | // describe('nativeCopyString', () => { 5 | // it('nativeCopyString("abc") should be true', () => { 6 | // let t=nativeCopyString("abc") 7 | // expect(t).to.equal(true); 8 | // }) 9 | 10 | // }); 11 | 12 | describe('saveCopyList&&getCopyLocalStorage', () => { 13 | it('getCopyLocalStorage() should be ["a","b"]', () => { 14 | localStorage.clear(); 15 | saveCopyList(["a","b"]); 16 | expect(getCopyLocalStorage()).to.deep.equal(["a","b"]); 17 | }) 18 | 19 | }); 20 | 21 | describe('addOne', () => { 22 | it('addOne should be ["abc"]', () => { 23 | localStorage.clear(); 24 | let t=addOne("abc"); 25 | expect(t).to.deep.equal(["abc"]); 26 | }) 27 | 28 | it('addOne called mulit more than 20 should be array with item 20', () => { 29 | localStorage.clear(); 30 | localStorage.clear(); 31 | for(let i=0;i<20;i++){ 32 | addOne(i) 33 | } 34 | let t=addOne("最新的") 35 | let result=["最新的",19,18,17,16,15,14,13,12,11,10,9,8,7,6,5,4,3,2,1]; 36 | expect(t).to.deep.equal(result); 37 | }) 38 | 39 | }); 40 | 41 | describe('saveCopyList', () => { 42 | it('saveCopyList() should be ["a","b"]', () => { 43 | localStorage.clear(); 44 | saveCopyList(["a","b"]); 45 | let t=JSON.parse(localStorage.getItem("vue-keyboard-copy")) 46 | expect(t).to.deep.equal(["a","b"]); 47 | }) 48 | 49 | }); 50 | 51 | -------------------------------------------------------------------------------- /test/index.vue.base.spec.js: -------------------------------------------------------------------------------- 1 | import { expect } from 'chai' 2 | import { mount } from '@vue/test-utils' 3 | import Index from '../src/dev/index.vue' 4 | import EventKeys from "../src/dev/eventKeys.js" 5 | 6 | describe('index.vue', () => { 7 | let wrapper; 8 | let data={} 9 | // beforeEach(() => alert("Before a test – enter a test")); 10 | // afterEach(() => alert("After a test – exit a test")); 11 | before(async () =>{ 12 | wrapper = mount(Index); 13 | data={ 14 | allowEnter: false, 15 | canSwitchOtherBoard: true, 16 | inputId: "input-id-1622704419302-dca9ef3c-5223-a721-8193-be5f99543b22", 17 | // inputLang: "cn",//默认就是cn输入法 18 | isFocus: true, 19 | tmpValueNoFlash: "1 3", 20 | type: "mix", 21 | } 22 | wrapper.vm.$root.$emit(EventKeys["vue-keyboard-cn-focus"],data) 23 | }); 24 | //判断整体是否展示 25 | it('index.vue trigger show', async () => { 26 | let board= wrapper.find(".key-board-box") 27 | await wrapper.vm.$nextTick() 28 | expect(board.isVisible()).to.equal(true) 29 | 30 | }) 31 | //默认大写 32 | it('index.vue has btn changeCapital and default is capital', async () => { 33 | await wrapper.vm.$refs["dynamicComponent"].$nextTick() 34 | 35 | let hasDom=wrapper.find(".key-board-btn-changeCapital").exists() 36 | &&wrapper.find(".key-board-btn-Q").text()==="Q" 37 | expect(hasDom).to.equal(true); 38 | 39 | }) 40 | //默认中文输入法 41 | it('index.vue default lang is cn', async () => { 42 | await wrapper.vm.$refs["dynamicComponent"].$nextTick() 43 | let dom=wrapper.find(".key-board-box-item-curr-text") 44 | let hasDom=dom.exists() &&dom.text()==="中" 45 | expect(hasDom).to.equal(true); 46 | 47 | }) 48 | //切换到小写 49 | it('index.vue Switch to lower case', async () => { 50 | await wrapper.vm.$refs["dynamicComponent"].$nextTick() 51 | let dom=wrapper.find(".key-board-btn-changeCapital") 52 | await dom.trigger("click"); 53 | let qDom=wrapper.find(".key-board-btn-Q .span-text"); 54 | expect(qDom.text()).to.equal("q"); 55 | }) 56 | //切换到大写 57 | it('index.vue Switch to capital case', async () => { 58 | await wrapper.vm.$refs["dynamicComponent"].$nextTick() 59 | let dom=wrapper.find(".key-board-btn-changeCapital") 60 | await dom.trigger("click"); 61 | let qDom=wrapper.find(".key-board-btn-Q .span-text"); 62 | expect(qDom.text()).to.equal("Q"); 63 | }) 64 | //切换到符号键盘 65 | it('index.vue Switch to symbol', async () => { 66 | await wrapper.vm.$refs["dynamicComponent"].$nextTick() 67 | let dom=wrapper.find(".key-board-btn-symbol") 68 | await dom.trigger("click"); 69 | let qDom=wrapper.find(".key-board-btn-【"); 70 | expect(qDom.exists()).to.equal(true); 71 | }) 72 | //切换回中文键盘 73 | it('index.vue Switch to cn case', async () => { 74 | await wrapper.vm.$refs["dynamicComponent"].$nextTick() 75 | let dom=wrapper.find(".key-board-btn-back") 76 | await dom.trigger("click"); 77 | let qDom=wrapper.find(".key-board-btn-symbol"); 78 | expect(qDom.exists()).to.equal(true); 79 | }) 80 | //切换到数字键盘 81 | it('index.vue Switch to number case', async () => { 82 | await wrapper.vm.$refs["dynamicComponent"].$nextTick() 83 | let dom=wrapper.find(".key-board-btn-changeNumber") 84 | await dom.trigger("click"); 85 | let qDom=wrapper.find(".key-board-btn-1"); 86 | expect(qDom.exists()).to.equal(true); 87 | }) 88 | //切换回到中文键盘 89 | it('index.vue Switch to cn case from number case', async () => { 90 | await wrapper.vm.$refs["dynamicComponent"].$nextTick() 91 | let dom=wrapper.find(".key-board-btn-back") 92 | await dom.trigger("click"); 93 | let qDom=wrapper.find(".key-board-btn-symbol"); 94 | expect(qDom.exists()).to.equal(true); 95 | }) 96 | }) 97 | -------------------------------------------------------------------------------- /test/index.vue.cn.spec.js: -------------------------------------------------------------------------------- 1 | import { expect } from 'chai' 2 | import { mount,createWrapper } from '@vue/test-utils' 3 | import Index from '../src/dev/index.vue' 4 | import EventKeys from "../src/dev/eventKeys.js" 5 | 6 | describe('index.vue 中文输入法测试', () => { 7 | let wrapper=mount(Index); 8 | let data={ 9 | allowEnter: false, 10 | canSwitchOtherBoard: true, 11 | inputId: "input-id-1622704419302-dca9ef3c-5223-a721-8193-be5f99543b22", 12 | // inputLang: "cn",//默认就是cn输入法 13 | isFocus: true, 14 | tmpValueNoFlash: "1 3", 15 | type: "cn", 16 | } 17 | beforeEach(() =>{ 18 | wrapper.vm.$root.$emit(EventKeys["vue-keyboard-cn-focus"],data) 19 | }); 20 | 21 | 22 | //测试中文点击Q键后，删除 23 | it('clicked btn Q', async () => { 24 | await wrapper.vm.$nextTick() 25 | let btn= wrapper.find(".key-board-btn-Q") 26 | let deleteBtn=wrapper.find(".key-board-btn-delete"); 27 | await btn.trigger("click"); 28 | let cnDomHtml=wrapper.find(".zh-text-list-box .zh-text-item") 29 | expect(cnDomHtml.text()).to.equal("去"); 30 | await deleteBtn.trigger("click"); 31 | expect(wrapper.find(".zh-text-list-box").exists()).be.equal(false); 32 | 33 | }) 34 | 35 | //测试中文点击W键后，点击待选中文 36 | //测试中文点击W键后，点击回车 37 | it('clicked btn W', async () => { 38 | await wrapper.vm.$nextTick() 39 | let btn= wrapper.find(".key-board-btn-W") 40 | let enterBtn=wrapper.find(".key-board-btn-enter"); 41 | await btn.trigger("click"); 42 | let cnDomHtml=wrapper.find(".zh-text-list-box .zh-text-item") 43 | expect(cnDomHtml.text()).to.equal("我"); 44 | //输入一个拼音后回车 45 | await enterBtn.trigger("click"); 46 | const rootWrapper = createWrapper(wrapper.vm.$root); 47 | const rootAppendEvent=rootWrapper.emitted(EventKeys["vue-keyboard-cn-append-item"]); 48 | expect(rootAppendEvent).to.be.deep.include(['我']) 49 | 50 | }) 51 | //测试中文点击W键后，切换输入法 52 | it('clicked btn W and switch', async () => { 53 | await wrapper.vm.$nextTick() 54 | let btn= wrapper.find(".key-board-btn-W") 55 | let switchBtn=wrapper.find(".key-board-btn-changeLan"); 56 | await btn.trigger("click"); 57 | let cnDomHtml=wrapper.find(".zh-text-list-box .zh-text-item") 58 | expect(cnDomHtml.text()).to.equal("我"); 59 | await switchBtn.trigger("click"); 60 | cnDomHtml=wrapper.find(".zh-text-list-box .zh-text-item");//一定要重新获取，因为之前赋值的可能还没有及时销毁 61 | expect(cnDomHtml.exists()).to.equal(false); 62 | await switchBtn.trigger("click");//再回复中文输入法，否则后面都会受到影响 63 | }) 64 | 65 | it('clicked btn N and btn H,then click enter btn', async () => { 66 | await wrapper.vm.$nextTick() 67 | let enterBtn=wrapper.find(".key-board-btn-enter"); 68 | //输入两个辅音单词，再回车 69 | let btnN= wrapper.find(".key-board-btn-N") 70 | let btnH= wrapper.find(".key-board-btn-H") 71 | await btnN.trigger("click"); 72 | await btnH.trigger("click"); 73 | await enterBtn.trigger("click"); 74 | const rootWrapper = createWrapper(wrapper.vm.$root); 75 | const rootAppendEvent=rootWrapper.emitted(EventKeys["vue-keyboard-cn-append-item"]); 76 | console.log("event",rootAppendEvent) 77 | expect(rootAppendEvent).to.be.deep.include(['nh']) 78 | }) 79 | 80 | //测试热词 81 | it('test hot word menory', async () => { 82 | await wrapper.vm.$nextTick() 83 | let enterBtn=wrapper.find(".key-board-btn-enter"); 84 | //输入两个辅音单词，再回车 85 | let btnN= wrapper.find(".key-board-btn-N") 86 | let btnI= wrapper.find(".key-board-btn-I") 87 | let btnH= wrapper.find(".key-board-btn-H") 88 | let btnA= wrapper.find(".key-board-btn-A") 89 | let btnO= wrapper.find(".key-board-btn-O") 90 | //你 91 | await btnN.trigger("click"); 92 | await btnI.trigger("click"); 93 | //好 94 | await btnH.trigger("click"); 95 | await btnA.trigger("click"); 96 | await btnO.trigger("click"); 97 | //中文待选列表 98 | await wrapper.find(".zh-text-list-box .zh-text-item").trigger("click");//点击”你“字 99 | await wrapper.find(".zh-text-list-box .zh-text-item").trigger("click");//点击”好“字 100 | 101 | await enterBtn.trigger("click"); 102 | 103 | const rootWrapper = createWrapper(wrapper.vm.$root); 104 | const rootAppendEvent=rootWrapper.emitted(EventKeys["vue-keyboard-cn-append-item"]); 105 | expect(rootAppendEvent).to.be.deep.include(['你好']) 106 | 107 | /** 108 | * 在本地存在热词”你好“的缓存后再次输入nihao 109 | * 将会存在可选的”你好“选项 110 | * */ 111 | //你 112 | await btnN.trigger("click"); 113 | await btnI.trigger("click"); 114 | //好 115 | await btnH.trigger("click"); 116 | await btnA.trigger("click"); 117 | await btnO.trigger("click"); 118 | //中文待选列表 119 | await wrapper.find(".zh-text-list-box .zh-text-item").trigger("click");//点击”你好“字 120 | await enterBtn.trigger("click"); 121 | console.log("event",rootAppendEvent) 122 | let matchLength=0; 123 | rootAppendEvent.forEach(item=>{ 124 | if(item&&item[0]=="你好"){ 125 | matchLength++; 126 | } 127 | }) 128 | expect(matchLength).to.be.equal(2); 129 | 130 | }) 131 | 132 | 133 | //输入拼音，选中一部分后，还有未选择中文的拼音时候回车 134 | it('inputed nimena,then click enter btn', async () => { 135 | await wrapper.vm.$nextTick() 136 | let enterBtn=wrapper.find(".key-board-btn-enter"); 137 | //输入两个辅音单词，再回车 138 | let btnN= wrapper.find(".key-board-btn-N") 139 | let btnI= wrapper.find(".key-board-btn-I") 140 | let btnM= wrapper.find(".key-board-btn-M") 141 | let btnE= wrapper.find(".key-board-btn-E") 142 | let btnA= wrapper.find(".key-board-btn-A") 143 | //你 144 | await btnN.trigger("click"); 145 | await btnI.trigger("click"); 146 | //们 147 | await btnM.trigger("click"); 148 | await btnE.trigger("click"); 149 | await btnN.trigger("click"); 150 | //a 151 | await btnA.trigger("click"); 152 | //中文待选列表 153 | await wrapper.find(".zh-text-list-box .zh-text-item").trigger("click");//点击”你“字 154 | await wrapper.find(".zh-text-list-box .zh-text-item").trigger("click");//点击”们“字 155 | 156 | await enterBtn.trigger("click"); 157 | 158 | const rootWrapper = createWrapper(wrapper.vm.$root); 159 | const rootAppendEvent=rootWrapper.emitted(EventKeys["vue-keyboard-cn-append-item"]); 160 | expect(rootAppendEvent).to.be.deep.include(['你们a']) 161 | 162 | 163 | 164 | }) 165 | 166 | 167 | }) 168 | -------------------------------------------------------------------------------- /test/index.vue.tab.spec.js: -------------------------------------------------------------------------------- 1 | import { expect } from 'chai' 2 | import { mount } from '@vue/test-utils' 3 | import Index from '../src/dev/index.vue' 4 | import EventKeys from "../src/dev/eventKeys.js" 5 | import { person, hearts, symbo } from "../src/dev/emojiImages.js"; 6 | let emoji={ 7 | person, 8 | hearts, 9 | symbo, 10 | } 11 | const tabTestFn=(type="cn")=>{ 12 | describe('index.tab.vue:'+type, async () => { 13 | let wrapper = mount(Index); 14 | await wrapper.setProps({ emojiMap: emoji}) 15 | let data={ 16 | allowEnter: false, 17 | canSwitchOtherBoard: true, 18 | inputId: "input-id-1622704419302-dca9ef3c-5223-a721-8193-be5f99543b22", 19 | // inputLang: "cn",//默认就是cn输入法 20 | isFocus: true, 21 | tmpValueNoFlash: "1 3", 22 | type: type, 23 | } 24 | wrapper.vm.$root.$emit(EventKeys["vue-keyboard-cn-focus"],data) 25 | //第一个选项高亮 26 | it('first tab has className active', async () => { 27 | await wrapper.vm.$nextTick() 28 | let board= wrapper.findAll('.key-board-box-head-op .head-op-icon').at(0) 29 | expect(board.classes()).to.be.an('array').that.include("active"); 30 | }) 31 | 32 | //表情选项是否可以点击 33 | if(type=="mix"){ 34 | it('emoji tab can click', async () => { 35 | await wrapper.vm.$nextTick() 36 | let board= wrapper.findAll('.key-board-box-head-op .head-op-icon').at(1) 37 | 38 | await board.trigger("click"); 39 | expect(board.classes()).to.be.an('array').that.include("active"); 40 | //emoji面板是否存在 41 | let isExists=wrapper.find(".emoji-wrap").exists() 42 | expect(isExists).to.equal(true); 43 | }) 44 | } 45 | else{ 46 | it('emoji tab cant click', async () => { 47 | await wrapper.vm.$nextTick() 48 | let board= wrapper.findAll('.key-board-box-head-op .head-op-icon').at(1) 49 | 50 | await board.trigger("click"); 51 | expect(board.classes()).to.be.an('array').that.does.not.include("active"); 52 | //emoji面板是否存在 53 | let isExists=wrapper.find(".emoji-wrap").exists() 54 | expect(isExists).to.equal(false); 55 | }) 56 | } 57 | 58 | 59 | //操作面板tab是否可以点击 60 | it('operating tab can click', async () => { 61 | await wrapper.vm.$nextTick() 62 | let board= wrapper.findAll('.key-board-box-head-op .head-op-icon').at(2) 63 | await board.trigger("click"); 64 | expect(board.classes()).to.be.an('array').that.include("active"); 65 | //操作面板是否存在 66 | let isExists=wrapper.find(".operation-wrap-left-pancel").exists() 67 | expect(isExists).to.equal(true); 68 | }) 69 | 70 | 71 | }) 72 | } 73 | 74 | 75 | 76 | tabTestFn("cn") 77 | tabTestFn("en") 78 | tabTestFn("int") 79 | tabTestFn("float") 80 | tabTestFn("mix") -------------------------------------------------------------------------------- /test/input.vue.event.spec.js: -------------------------------------------------------------------------------- 1 | import { expect } from 'chai' 2 | import { mount,createWrapper } from '@vue/test-utils' 3 | import InputConpoment from '../src/dev/input.vue' 4 | import EventKeys from "../src/dev/eventKeys.js" 5 | describe('Input root event,int', async () => { 6 | 7 | it('input type int,valid value 1', async () => { 8 | let wrapper = mount(InputConpoment,{ 9 | propsData: { 10 | value: "", 11 | type:"int" 12 | } 13 | }); 14 | await wrapper.setData({ isFocus: true }) 15 | const rootWrapper = createWrapper(wrapper.vm.$root); 16 | rootWrapper.vm.$emit(EventKeys["vue-keyboard-cn-append-item"], 1) 17 | await wrapper.vm.$nextTick() 18 | let span=wrapper.findAll(".vue-keyboard-text-item") 19 | console.log("init html",wrapper.html()) 20 | let result=span.length==1&&span.at(0).text()==1 21 | expect(result).to.be.equal(true); 22 | }) 23 | 24 | it('input type int,invalid value 1.1', async () => { 25 | let wrapper = mount(InputConpoment,{ 26 | propsData: { 27 | value: "", 28 | type:"int" 29 | } 30 | }); 31 | await wrapper.setData({ isFocus: true }) 32 | await wrapper.vm.$nextTick() 33 | const rootWrapper = createWrapper(wrapper.vm.$root); 34 | rootWrapper.vm.$emit(EventKeys["vue-keyboard-cn-append-item"], 1.1) 35 | await wrapper.vm.$nextTick() 36 | let span=wrapper.findAll(".vue-keyboard-text-item") 37 | let result=span.length==0 38 | expect(result).to.be.equal(true); 39 | }) 40 | 41 | }) 42 | 43 | describe('Input root event,float', async () => { 44 | 45 | it('input type float,valid value 1.12', async () => { 46 | let wrapper = mount(InputConpoment,{ 47 | propsData: { 48 | value: "", 49 | type:"float" 50 | } 51 | }); 52 | await wrapper.setData({ isFocus: true }) 53 | const rootWrapper = createWrapper(wrapper.vm.$root); 54 | rootWrapper.vm.$emit(EventKeys["vue-keyboard-cn-append-item"], 1.12) 55 | await wrapper.vm.$nextTick() 56 | let span=wrapper.findAll(".vue-keyboard-text-item") 57 | console.log("init html",wrapper.html()) 58 | let result=span.length==4&&wrapper.find(".vue-keyboard-input-text").text()==1.12 59 | expect(result).to.be.equal(true); 60 | }) 61 | //1也是可以接受输入的，因为1.12是一个个按键输入的 62 | it('input type float,valid value 1,should be true', async () => { 63 | let wrapper = mount(InputConpoment,{ 64 | propsData: { 65 | value: "", 66 | type:"float" 67 | } 68 | }); 69 | await wrapper.setData({ isFocus: true }) 70 | await wrapper.vm.$nextTick() 71 | const rootWrapper = createWrapper(wrapper.vm.$root); 72 | rootWrapper.vm.$emit(EventKeys["vue-keyboard-cn-append-item"], 1) 73 | await wrapper.vm.$nextTick() 74 | let span=wrapper.findAll(".vue-keyboard-text-item") 75 | let result=span.length==1&&wrapper.find(".vue-keyboard-input-text").text()==1 76 | expect(result).to.be.equal(true); 77 | }) 78 | 79 | it('input type float,invalid value 1.134,should be false', async () => { 80 | let wrapper = mount(InputConpoment,{ 81 | propsData: { 82 | value: "", 83 | type:"float" 84 | } 85 | }); 86 | await wrapper.setData({ isFocus: true }) 87 | await wrapper.vm.$nextTick() 88 | const rootWrapper = createWrapper(wrapper.vm.$root); 89 | rootWrapper.vm.$emit(EventKeys["vue-keyboard-cn-append-item"], 1.134) 90 | await wrapper.vm.$nextTick() 91 | let span=wrapper.findAll(".vue-keyboard-text-item") 92 | let result=span.length==0 93 | expect(result).to.be.equal(true); 94 | }) 95 | it('input type float,valid value 1.34 and props decimal 3,should be true', async () => { 96 | let wrapper = mount(InputConpoment,{ 97 | propsData: { 98 | value: "", 99 | type:"float", 100 | decimal:3 101 | } 102 | }); 103 | await wrapper.setData({ isFocus: true }) 104 | await wrapper.vm.$nextTick() 105 | const rootWrapper = createWrapper(wrapper.vm.$root); 106 | rootWrapper.vm.$emit(EventKeys["vue-keyboard-cn-append-item"], 1.34) 107 | await wrapper.vm.$nextTick() 108 | let span=wrapper.findAll(".vue-keyboard-text-item") 109 | let result=span.length==4&&wrapper.find(".vue-keyboard-input-text").text()==1.34 110 | expect(result).to.be.equal(true); 111 | }) 112 | 113 | }) 114 | 115 | 116 | describe('Input root event,cn', async () => { 117 | 118 | it('input type cn,valid value 我', async () => { 119 | let wrapper = mount(InputConpoment,{ 120 | propsData: { 121 | value: "", 122 | type:"cn" 123 | } 124 | }); 125 | await wrapper.setData({ isFocus: true }) 126 | const rootWrapper = createWrapper(wrapper.vm.$root); 127 | rootWrapper.vm.$emit(EventKeys["vue-keyboard-cn-append-item"], "我") 128 | await wrapper.vm.$nextTick() 129 | let span=wrapper.findAll(".vue-keyboard-text-item") 130 | console.log("init html",wrapper.html()) 131 | let result=span.length==1&&span.at(0).text()=="我" 132 | expect(result).to.be.equal(true); 133 | }) 134 | it('input type cn,valid value ·', async () => { 135 | let wrapper = mount(InputConpoment,{ 136 | propsData: { 137 | value: "", 138 | type:"cn" 139 | } 140 | }); 141 | await wrapper.setData({ isFocus: true }) 142 | const rootWrapper = createWrapper(wrapper.vm.$root); 143 | rootWrapper.vm.$emit(EventKeys["vue-keyboard-cn-append-item"], "·") 144 | await wrapper.vm.$nextTick() 145 | let span=wrapper.findAll(".vue-keyboard-text-item") 146 | console.log("init html",wrapper.html()) 147 | let result=span.length==1&&span.at(0).text()=="·" 148 | expect(result).to.be.equal(true); 149 | }) 150 | 151 | it('input type cn,invalid value ，', async () => { 152 | let wrapper = mount(InputConpoment,{ 153 | propsData: { 154 | value: "", 155 | type:"cn" 156 | } 157 | }); 158 | await wrapper.setData({ isFocus: true }) 159 | await wrapper.vm.$nextTick() 160 | const rootWrapper = createWrapper(wrapper.vm.$root); 161 | rootWrapper.vm.$emit(EventKeys["vue-keyboard-cn-append-item"], "，") 162 | await wrapper.vm.$nextTick() 163 | let span=wrapper.findAll(".vue-keyboard-text-item") 164 | let result=span.length==0 165 | expect(result).to.be.equal(true); 166 | }) 167 | 168 | }) 169 | 170 | describe('Input root event,en', async () => { 171 | 172 | it('input type en,valid value A', async () => { 173 | let wrapper = mount(InputConpoment,{ 174 | propsData: { 175 | value: "", 176 | type:"en" 177 | } 178 | }); 179 | await wrapper.setData({ isFocus: true }) 180 | const rootWrapper = createWrapper(wrapper.vm.$root); 181 | rootWrapper.vm.$emit(EventKeys["vue-keyboard-cn-append-item"], 'A') 182 | await wrapper.vm.$nextTick() 183 | let span=wrapper.findAll(".vue-keyboard-text-item") 184 | console.log("init html",wrapper.html()) 185 | let result=span.length==1&&span.at(0).text()=='A' 186 | expect(result).to.be.equal(true); 187 | }) 188 | it('input type en,valid value A', async () => { 189 | let wrapper = mount(InputConpoment,{ 190 | propsData: { 191 | value: "", 192 | type:"en" 193 | } 194 | }); 195 | await wrapper.setData({ isFocus: true }) 196 | const rootWrapper = createWrapper(wrapper.vm.$root); 197 | rootWrapper.vm.$emit(EventKeys["vue-keyboard-cn-append-item"], 'a') 198 | await wrapper.vm.$nextTick() 199 | let span=wrapper.findAll(".vue-keyboard-text-item") 200 | console.log("init html",wrapper.html()) 201 | let result=span.length==1&&span.at(0).text()=='a' 202 | expect(result).to.be.equal(true); 203 | }) 204 | 205 | it('input type en,invalid value ","', async () => { 206 | let wrapper = mount(InputConpoment,{ 207 | propsData: { 208 | value: "", 209 | type:"en" 210 | } 211 | }); 212 | await wrapper.setData({ isFocus: true }) 213 | await wrapper.vm.$nextTick() 214 | const rootWrapper = createWrapper(wrapper.vm.$root); 215 | rootWrapper.vm.$emit(EventKeys["vue-keyboard-cn-append-item"], ",") 216 | await wrapper.vm.$nextTick() 217 | let span=wrapper.findAll(".vue-keyboard-text-item") 218 | let result=span.length==0 219 | expect(result).to.be.equal(true); 220 | }) 221 | 222 | }) 223 | 224 | describe('Input root event,Input rex test', async () => { 225 | 226 | it('input type int,rex', async () => { 227 | let wrapper = mount(InputConpoment,{ 228 | propsData: { 229 | value: "", 230 | type:"int", 231 | regx:/^[\d%+-/]+$/gi 232 | } 233 | }); 234 | await wrapper.setData({ isFocus: true }) 235 | await wrapper.vm.$nextTick() 236 | const rootWrapper = createWrapper(wrapper.vm.$root); 237 | rootWrapper.vm.$emit(EventKeys["vue-keyboard-cn-append-item"], "%") 238 | await wrapper.vm.$nextTick() 239 | let span=wrapper.findAll(".vue-keyboard-text-item") 240 | let result=span.length==1&&span.at(0).text()=="%"; 241 | expect(result).to.be.equal(true); 242 | }) 243 | 244 | it('input type cn,rex', async () => { 245 | let wrapper = mount(InputConpoment,{ 246 | propsData: { 247 | value: "", 248 | type:"cn", 249 | regx:/^[\d%+-/]+$/gi 250 | } 251 | }); 252 | await wrapper.setData({ isFocus: true }) 253 | await wrapper.vm.$nextTick() 254 | const rootWrapper = createWrapper(wrapper.vm.$root); 255 | rootWrapper.vm.$emit(EventKeys["vue-keyboard-cn-append-item"], "%") 256 | await wrapper.vm.$nextTick() 257 | let span=wrapper.findAll(".vue-keyboard-text-item") 258 | let result=span.length==1&&span.at(0).text()=="%"; 259 | expect(result).to.be.equal(true); 260 | }) 261 | 262 | it('input type en,rex', async () => { 263 | let wrapper = mount(InputConpoment,{ 264 | propsData: { 265 | value: "", 266 | type:"en", 267 | regx:/^[\d%+-/]+$/gi 268 | } 269 | }); 270 | await wrapper.setData({ isFocus: true }) 271 | await wrapper.vm.$nextTick() 272 | const rootWrapper = createWrapper(wrapper.vm.$root); 273 | rootWrapper.vm.$emit(EventKeys["vue-keyboard-cn-append-item"], "%") 274 | await wrapper.vm.$nextTick() 275 | let span=wrapper.findAll(".vue-keyboard-text-item") 276 | let result=span.length==1&&span.at(0).text()=="%"; 277 | expect(result).to.be.equal(true); 278 | }) 279 | 280 | }) -------------------------------------------------------------------------------- /test/input.vue.props.spec.js: -------------------------------------------------------------------------------- 1 | import { expect } from 'chai' 2 | import { mount } from '@vue/test-utils' 3 | import InputConpoment from '../src/dev/input.vue' 4 | describe('Input props', async () => { 5 | 6 | 7 | it('input innerHtml is 1', async () => { 8 | let wrapper = mount(InputConpoment,{ 9 | propsData: { 10 | value: "1" 11 | } 12 | }); 13 | await wrapper.vm.$nextTick() 14 | let span=wrapper.findAll(".vue-keyboard-text-item") 15 | let result=span.length==1&&span.at(0).text()==1 16 | expect(result).to.be.equal(true); 17 | }) 18 | 19 | it('input innerHtml is " ",when it is not allow enter', async () => { 20 | let wrapper = mount(InputConpoment,{ 21 | propsData: { 22 | value: "\r\n" 23 | } 24 | }); 25 | await wrapper.vm.$nextTick() 26 | 27 | let span=wrapper.findAll(".vue-keyboard-text-item") 28 | let result=span.length==1&&span.at(0).text()=="" 29 | expect(result).to.be.equal(true); 30 | }) 31 | it('input innerHtml is "
",when it is allow enter', async () => { 32 | let wrapper = mount(InputConpoment,{ 33 | propsData: { 34 | value: "\r\n", 35 | allowEnter:true 36 | } 37 | }); 38 | await wrapper.vm.$nextTick() 39 | let span=wrapper.findAll(".vue-keyboard-text-item") 40 | let br=wrapper.findAll("br") 41 | let result=span.length==0&&br.length==1; 42 | expect(result).to.be.equal(true); 43 | }) 44 | 45 | it('input innerHtml is "
",when enter is allow enter', async () => { 46 | let wrapper = mount(InputConpoment,{ 47 | propsData: { 48 | value: ` 49 | 1`, 50 | allowEnter:true 51 | } 52 | }); 53 | await wrapper.vm.$nextTick() 54 | let span=wrapper.findAll(".vue-keyboard-text-item") 55 | let brLabel=wrapper.findAll("br"); 56 | let result=span.length==1&&span.at(0).text()==`1`&& 57 | brLabel.length==1; 58 | expect(result).to.be.equal(true); 59 | }) 60 | 61 | 62 | 63 | it('input innerHtml is img,when img was inputed', async () => { 64 | let path=`
`
65 | let wrapper = mount(InputConpoment,{
66 | propsData: {
67 | value: path
68 | }
69 | });
70 | await wrapper.vm.$nextTick()
71 | let img=wrapper.findAll("img");
72 | let span=wrapper.findAll(".vue-keyboard-text-item")
73 | let result=img.length==1&&span.length==0;
74 | expect(result).to.be.equal(true);
75 | })
76 |
77 | })
--------------------------------------------------------------------------------
/test/inputFilterRegx.spec.js:
--------------------------------------------------------------------------------
1 | import { expect } from 'chai'
2 | import Regx from "../src/dev/inputFilterRegx.js"
3 |
4 |
5 | describe('float', () => {
6 | it('float params 1 should be true', () => {
7 | expect(Regx.float(1)).to.equal(true);
8 | })
9 | it('float params 1.1 should be true', () => {
10 | expect(Regx.float(1.1)).to.equal(true);
11 | })
12 | it('float params "1.10" should be true', () => {
13 | //如果最后一个小数是0必须先传递字符串
14 | expect(Regx.float(1.10.toFixed(2))).to.equal(true);
15 | })
16 | it('float params 1.11 should be true', () => {
17 | expect(Regx.float(1.11)).to.equal(true);
18 | })
19 | it('float params (1.1,1) should be true', () => {
20 | expect(Regx.float(1.1,1)).to.equal(true);
21 | })
22 |
23 | })
24 |
25 | describe('int', () => {
26 | it('int params 1 should be true', () => {
27 | expect(Regx.int(1)).to.equal(true);
28 | })
29 | it('int params 1.1 should be false', () => {
30 | expect(Regx.int(1.1)).to.equal(false);
31 | })
32 | })
33 |
34 | describe('cn', () => {
35 | it('cn params 1 should be false', () => {
36 | expect(Regx.cn(1)).to.equal(false);
37 | })
38 | it('cn params `你好` should be true', () => {
39 | expect(Regx.cn(`你好`)).to.equal(true);
40 | })
41 | it('cn params `你·好` should be true', () => {
42 | expect(Regx.cn(`你·好`)).to.equal(true);
43 | })
44 | it('cn params `你好.` should be false', () => {
45 | expect(Regx.cn(`你好.`)).to.equal(false);
46 | })
47 | it('cn params `hello` should be false', () => {
48 | expect(Regx.cn(`hello`)).to.equal(false);
49 | })
50 | })
51 | describe('en', () => {
52 | it('en params `hello` should be true', () => {
53 | expect(Regx.en(`hello`)).to.equal(true);
54 | })
55 | it('en params `hello,world` should be false', () => {
56 | expect(Regx.en(`hello,world`)).to.equal(false);
57 | })
58 | })
--------------------------------------------------------------------------------
/test/lowercaseMemory.spec.js:
--------------------------------------------------------------------------------
1 | import { expect } from 'chai'
2 | import {getCaseItem,setCaseItem} from "../src/dev/lowercaseMemory"
3 |
4 |
5 | describe('getCaseItem', () => {
6 | it('getCaseItem() should be false', () => {
7 | localStorage.clear()
8 | expect(getCaseItem()).to.equal("capitalize");
9 | })
10 | it('after setCaseItem(),getCaseItem() should be false', () => {
11 | localStorage.clear()
12 | setCaseItem();
13 | expect(getCaseItem()).to.equal("capitalize");
14 | })
15 | it('after setCaseItem("1"),getCaseItem() should be false', () => {
16 | localStorage.clear()
17 | setCaseItem("1")
18 | expect(getCaseItem()).to.equal("lowercase");
19 | })
20 |
21 | })
--------------------------------------------------------------------------------
/test/memory.spec.js:
--------------------------------------------------------------------------------
1 | import { expect } from 'chai'
2 | import {getItem,matchHotPingying,setPingying} from "../src/dev/memory"
3 |
4 | describe('setPingying', () => {
5 | it('getItem() should be object with order 0', () => {
6 | localStorage.clear();
7 | setPingying("nihao","你好")
8 | expect(getItem("nihao")).to.deep.equal([{
9 | zh:"你好",
10 | order:0,
11 | key:"nihao"
12 | }]);
13 | })
14 | it('getItem() should be object with order 1', () => {
15 | localStorage.clear();
16 | setPingying("nihao","你好")
17 | setPingying("nihao","你好")
18 | expect(getItem("nihao")).to.deep.equal([{
19 | zh:"你好",
20 | order:1,
21 | key:"nihao"
22 | }]);
23 | })
24 |
25 | it('getItem() should be empty object', () => {
26 | localStorage.clear();
27 | setPingying("meilijiangongheguohahahah","美利坚共和国xx")
28 | expect(getItem("meilijiangongheguohahahah")).to.deep.equal({});
29 | })
30 |
31 |
32 |
33 | it(' test last updateTime more than 7 day,getItem() should be {}', () => {
34 | localStorage.clear();
35 | setPingying("nihao","你好")
36 | try{
37 | let t= localStorage.getItem("vue-keyboard-cn-store");
38 | let parseJons=JSON.parse(t);
39 | parseJons["__$lastClearTime"]=new Date().getTime()-(86400*7+200);
40 | let stringStore=JSON.stringify(parseJons);
41 | localStorage.setItem("vue-keyboard-cn-store",stringStore);
42 | setPingying("haha","哈哈")
43 | }catch(e){
44 | console.log("报错了",e)
45 | }
46 | expect(getItem("nihao")).to.deep.equal({});
47 | })
48 | it(' test last updateTime more than 7 day,getItem("haha") should be valid object', () => {
49 | localStorage.clear();
50 | setPingying("nihao","你好")
51 | try{
52 | let t= localStorage.getItem("vue-keyboard-cn-store");
53 | let parseJons=JSON.parse(t);
54 | parseJons["__$lastClearTime"]=new Date().getTime()-(86400*7+200);
55 | let stringStore=JSON.stringify(parseJons);
56 | localStorage.setItem("vue-keyboard-cn-store",stringStore);
57 | setPingying("haha","哈哈")
58 | }catch(e){
59 | console.log("报错了",e)
60 | }
61 | expect(getItem("haha")).to.deep.equal([{
62 | zh:"哈哈",
63 | order:0,
64 | key:"haha"
65 | }]);
66 | })
67 |
68 | });
69 | describe('matchHotPingying', () => {
70 | it('matchHotPingying call muli time,getItem() should be array with three element', () => {
71 | localStorage.clear();
72 | setPingying("nihao","你好")
73 | setPingying("nihao","你好")
74 | setPingying("nihao","拟好")
75 | setPingying("nihao","拟好")
76 | setPingying("nihao","拟好")
77 | setPingying("nihao","你号")
78 | setPingying("nihao","你号")
79 | setPingying("nihao","你号")
80 | setPingying("nihao","你号")
81 | setPingying("nihao","(*´▽｀)ノノ")
82 | expect(matchHotPingying("nihao")).to.deep.equal( [
83 | {
84 | zh:"你号",
85 | order:3,
86 | key:"nihao"
87 | },
88 | {
89 | zh:"拟好",
90 | order:2,
91 | key:"nihao"
92 | },
93 | {
94 | zh:"你好",
95 | order:1,
96 | key:"nihao"
97 | },
98 | ]);
99 | })
100 |
101 |
102 |
103 |
104 | });
--------------------------------------------------------------------------------
/webpack.components.js:
--------------------------------------------------------------------------------
1 | var path = require('path')
2 | var webpack = require('webpack')
3 | const Components = require('./components.json');
4 | module.exports = {
5 | entry: Components,
6 | output: {
7 | path: path.resolve(__dirname, './distComponents'),
8 | filename: '[name].min.js',
9 | chunkFilename: '[id].js',
10 | },
11 | module: {
12 | rules: [
13 | {
14 | test: /\.css$/,
15 | use: [
16 | 'vue-style-loader',
17 | 'css-loader'
18 | ],
19 | },
20 | {
21 | test: /\.scss$/,
22 | use: [
23 | 'vue-style-loader',
24 | 'css-loader',
25 | 'sass-loader'
26 | ]
27 | },
28 | {
29 | test: /\.vue$/,
30 | loader: 'vue-loader',
31 | options: {
32 | loaders: {
33 | }
34 | // other vue-loader options go here
35 | }
36 | },
37 | {
38 | test: /\.js$/,
39 | loader: 'babel-loader',
40 | exclude: /node_modules/
41 | },
42 | {
43 | test: /\.(png|jpg|gif|svg|eot|woff|woff2?|ttf)$/,
44 | loader: 'file-loader',
45 | options: {
46 | name: '[name].[ext]?[hash]'
47 | }
48 | }
49 | ]
50 | },
51 | resolve: {
52 | alias: {
53 | 'vue$': 'vue/dist/vue.esm.js'
54 | },
55 | extensions: ['*', '.js', '.vue', '.json']
56 | },
57 | devServer: {
58 | historyApiFallback: true,
59 | noInfo: true,
60 | overlay: true
61 | },
62 | performance: {
63 | hints: false
64 | },
65 | devtool: 'hidden-source-map',
66 | }
67 |
68 | if (process.env.NODE_ENV === 'production') {
69 | module.exports.devtool = '#source-map'
70 | // http://vue-loader.vuejs.org/en/workflow/production.html
71 | module.exports.plugins = (module.exports.plugins || []).concat([
72 | new webpack.DefinePlugin({
73 | 'process.env': {
74 | NODE_ENV: '"production"'
75 | }
76 | }),
77 | new webpack.optimize.UglifyJsPlugin({
78 | sourceMap: false,
79 | compress: {
80 | warnings: false,
81 | drop_debugger:true,
82 | drop_console:true,
83 | pure_funcs: ['console.log']//移除console
84 | }
85 | }),
86 | new webpack.LoaderOptionsPlugin({
87 | minimize: true
88 | })
89 | ])
90 | }
91 |
--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
1 | var path = require('path')
2 | var webpack = require('webpack')
3 |
4 | module.exports = {
5 | entry: './src/main.js',
6 | output: {
7 | path: path.resolve(__dirname, './dist'),
8 | publicPath: '/dist/',
9 | filename: 'build.js'
10 | },
11 | module: {
12 | rules: [
13 | {
14 | test: /\.css$/,
15 | use: [
16 | 'vue-style-loader',
17 | 'css-loader'
18 | ],
19 | },
20 | {
21 | test: /\.scss$/,
22 | use: [
23 | 'vue-style-loader',
24 | 'css-loader',
25 | 'sass-loader'
26 | ]
27 | },
28 | {
29 | test: /\.vue$/,
30 | loader: 'vue-loader',
31 | options: {
32 | loaders: {
33 | }
34 | // other vue-loader options go here
35 | }
36 | },
37 | {
38 | test: /\.js$/,
39 | loader: 'babel-loader',
40 | exclude: /node_modules/
41 | },
42 | {
43 | test: /\.(png|jpg|gif|svg|eot|woff|woff2?|ttf)$/,
44 | loader: 'file-loader',
45 | options: {
46 | name: '[name].[ext]?[hash]'
47 | }
48 | }
49 | ]
50 | },
51 | resolve: {
52 | alias: {
53 | 'vue$': 'vue/dist/vue.esm.js'
54 | },
55 | extensions: ['*', '.js', '.vue', '.json']
56 | },
57 | devServer: {
58 | historyApiFallback: true,
59 | noInfo: true,
60 | overlay: true
61 | },
62 | performance: {
63 | hints: false
64 | },
65 | devtool: 'hidden-source-map',
66 | }
67 |
68 | if (process.env.NODE_ENV === 'production') {
69 | module.exports.devtool = '#source-map'
70 | // http://vue-loader.vuejs.org/en/workflow/production.html
71 | module.exports.plugins = (module.exports.plugins || []).concat([
72 | new webpack.DefinePlugin({
73 | 'process.env': {
74 | NODE_ENV: '"production"'
75 | }
76 | }),
77 | new webpack.optimize.UglifyJsPlugin({
78 | sourceMap: true,
79 | compress: {
80 | warnings: false
81 | }
82 | }),
83 | new webpack.LoaderOptionsPlugin({
84 | minimize: true
85 | })
86 | ])
87 | }
88 |
--------------------------------------------------------------------------------
/webpack.demo.js:
--------------------------------------------------------------------------------
1 | var path = require('path')
2 | var webpack = require('webpack')
3 | var HtmlWebpackPlugin = require('html-webpack-plugin')
4 | module.exports = {
5 | entry: './src/main.js',
6 | output: {
7 | path: path.resolve(__dirname, './docs'),
8 | publicPath: 'https://mtttm.github.io/vue-keyboard-cn/',
9 | filename: 'build.js',
10 | filename: 'build.[chunkHash:8].js'
11 | },
12 | module: {
13 | rules: [
14 | {
15 | test: /\.css$/,
16 | use: [
17 | 'vue-style-loader',
18 | 'css-loader'
19 | ],
20 | },
21 | {
22 | test: /\.scss$/,
23 | use: [
24 | 'vue-style-loader',
25 | 'css-loader',
26 | 'sass-loader'
27 | ]
28 | },
29 | {
30 | test: /\.vue$/,
31 | loader: 'vue-loader',
32 | options: {
33 | loaders: {
34 | }
35 | // other vue-loader options go here
36 | }
37 | },
38 | {
39 | test: /\.js$/,
40 | loader: 'babel-loader',
41 | exclude: /node_modules/
42 | },
43 | {
44 | test: /\.(png|jpg|gif|svg|eot|woff|woff2?|ttf)$/,
45 | loader: 'file-loader',
46 | options: {
47 | name: '[name].[ext]?[hash]'
48 | }
49 | }
50 | ]
51 | },
52 | resolve: {
53 | alias: {
54 | 'vue$': 'vue/dist/vue.esm.js'
55 | },
56 | extensions: ['*', '.js', '.vue', '.json']
57 | },
58 | devServer: {
59 | historyApiFallback: true,
60 | noInfo: true,
61 | overlay: true
62 | },
63 | performance: {
64 | hints: false
65 | },
66 | devtool: 'hidden-source-map',
67 | }
68 |
69 | if (process.env.NODE_ENV === 'production') {
70 | module.exports.devtool = '#source-map'
71 | // http://vue-loader.vuejs.org/en/workflow/production.html
72 | module.exports.plugins = (module.exports.plugins || []).concat([
73 | new webpack.DefinePlugin({
74 | 'process.env': {
75 | NODE_ENV: '"production"'
76 | }
77 | }),
78 | new webpack.optimize.UglifyJsPlugin({
79 | sourceMap: false,
80 | compress: {
81 | warnings: false,
82 | drop_debugger:true,
83 | drop_console:true,
84 | pure_funcs: ['console.log']//移除console
85 | }
86 | }),
87 | new webpack.LoaderOptionsPlugin({
88 | minimize: true
89 | }),
90 | //生成html模版文件
91 | new HtmlWebpackPlugin({
92 | filename: 'index.html',
93 | template: 'index.html',
94 | favicon: 'favicon.ico',
95 | inject: true
96 | })
97 | ])
98 | }
99 |
--------------------------------------------------------------------------------
/webpack.libs.dist.js:
--------------------------------------------------------------------------------
1 | var path = require('path')
2 | var webpack = require('webpack')
3 | var ExtractTextPlugin = require("extract-text-webpack-plugin")
4 | var OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
5 | module.exports = {
6 | entry: "./packages/index.js",
7 | output: {
8 | path: path.resolve(__dirname, './dist'),
9 | filename: 'index.es.min.js',
10 | chunkFilename: '[id].js',
11 | libraryExport: 'default',
12 | library: "vue-keyboard-cn",
13 | libraryTarget: 'umd'
14 | },
15 | module: {
16 | rules: [
17 | {
18 | test: /\.css$/,
19 | use: [
20 | 'vue-style-loader',
21 | 'css-loader'
22 | ],
23 | },
24 | {
25 | test: /\.scss$/,
26 | use: [
27 | 'vue-style-loader',
28 | 'css-loader',
29 | 'sass-loader'
30 | ]
31 | },
32 | {
33 | test: /\.vue$/,
34 | loader: 'vue-loader',
35 | options: {
36 | extractCSS: true, // 会把vue中的样式文件提取出来
37 | loaders: {
38 | css: ExtractTextPlugin.extract({
39 | use: 'css-loader',
40 | fallback: 'vue-style-loader'
41 | }),
42 | sass: ExtractTextPlugin.extract({
43 | use: [
44 | 'css-loader',
45 | 'sass-loader'
46 | ],
47 | fallback: 'vue-style-loader'
48 | })
49 | }
50 | // other vue-loader options go here
51 | }
52 | },
53 | {
54 | test: /\.js$/,
55 | loader: 'babel-loader',
56 | exclude: /node_modules/
57 | },
58 | {
59 | test: /\.(png|jpg|gif|svg|eot|woff|woff2?|ttf)$/,
60 | loader: 'file-loader',
61 | options: {
62 | name: '[name].[ext]?[hash]',
63 | publicPath: './'
64 | }
65 | }
66 | ]
67 | },
68 | resolve: {
69 | alias: {
70 | 'vue$': 'vue/dist/vue.esm.js'
71 | },
72 | extensions: ['*', '.js', '.vue', '.json']
73 | },
74 | devServer: {
75 | historyApiFallback: true,
76 | noInfo: true,
77 | overlay: true
78 | },
79 | performance: {
80 | hints: false
81 | },
82 | devtool: 'hidden-source-map',
83 | }
84 |
85 | if (process.env.NODE_ENV === 'production') {
86 | module.exports.devtool = '#source-map'
87 | // http://vue-loader.vuejs.org/en/workflow/production.html
88 | module.exports.plugins = (module.exports.plugins || []).concat([
89 | new webpack.DefinePlugin({
90 | 'process.env': {
91 | NODE_ENV: '"production"'
92 | }
93 | }),
94 | new ExtractTextPlugin("index.css"),
95 | new OptimizeCssAssetsPlugin({
96 | cssProcessor: require('cssnano'),
97 | cssProcessorOptions: { safe: true, discardComments: { removeAll: true } },
98 | canPrint: true
99 | }),
100 | // new webpack.optimize.UglifyJsPlugin({
101 | // sourceMap: false,
102 | // compress: {
103 | // warnings: false,
104 | // drop_debugger: true,
105 | // drop_console: true,
106 | // pure_funcs: ['console.log']//移除console
107 | // }
108 | // }),
109 | new webpack.LoaderOptionsPlugin({
110 | minimize: true
111 | })
112 | ])
113 | }
114 |
--------------------------------------------------------------------------------