0.1.18

example/App.vue

@@ -4,10 +4,22 @@
     <pLink type="primary">Test</pLink>
     <splitTool baseUrl="https://dev.essenptl.com/graphAPITest/api/v1.0/"></splitTool>
     <convertTool baseUrl="https://dev.essenptl.com/graphAPITest/api/v1.0/"></convertTool>
-    <fileSplit baseUrl="https://dev.essenptl.com/dev2/wade_ext/api/v1.0/"></fileSplit>
+    <fileSplit baseUrl="https://dev.essenptl.com/dev2/wade_ext/api/v1.0/">
+      <template slot="alert">
+      <el-alert type="error">
+        <template slot="title">
+          注意: 切割的最後一頁 要加 分節符號且不可和文字同行
+          <br>
+          <h3><b>正確</b></h3>
+          <img src="../example/assets/success.png" width="60%">
+          <h3><b>錯誤</b></h3>
+          <img src="../example/assets/error.png" width="60%">
+        </template>
+      </el-alert>
+    </template>
+    </fileSplit>
     <upload baseUrl="https://dev.essenptl.com/dev2/wade_ext/api/v1.0/"></upload>
     <uploadExcel baseUrl="https://dev.essenptl.com/graphAPITest/api/v1.0/"></uploadExcel>
-
   </div>
 </template>
 

lib/demo.html

@@ -2,8 +2,6 @@
 <title>index demo</title>
 <script src="./index.umd.js"></script>
 
-<link rel="stylesheet" href="./index.css">
-
 
 <script>
 console.log(index)

lib/index.css

-.p-link-default[data-v-30dd6ef1]{color:#606266}.p-link-primary[data-v-30dd6ef1]{color:#409eff}.el-form .el-form-item[data-v-442676bc]{margin:10px 0}.el-form .el-form-item .el-radio-group[data-v-442676bc]{margin-left:20px}.el-form .el-form-item input[data-v-442676bc]{width:126px;margin-left:10px;outline:none;border:0;background:#c6c6c6}.choose-box[data-v-442676bc]{margin-left:200px;border:1px solid #000;width:220px}.choose-box div>span[data-v-442676bc]{display:inline-block;width:56px;text-align:center;margin:10px 5px;border:1px solid #000}input[data-v-442676bc]::-webkit-input-placeholder{font-size:12px;opacity:.8}[data-v-442676bc] .el-form-item__content{line-height:1.5!important}.excel-upload-input[data-v-77bf1e84]{display:none;z-index:-9999}.drop[data-v-77bf1e84]{border:2px dashed #bbb;width:600px;height:160px;line-height:160px;margin:0 auto;font-size:24px;border-radius:5px;text-align:center;color:#bbb;position:relative}
\ No newline at end of file

package.json

 {
   "name": "@purplevin/component",
-  "version": "0.1.17",
+  "version": "0.1.18",
   "private": false,
   "main": "lib/index.umd.min.js",
   "scripts": {

packages/fileSplit/src/components/SplitWordForm.vue

@@ -64,16 +64,9 @@
         </el-button>
       </el-form-item>
     </el-form>
-    <el-alert type="error">
-      <template slot="title">
-        注意: 切割的最後一頁 要加 分節符號且不可和文字同行
-        <br>
-        <h3><b>正確</b></h3>
-        <img src="../picture/success.png" width="60%">
-        <h3><b>錯誤</b></h3>
-        <img src="../picture/error.png" width="60%">
-      </template>
-    </el-alert>
+    <slot name="alert">
+
+    </slot>    
   </div>
 </template>
 <script>

packages/fileSplit/src/index.vue

 <template>
   <div>
-    <SplitWordForm :baseUrl="baseUrl" />
+    <SplitWordForm :baseUrl="baseUrl">
+      <template slot="alert">
+        <slot name="alert"></slot>
+      </template>
+    </SplitWordForm>
   </div>
 </template>
 

vue.config.js

@@ -4,13 +4,17 @@
 
 const path = require('path')
 module.exports = {
+    productionSourceMap: false,
+    css: {
+        extract: false,
+    },
     // 修改 pages 入口
     pages: {
-      index: {
-        entry: 'example/main.js',
-        template: 'public/index.html',
-        filename: 'index.html'
-      }
+        index: {
+            entry: 'example/main.js',
+            template: 'public/index.html',
+            filename: 'index.html'
+        }
     },
     // 扩展 webpack 配置
     chainWebpack: config => {