@ajaxjs/ui 1.1.2 → 1.1.3

package/dist/{components/widgets → widget}/AdjustFontSize.vue

@@ -1,66 +1,66 @@
-<template>
-  <div class="aj-adjust-font-size">
-    <span>字体大小</span>
-    <ul @click="onClk">
-      <li><label><input type="radio" name="fontSize" /> 小</label></li>
-      <li><label><input type="radio" name="fontSize" /> 中</label></li>
-      <li><label><input type="radio" name="fontSize" /> 大</label></li>
-    </ul>
-  </div>
-</template>
-
-<script lang="ts">
-/**
- * 调整正文字体大小
- */
-export default {
-  props: {
-    articleTarget: { type: String, default: "article p" }, // 正文所在的位置，通过 CSS Selector 定位
-  },
-  methods: {
-    onClk(ev: Event): void {
-      let el: Element = ev.target as Element;
-      let setFontSize = (fontSize: string): void => {
-        document.body
-          .querySelectorAll(this.$props.articleTarget)
-          .forEach((p: HTMLParagraphElement) => (p.style.fontSize = fontSize));
-      };
-
-      if (el.tagName == "LABEL" || el.tagName == "INPUT") {
-        if (el.tagName != "LABEL") el = el.parentNode as Element;
-
-        console.log(el);
-        if (el.innerHTML.indexOf("大") != -1) setFontSize("12pt");
-        else if (el.innerHTML.indexOf("中") != -1) setFontSize("10.5pt");
-        else if (el.innerHTML.indexOf("小") != -1) setFontSize("9pt");
-      }
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.aj-adjust-font-size {
-  width: 210px;
-  font-size: 0.8rem;
-  padding: 2px 0;
-
-  span {
-    float: left;
-    width: 35%;
-    display: block;
-  }
-
-  ul {
-    width: 65%;
-    float: right;
-    cursor: pointer;
-
-    li {
-      display: block;
-      float: right;
-      width: 33%;
-    }
-  }
-}
+<template>
+  <div class="aj-adjust-font-size">
+    <span>字体大小</span>
+    <ul @click="onClk">
+      <li><label><input type="radio" name="fontSize" /> 小</label></li>
+      <li><label><input type="radio" name="fontSize" /> 中</label></li>
+      <li><label><input type="radio" name="fontSize" /> 大</label></li>
+    </ul>
+  </div>
+</template>
+
+<script lang="ts">
+/**
+ * 调整正文字体大小
+ */
+export default {
+  props: {
+    articleTarget: { type: String, default: "article p" }, // 正文所在的位置，通过 CSS Selector 定位
+  },
+  methods: {
+    onClk(ev: Event): void {
+      let el: Element = ev.target as Element;
+      let setFontSize = (fontSize: string): void => {
+        document.body
+          .querySelectorAll(this.$props.articleTarget)
+          .forEach((p: HTMLParagraphElement) => (p.style.fontSize = fontSize));
+      };
+
+      if (el.tagName == "LABEL" || el.tagName == "INPUT") {
+        if (el.tagName != "LABEL") el = el.parentNode as Element;
+
+        console.log(el);
+        if (el.innerHTML.indexOf("大") != -1) setFontSize("12pt");
+        else if (el.innerHTML.indexOf("中") != -1) setFontSize("10.5pt");
+        else if (el.innerHTML.indexOf("小") != -1) setFontSize("9pt");
+      }
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.aj-adjust-font-size {
+  width: 210px;
+  font-size: 0.8rem;
+  padding: 2px 0;
+
+  span {
+    float: left;
+    width: 35%;
+    display: block;
+  }
+
+  ul {
+    width: 65%;
+    float: right;
+    cursor: pointer;
+
+    li {
+      display: block;
+      float: right;
+      width: 33%;
+    }
+  }
+}
 </style>

package/dist/{components/widgets → widget}/Article.vue

@@ -1,49 +1,59 @@
-<template>
-  <article>
-    <h2>{{title}}</h2>
-
-    <div class="toolbar">
-      <span v-if="author">作者: {{author}}</span> &nbsp;
-      <a :href="source" v-if="source" target="_blank">&#129109;来源</a>
-      <FontSize style="float:right;clear:both"></FontSize>
-    </div>
-    <slot></slot>
-  </article>
-</template>
-
-<script>
-import FontSize from './AdjustFontSize.vue';
-
-export default {
-  props: {
-    title: String, author: String, source: String
-  },
-  components: { FontSize }
-}
-</script>
-
-<style lang="less" scoped>
-article {
-  & > p {
-    .aj-text-function();
-    text-indent: 2em;
-  }
-  & > img,
-  & > p > img {
-    max-width: 80%;
-    margin: 0 auto;
-    display: block;
-  }
-
-  h2 {
-    .aj-text-title();
-  }
-
-  .toolbar {
-    height: 15px;
-    margin: 30px 0;
-    font-size: 0.8rem;
-    text-align: right;
-  }
-}
+<template>
+  <article>
+    <h2>{{title}}</h2>
+
+    <div class="toolbar">
+      <span v-if="author">作者: {{author}}</span> &nbsp;
+      <a :href="source" v-if="source" target="_blank">
+
+        <svg width="16px" height="16px" viewBox="0 0 24 24" style="cursor:pointer;vertical-align: middle;">
+          <g stroke-width="2.1" stroke="#666" fill="none" stroke-linecap="round" stroke-linejoin="round">
+            <polyline points="17 13.5 17 19.5 5 19.5 5 7.5 11 7.5"></polyline>
+            <path d="M14,4.5 L20,4.5 L20,10.5 M20,4.5 L11,13.5"></path>
+          </g>
+        </svg>
+        来源</a>
+      <FontSize style="float:right;clear:both"></FontSize>
+    </div>
+    <slot></slot>
+  </article>
+</template>
+
+<script>
+import FontSize from './AdjustFontSize.vue';
+
+export default {
+  props: {
+    title: String, author: String, source: String
+  },
+  components: { FontSize }
+}
+</script>
+
+<style lang="less" scoped>
+@import "../style/common-functions.less";
+
+article {
+  & > p {
+    .aj-text-function();
+    text-indent: 2em;
+  }
+  & > img,
+  & > p > img {
+    max-width: 80%;
+    margin: 0 auto;
+    display: block;
+  }
+
+  h2 {
+    .aj-text-title();
+  }
+
+  .toolbar {
+    height: 15px;
+    margin: 30px 0;
+    font-size: 0.8rem;
+    text-align: right;
+  }
+}
 </style>

package/dist/{components/widgets → widget}/BaiduSearch.vue

@@ -1,50 +1,50 @@
-<template>
-  <form class="aj-widget-baidu-search" method="GET" action="http://www.baidu.com/baidu" onsubmit="//return g(this);">
-    <input type="text" name="word" placeholder="请输入搜索之关键字" />
-    <input name="tn" value="bds" type="hidden" />
-    <input name="cl" value="3" type="hidden" />
-    <input name="ct" value="2097152" type="hidden" />
-    <input name="si" :value="getSiteDomainName" type="hidden" />
-    <div class="searchBtn" onclick="this.parentNode.submit();"></div>
-  </form>
-</template>
-
-<script lang="ts">
-/**
- * Baidu 自定义搜索
- */
-export default {
-  props: {
-    siteDomainName: String,
-  },
-  computed: {
-    getSiteDomainName(): string {
-      return this.siteDomainName || location.host || document.domain;
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.aj-widget-baidu-search {
-  padding: 0;
-  margin: 0;
-
-  input[type="text"] {
-    border-radius: 5px;
-    border: 1px solid gray;
-    padding: 0 2px;
-    height: 22px;
-  }
-
-  .searchBtn {
-    background: url("data:image/gif;base64,R0lGODlhEAAQAGYAACH5BAEAAAAALAAAAAAQABAApgEAAOD3//n9/+3//936/xt7uX+x1KAQCyeHwsj1/6QcGZDd+fX+/+oOAFW05FCUxMXs+9P0/+T0+7fv/5rm/6fn/bHr/jCBugt0t0CKv47e+4fW9CaEv6fb8w9/weteSfkEAOsJC8xBKehVP+FZPxF1thZ4uMHx/1FBZQdssQ51uLrk9zlumyB3tDBRir3x/7nm+WK75DKb0z2k2XTG6mXD7Gq/6Euq20yk1EWp20ay5Umv4liw3dUcAKowMBqJycEzB8EqANoZACOa2KQNCp4NCgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAeWgACCDwUIhgaCiYoFNBQWFQs4F4qJBQsRAZkBFTwZlBcbEQMCpAMDCwiUBRQEpCcTCQEwN4iJHBYSAgmwBAEQObWCBRoBAi8JvQMdMsEAGTEQAQTJAw4qlAAmNSsM3RIOPyzYACUzOjY7Qx4uIQfjDykYGC0oHyAN7uOKCiMNQvn6BCkg0SNIkYCJFIgAAhChDyII9QUCADs=")
-      no-repeat center;
-    width: 25px;
-    height: 25px;
-    cursor: pointer;
-    display: inline-block;
-    vertical-align: bottom;
-  }
-}
+<template>
+  <form class="aj-widget-baidu-search" method="GET" action="http://www.baidu.com/baidu" onsubmit="//return g(this);">
+    <input type="text" name="word" placeholder="请输入搜索之关键字" />
+    <input name="tn" value="bds" type="hidden" />
+    <input name="cl" value="3" type="hidden" />
+    <input name="ct" value="2097152" type="hidden" />
+    <input name="si" :value="getSiteDomainName" type="hidden" />
+    <div class="searchBtn" onclick="this.parentNode.submit();"></div>
+  </form>
+</template>
+
+<script lang="ts">
+/**
+ * Baidu 自定义搜索
+ */
+export default {
+  props: {
+    siteDomainName: String,
+  },
+  computed: {
+    getSiteDomainName(): string {
+      return this.siteDomainName || location.host || document.domain;
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.aj-widget-baidu-search {
+  padding: 0;
+  margin: 0;
+
+  input[type="text"] {
+    border-radius: 5px;
+    border: 1px solid gray;
+    padding: 0 2px;
+    height: 22px;
+  }
+
+  .searchBtn {
+    background: url("data:image/gif;base64,R0lGODlhEAAQAGYAACH5BAEAAAAALAAAAAAQABAApgEAAOD3//n9/+3//936/xt7uX+x1KAQCyeHwsj1/6QcGZDd+fX+/+oOAFW05FCUxMXs+9P0/+T0+7fv/5rm/6fn/bHr/jCBugt0t0CKv47e+4fW9CaEv6fb8w9/weteSfkEAOsJC8xBKehVP+FZPxF1thZ4uMHx/1FBZQdssQ51uLrk9zlumyB3tDBRir3x/7nm+WK75DKb0z2k2XTG6mXD7Gq/6Euq20yk1EWp20ay5Umv4liw3dUcAKowMBqJycEzB8EqANoZACOa2KQNCp4NCgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAeWgACCDwUIhgaCiYoFNBQWFQs4F4qJBQsRAZkBFTwZlBcbEQMCpAMDCwiUBRQEpCcTCQEwN4iJHBYSAgmwBAEQObWCBRoBAi8JvQMdMsEAGTEQAQTJAw4qlAAmNSsM3RIOPyzYACUzOjY7Qx4uIQfjDykYGC0oHyAN7uOKCiMNQvn6BCkg0SNIkYCJFIgAAhChDyII9QUCADs=")
+      no-repeat center;
+    width: 25px;
+    height: 25px;
+    cursor: pointer;
+    display: inline-block;
+    vertical-align: bottom;
+  }
+}
 </style>

package/dist/widget/EmptyContent.d.ts

@@ -0,0 +1,5 @@
+declare namespace _default {
+    const empty: string;
+    const emptyDrak: string;
+}
+export default _default;

package/dist/widget/EmptyContent.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    empty: 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiNEQURFRTMiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTUwLjU5OCAxMS4wOTNDMjUuNTU0IDE1Ljc2IDExLjcyOCAyNC41NzMgOS4xMiAzNy41MzUgNS45OSA2OC42NDQgMTI4LjA4IDcwLjIgMTEzLjIxIDEwMi44NjNjLTcuODI2IDEwLjg4Ny0yNS41NjYgMTMuMjItNTMuMjE5IDYuOTk5IiBzdHJva2UtZGFzaGFycmF5PSIzIi8+PGcgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0ibTU1IDY4LjI3IDQyLjE2Mi0xMi4zMjR2NDkuNTc3TDU1IDExNy41Njh6TTU1IDY4LjEwOCAxNi4wODEgNTUuOTQ2djQ5LjU3N0w1NSAxMTcuNTY4eiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xNi4wMTIgNTYuMDQgNTUgNjguMTA4IDQyLjUgODYuNzU3IDQuNzMgNzMuMDYzek05Ny4xNjIgNTUuOTQ2IDU1IDY4LjEwOGwxMi44MSAxOC42NDkgNDIuMzI1LTE0LjE2NnoiLz48cGF0aCBmaWxsPSIjRjZGN0Y4IiBkPSJtMTYuMDgxIDU1Ljk0NiA0My4zNDctMTIuMTYyIDM3LjczNCAxMi4xNjJMNTUgNjguMTA4eiIvPjwvZz48ZyBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNNzguMDY4IDEwLjMxIDYwLjA0IDguOGwyLjc5LTUuMzF6Ii8+PHBhdGggZmlsbD0iI0Y2RjdGOCIgZD0iTTc4LjA2OCAxMC4zMSA1Ni40NSAxMy44OGwtMy44MzQtNS45MzR6Ii8+PC9nPjwvZz48L3N2Zz4=',
+    emptyDrak: 'data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyMCIgd2lkdGg9IjEyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMzYTNjNDYiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTUwLjU5OCAxMS4wOTNDMjUuNTU0IDE1Ljc2IDExLjcyOCAyNC41NzMgOS4xMiAzNy41MzUgNS45OSA2OC42NDQgMTI4LjA4IDcwLjIgMTEzLjIxIDEwMi44NjNjLTcuODI2IDEwLjg4Ny0yNS41NjYgMTMuMjItNTMuMjE5IDYuOTk5IiBzdHJva2UtZGFzaGFycmF5PSIzIi8+PGcgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGcgZmlsbD0iIzFhMWIxZSI+PHBhdGggZD0ibTU1IDY4LjI3IDQyLjE2Mi0xMi4zMjR2NDkuNTc3TDU1IDExNy41Njh6TTU1IDY4LjEwOCAxNi4wODEgNTUuOTQ2djQ5LjU3N0w1NSAxMTcuNTY4eiIvPjxwYXRoIGQ9Ik0xNi4wMTIgNTYuMDQgNTUgNjguMTA4IDQyLjUgODYuNzU3IDQuNzMgNzMuMDYzek05Ny4xNjIgNTUuOTQ2IDU1IDY4LjEwOGwxMi44MSAxOC42NDkgNDIuMzI1LTE0LjE2NnoiLz48L2c+PHBhdGggZD0ibTE2LjA4MSA1NS45NDYgNDMuMzQ3LTEyLjE2MiAzNy43MzQgMTIuMTYyTDU1IDY4LjEwOHoiIGZpbGw9IiMxNDE1MTgiLz48L2c+PGcgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTc4LjA2OCAxMC4zMSA2MC4wNCA4LjhsMi43OS01LjMxeiIgZmlsbD0iIzFhMWIxZSIvPjxwYXRoIGQ9Ik03OC4wNjggMTAuMzEgNTYuNDUgMTMuODhsLTMuODM0LTUuOTM0eiIgZmlsbD0iIzE0MTUxOCIvPjwvZz48L2c+PC9zdmc+'
+};
+//# sourceMappingURL=EmptyContent.js.map

package/dist/widget/EmptyContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyContent.js","sourceRoot":"","sources":["../../src/widget/EmptyContent.js"],"names":[],"mappings":";;AAAA,kBAAe;IACX,KAAK,EAAE,4jCAA4jC;IACnkC,SAAS,EAAE,4jCAA4jC;CAC1kC,CAAC"}

package/dist/{components/widgets → widget}/Expander.vue

@@ -1,65 +1,65 @@
-<template>
-  <div class="aj-expander" :style="'height:' + (expended ? openHeight : closeHeight) + 'px;'">
-    <div :class="expended ? 'closeBtn' : 'openBtn'" @click="expended = !expended;"></div>
-    <slot></slot>
-  </div>
-</template>
-
-<script lang="ts">
-/**
- * 展开闭合器
- */
-export default {
-  props: {
-    openHeight: { type: Number, default: 200 },
-    closeHeight: { type: Number, default: 50 },
-  },
-  data(): any {
-    return {
-      expended: false,
-    };
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.aj-expander {
-  overflow: hidden;
-  position: relative;
-  clear: both;
-  transition: height 200ms ease 0s;
-
-  .mask-layer {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    height: 23px;
-    width: 100%;
-    background: -webkit-gradient(
-      linear,
-      center top,
-      center bottom,
-      from(transparent),
-      to(white)
-    );
-  }
-
-  .openBtn {
-    background: url("https://ajaxjs.nos-eastchina1.126.net/images/openBtn.png");
-  }
-
-  .closeBtn {
-    background: url("https://ajaxjs.nos-eastchina1.126.net/images/closeBtn.png");
-  }
-
-  .closeBtn,
-  .openBtn {
-    width: 45px;
-    height: 32px;
-    position: absolute;
-    cursor: pointer;
-    top: 0px;
-    right: 0px;
-  }
-}
+<template>
+  <div class="aj-expander" :style="'height:' + (expended ? openHeight : closeHeight) + 'px;'">
+    <div :class="expended ? 'closeBtn' : 'openBtn'" @click="expended = !expended;"></div>
+    <slot></slot>
+  </div>
+</template>
+
+<script lang="ts">
+/**
+ * 展开闭合器
+ */
+export default {
+  props: {
+    openHeight: { type: Number, default: 200 },
+    closeHeight: { type: Number, default: 50 },
+  },
+  data(): any {
+    return {
+      expended: false,
+    };
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.aj-expander {
+  overflow: hidden;
+  position: relative;
+  clear: both;
+  transition: height 200ms ease 0s;
+
+  .mask-layer {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    height: 23px;
+    width: 100%;
+    background: -webkit-gradient(
+      linear,
+      center top,
+      center bottom,
+      from(transparent),
+      to(white)
+    );
+  }
+
+  .openBtn {
+    background: url("https://ajaxjs.nos-eastchina1.126.net/images/openBtn.png");
+  }
+
+  .closeBtn {
+    background: url("https://ajaxjs.nos-eastchina1.126.net/images/closeBtn.png");
+  }
+
+  .closeBtn,
+  .openBtn {
+    width: 45px;
+    height: 32px;
+    position: absolute;
+    cursor: pointer;
+    top: 0px;
+    right: 0px;
+  }
+}
 </style>

package/dist/widget/FileUploader/FileUploader.d.ts

@@ -0,0 +1,70 @@
+declare const _default: {
+    props: {
+        action: {
+            type: StringConstructor;
+            required: boolean;
+        };
+        limitSize: {
+            type: NumberConstructor;
+            default: number;
+        };
+        limitFileType: StringConstructor;
+        isImgUpload: BooleanConstructor;
+        isShowBtn: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        accpectFileType: {
+            type: StringConstructor;
+            default(): string;
+        };
+        buttonBottom: BooleanConstructor;
+        radomId: {
+            type: NumberConstructor;
+            default(): number;
+        };
+    };
+    data(): {
+        model: {
+            children: any[];
+        };
+        imgSrc: string;
+        open: boolean;
+        allowAddNode: boolean;
+        fileName: string;
+        fileSize: number;
+        progress: number;
+        errMsg: string;
+        newlyId: string;
+        fileObj: any;
+    };
+    methods: {
+        /**
+         * 选择文件后触发的事件
+         *
+         * @param ev
+         */
+        onUploadInputChange(ev: Event): void;
+        /**
+         * 返回 File 对象，在表单混合上传时候有用
+         * @returns
+         */
+        getFileObj(): File;
+        onDrop(ev: DragEvent): void;
+        onFileGet(files: FileList): void;
+        /**
+         * 执行上传
+         *
+         * @param this
+         */
+        doUpload(): void;
+        changeByte: typeof changeByte;
+    };
+};
+export default _default;
+/**
+ * 字节 Byte 转化成 KB，MB，GB
+ *
+ * @param limit
+ */
+declare function changeByte(limit: number): string;

package/dist/{components/form → widget}/FileUploader/FileUploader.js

@@ -1,9 +1,22 @@
-export default {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const EmptyContent_1 = __importDefault(require("../EmptyContent"));
+exports.default = {
     props: {
-        action: { type: String, required: true },
+        action: { type: String, required: false },
         limitSize: { type: Number, default: 20000 },
         limitFileType: String,
-        accpectFileType: String,
+        isImgUpload: Boolean,
+        isShowBtn: { type: Boolean, default: true },
+        accpectFileType: {
+            type: String, default() {
+                if (this.isImgUpload)
+                    return 'image/*';
+            }
+        },
         buttonBottom: Boolean,
         radomId: {
             type: Number, default() {
@@ -14,6 +27,7 @@ export default {
     data() {
         return {
             model: { children: [] },
+            imgSrc: EmptyContent_1.default.empty,
             open: false,
             allowAddNode: false,
             // isFolder : false
@@ -21,7 +35,8 @@ export default {
             fileSize: 0,
             progress: 0,
             errMsg: '',
-            newlyId: '' // 成功上传之后的文件 id
+            newlyId: '',
+            fileObj: null
         };
     },
     methods: {
@@ -36,10 +51,29 @@ export default {
                 return;
             // this.errStatus = [false, false, false];
             this.onFileGet(fileInput.files);
+            let file = fileInput.files[0];
+            this.fileObj = file;
+            if (this.isImgUpload) {
+                let reader = new FileReader();
+                reader.onload = (e) => {
+                    let imgBase64 = e.target.result; // 得到了图片的 base64 编码
+                    // alert(imgBase64Str);
+                    this.imgSrc = imgBase64;
+                };
+                reader.readAsDataURL(file);
+            }
+        },
+        /**
+         * 返回 File 对象，在表单混合上传时候有用
+         * @returns
+         */
+        getFileObj() {
+            return this.fileObj;
         },
         onDrop(ev) {
+            var _a;
             ev.preventDefault(); // 阻止进行拖拽时浏览器的默认行为，即自动打开图片
-            if (ev.dataTransfer?.files)
+            if ((_a = ev.dataTransfer) === null || _a === void 0 ? void 0 : _a.files)
                 this.onFileGet(ev.dataTransfer.files);
         },
         onFileGet(files) {
@@ -74,6 +108,7 @@ export default {
             };
             xhr.send(fd);
         },
+        changeByte: changeByte
     }
 };
 /**

package/dist/widget/FileUploader/FileUploader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploader.js","sourceRoot":"","sources":["../../../src/widget/FileUploader/FileUploader.ts"],"names":[],"mappings":";;;;;AAAA,mEAAoC;AAEpC,kBAAe;IACX,KAAK,EAAE;QACH,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,aAAa,EAAE,MAAM;QACrB,WAAW,EAAE,OAAO;QACpB,SAAS,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;QAC3C,eAAe,EAAE;YACb,IAAI,EAAE,MAAM,EAAE,OAAO;gBACjB,IAAI,IAAI,CAAC,WAAW;oBAChB,OAAO,SAAS,CAAC;YACzB,CAAC;SACJ;QACD,YAAY,EAAE,OAAO;QACrB,OAAO,EAAE;YACL,IAAI,EAAE,MAAM,EAAE,OAAO;gBACjB,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC;YAC5C,CAAC;SACJ;KACJ;IAED,IAAI;QACA,OAAO;YACH,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;YACvB,MAAM,EAAE,sBAAK,CAAC,KAAK;YACnB,IAAI,EAAE,KAAK;YACX,YAAY,EAAE,KAAK;YACnB,mBAAmB;YACnB,QAAQ,EAAE,EAAE;YACZ,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,CAAC;YACX,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,EAAE;YACX,OAAO,EAAE,IAAI;SAChB,CAAA;IACL,CAAC;IAED,OAAO,EAAE;QACL;;;;WAIG;QACH,mBAAmB,CAAC,EAAS;YACzB,IAAI,SAAS,GAAuC,EAAE,CAAC,MAAM,CAAC;YAC9D,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;gBAAE,OAAO;YAEpD,0CAA0C;YAC1C,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YAEhC,IAAI,IAAI,GAAS,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YACpC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YAEpB,IAAI,IAAI,CAAC,WAAW,EAAE;gBAClB,IAAI,MAAM,GAAe,IAAI,UAAU,EAAE,CAAC;gBAC1C,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,EAAE;oBAClB,IAAI,SAAS,GAAmB,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,mBAAmB;oBACpE,uBAAuB;oBACvB,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;gBAC5B,CAAC,CAAA;gBAED,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;aAC9B;QACL,CAAC;QAED;;;WAGG;QACH,UAAU;YACN,OAAO,IAAI,CAAC,OAAO,CAAC;QACxB,CAAC;QAED,MAAM,CAAC,EAAa;;YAChB,EAAE,CAAC,cAAc,EAAE,CAAC,CAAC,0BAA0B;YAE/C,IAAI,MAAA,EAAE,CAAC,YAAY,0CAAE,KAAK;gBAAE,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACtE,CAAC;QAED,SAAS,CAAC,KAAe;YACrB,IAAI,IAAI,GAAS,KAAK,CAAC,CAAC,CAAC,EACrB,QAAQ,GAAW,IAAI,CAAC,IAAI,CAAC;YAEjC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;YAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;QAC9B,CAAC;QACD;;;;WAIG;QACH,QAAQ;YACJ,wEAAwE;YACxE,UAAU;YAEV,IAAI,EAAE,GAAa,IAAI,QAAQ,EAAE,CAAC;YAElC,IAAI,IAAI,CAAC,KAAK;gBAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;iBACxD,IAAI,IAAI,CAAC,QAAQ;gBAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;YAEzD,IAAI,GAAG,GAAmB,IAAI,cAAc,EAAE,CAAC;YAC/C,YAAY;YACZ,GAAG,CAAC,kBAAkB,GAAG,EAAE,CAAC,GAAG,CAAC,cAAc,CAAC,QAAQ,CACnD,IAAI,EACJ,IAAI,CAAC,kBAAkB,EACvB,MAAM,CACT,CAAC;YACF,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;YACpC,GAAG,CAAC,UAAU,GAAG,CAAC,EAAiB,EAAE,EAAE;gBACnC,IAAI,QAAQ,GAAW,CAAC,EACpB,CAAC,GAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;gBAClD,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;gBAEX,IAAI,QAAQ,KAAK,CAAC;oBAAE,QAAQ,GAAG,CAAC,CAAC;gBAEjC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;YAC7B,CAAC,CAAC;YAEF,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACjB,CAAC;QAED,UAAU,EAAE,UAAU;KACzB;CACJ,CAAA;AAED;;;;GAIG;AACH,SAAS,UAAU,CAAC,KAAa;IAC7B,IAAI,IAAI,GAAW,EAAE,CAAC;IAEtB,IAAI,KAAK,GAAG,GAAG,GAAG,IAAI;QAClB,kBAAkB;QAClB,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;SAC7B,IAAI,KAAK,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI;QAC9B,mBAAmB;QACnB,IAAI,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;SACvC,IAAI,KAAK,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;QACrC,mBAAmB;QACnB,IAAI,GAAG,CAAC,KAAK,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IACrD,WAAW;;QACN,IAAI,GAAG,CAAC,KAAK,GAAG,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAE7D,IAAI,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY;IAE3C,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,IAAI;QACjC,mCAAmC;QACnC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAEhE,OAAO,IAAI,CAAC;AAChB,CAAC"}