@newview/file-ui 1.1.7 → 1.1.9

package/README.md

@@ -1,4 +1,11 @@
-版本 1.1.7
+## 1.1.9
+1. UploadFile 增加只读状态且无附件信息下的显示信息提示
+2. UploadFile 修改预览图片时，图片显示不对应问题
+3. UploadFile 修改只读且无附件提示样式
+4. TextEditor 只读状态下增加显示/隐藏边框配置
+5. ComFormUp 增加 TextEditor 获取值方法 及 text 改变事件
+6. ComFormUp 增加附件校验
 
-1. ComFormUp 添加 TextEditor 组件
-2. @vueup/vue-quill 增加依赖
+## 1.1.8
+
+1. ComFormUp 添加 TextEditor 组件导出的方法

package/dist/{file-ui.js → file-ui.mjs}

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import { BaseInstance } from "@newview/base-vue";
-import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createElementVNode, reactive, renderList, createBlock, createSlots, normalizeClass, withModifiers, createCommentVNode, createTextVNode, toDisplayString, onMounted, onBeforeUnmount, nextTick, h, watchEffect } from "vue";
+import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createElementVNode, reactive, renderList, createBlock, createSlots, normalizeClass, withModifiers, createCommentVNode, toDisplayString, createTextVNode, pushScopeId, popScopeId, onMounted, onBeforeUnmount, nextTick, h, watchEffect, normalizeStyle } from "vue";
 import { QueryWrapper } from "@newview/infrastructure";
 import { OSSFileApi, FileApi, UploadApi, FileInfoApi } from "@newview/fileservice-api";
 const propDefine$3 = {
@@ -148,7 +148,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$2 = { class: "ifr-container" };
+const _hoisted_1$1 = { class: "ifr-container" };
 const _hoisted_2$1 = ["src", "title"];
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ImagePreview = resolveComponent("ImagePreview");
@@ -173,7 +173,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
       onOnVisibleChange: _ctx.doClose
     }, {
       default: withCtx(() => [
-        createElementVNode("div", _hoisted_1$2, [
+        createElementVNode("div", _hoisted_1$1, [
           createElementVNode("iframe", {
             src: _ctx.ifrUrl,
             class: "ifr-content",
@@ -246,6 +246,11 @@ const propDefine$2 = {
     // 单文件
     type: Boolean,
     default: false
+  },
+  nullMsg: {
+    //只读状态且无附件信息下的显示
+    type: String,
+    default: "暂无附件"
   }
 };
 const _sfc_main$2 = defineComponent({
@@ -518,6 +523,7 @@ class UploadFileInstance extends BaseInstance {
      * @param fileInfo 
      */
     __publicField(this, "doView", (fileInfo) => {
+      debugger;
       this.previewFileInfo = fileInfo;
       this.previewVisible.value = true;
       this.previewIndex.value = fileInfo.PreviewIndex;
@@ -581,6 +587,7 @@ class UploadFileInstance extends BaseInstance {
    */
   setPreviewList() {
     let index = 0;
+    this.previewList.value = [];
     for (const fileInfo of this.fileList.value) {
       if (this.isImage(fileInfo)) {
         fileInfo.PreviewIndex = index;
@@ -591,13 +598,39 @@ class UploadFileInstance extends BaseInstance {
   }
   //#endregion 业务逻辑 文件预览 END
 }
-const UploadFile_vue_vue_type_style_index_0_scoped_decdfed6_lang = "";
-const _hoisted_1$1 = { class: "uploadFile" };
+const UploadFile_vue_vue_type_style_index_0_scoped_d6b14e55_lang = "";
+const _withScopeId = (n) => (pushScopeId("data-v-d6b14e55"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "uploadFile" };
 const _hoisted_2 = ["onClick", "title"];
 const _hoisted_3 = { class: "file-upload-list-cover" };
 const _hoisted_4 = { class: "file-upload-btn" };
-const _hoisted_5 = { class: "file-upload-list-cover" };
-const _hoisted_6 = { class: "file-upload-btn" };
+const _hoisted_5 = {
+  key: 1,
+  class: "nv-flex",
+  style: { "color": "#949494", "border": "1px dashed #dcdee2", "height": "60px", "padding": "0 20px", "font-size": "16px", "justify-content": "center" }
+};
+const _hoisted_6 = {
+  class: "nv-flex",
+  style: { "width": "40px", "margin-right": "6px" }
+};
+const _hoisted_7 = {
+  t: "1706683071705",
+  class: "icon",
+  viewBox: "0 0 1566 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "4559",
+  style: { "fill": "currentColor" }
+};
+const _hoisted_8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("path", {
+  d: "M156.661991 699.757959h21.096999a10.443999 10.443999 0 0 1 10.235999 10.443999c0 5.765-4.491 10.443999-10.235999 10.444h-21.096999v21.097999a10.443999 10.443999 0 0 1-10.444 10.234999 10.276999 10.276999 0 0 1-10.443999-10.234999v-21.097999h-21.096999a10.443999 10.443999 0 0 1-10.234999-10.444c0-5.765 4.49-10.443999 10.234999-10.443999h21.096999v-21.096999a10.443999 10.443999 0 0 1 10.443999-10.234999c5.765 0 10.443999 4.49 10.444 10.234999v21.096999z m1378.627919-83.552995v-21.096999a10.276999 10.276999 0 0 0-10.443999-10.234999 10.443999 10.443999 0 0 0-10.444 10.234999v21.096999h-21.096998a10.276999 10.276999 0 0 0-10.235 10.443999c0 5.598 4.595 10.443999 10.235 10.444h21.096998v21.096998c0 5.745 4.679 10.235999 10.444 10.236a10.443999 10.443999 0 0 0 10.443999-10.236v-21.096998h21.097999c5.744 0 10.234999-4.679 10.234999-10.444a10.443999 10.443999 0 0 0-10.234999-10.443999h-21.097999zM776.459955 960.861944H250.596985a20.804999 20.804999 0 0 1-20.825998-20.887999c0-11.529999 9.462999-20.888999 20.825998-20.888999h94.727995a83.009995 83.009995 0 0 1-11.112-41.671997v-605.969965a83.489995 83.489995 0 0 1 83.636996-83.447995h62.580996v-20.992999a83.489995 83.489995 0 0 1 83.636995-83.448995h501.151971a83.448995 83.448995 0 0 1 83.636995 83.448995v605.969965c0 15.184999-4.053 29.409998-11.134 41.671997h115.553994c11.551999 0 20.909999 9.273999 20.909998 20.887999 0 11.529999-9.295999 20.887999-20.888998 20.887999h-250.659986v20.992999c0 15.185999-4.052 29.409998-11.132999 41.671997h11.195999c11.488999 0 20.825999 9.274999 20.825999 20.888999 0 11.529999-9.462999 20.887999-20.825999 20.887999H892.807948a41.657998 41.657998 0 0 1-6.413 50.862997 41.671998 41.671998 0 0 1-59.071996 0l-50.862997-50.862997z m76.367995-41.776998h66.423996c22.977999 0 41.609998-18.589999 41.609998-41.879997V270.460984c0-22.559999-18.047999-40.689998-40.313998-40.689997H416.303976c-22.266999 0-40.314998 18.213999-40.314998 40.689997v606.741965c0 23.123999 18.799999 41.880998 41.589998 41.880997h317.083981l-10.736999-10.756999a41.692998 41.692998 0 0 1-10.862-40.376998l-19.718999-19.739999a146.259991 146.259991 0 0 1-190.980988-220.516987 146.217991 146.217991 0 0 1 220.517987 190.980989l19.738998 19.739999a41.629998 41.629998 0 0 1 40.376998 10.839999l69.829996 69.829996z m149.809991-104.440994h62.852997a41.796998 41.796998 0 0 0 41.589997-41.776997v-605.759965c0-23.144999-18.632999-41.776998-41.589997-41.776997H563.774967a41.796998 41.796998 0 0 0-41.566998 41.775997v20.888999h396.793977a83.448995 83.448995 0 0 1 83.636995 83.448995v543.199968zM266.326984 46.998997h31.122999c8.773999 0 15.875999 6.955 15.875999 15.665999 0 8.647999-7.102 15.665999-15.875999 15.665999h-31.122999v31.123999c0 8.772999-6.956 15.874999-15.665999 15.874999a15.769999 15.769999 0 0 1-15.666999-15.874999V78.329995H203.869988a15.728999 15.728999 0 0 1-15.874999-15.665999c0-8.647999 7.102-15.665999 15.874999-15.665999h31.122998V15.874999C234.992986 7.102 241.949986 0 250.659985 0c8.646999 0 15.665999 7.102 15.665999 15.874999V46.999997zM20.887999 939.973945c0-11.529999 9.462999-20.888999 20.825999-20.888999h125.454992c11.488999 0 20.825999 9.274999 20.825999 20.888999 0 11.529999-9.462999 20.887999-20.825999 20.887999H41.713998a20.804999 20.804999 0 0 1-20.825999-20.887999z m658.733961-135.021992A104.441994 104.441994 0 1 0 531.899969 657.229961a104.441994 104.441994 0 0 0 147.721991 147.721992z m-220.079987-491.626971a20.887999 20.887999 0 0 1 20.867999-20.888999h229.791986a20.887999 20.887999 0 1 1 0 41.776997H480.430972a20.825999 20.825999 0 0 1-20.887999-20.887998z m0 104.440994c0-11.529999 9.295999-20.887999 20.742999-20.887999H814.789952c11.446999 0 20.741999 9.273999 20.741999 20.887999 0 11.529999-9.294999 20.887999-20.741999 20.887998H480.284972a20.762999 20.762999 0 0 1-20.741999-20.887998z m0 104.441993c0-11.529999 9.316999-20.888999 20.846999-20.888998h146.301991c11.509999 0 20.845999 9.274999 20.845999 20.888998 0 11.529999-9.315999 20.887999-20.845999 20.887999H480.388972a20.804999 20.804999 0 0 1-20.845999-20.887999zM62.665996 396.877977a62.664996 62.664996 0 1 1 0-125.329993 62.664996 62.664996 0 0 1 0 125.329993z m0-31.332998a31.331998 31.331998 0 1 0 0-62.664997 31.331998 31.331998 0 0 0 0 62.664997z m1295.074924-93.996995a62.664996 62.664996 0 1 1 0-125.329993 62.664996 62.664996 0 0 1 0 125.329993z m0-31.332998a31.331998 31.331998 0 1 0 0-62.663996 31.331998 31.331998 0 0 0 0 62.663996z",
+  "p-id": "4560"
+}, null, -1));
+const _hoisted_9 = [
+  _hoisted_8
+];
+const _hoisted_10 = { class: "file-upload-list-cover" };
+const _hoisted_11 = { class: "file-upload-btn" };
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Image = resolveComponent("Image");
   const _component_Icon = resolveComponent("Icon");
@@ -606,7 +639,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Card = resolveComponent("Card");
   const _component_Spin = resolveComponent("Spin");
   const _component_filePreview = resolveComponent("filePreview");
-  return openBlock(), createElementBlock("div", _hoisted_1$1, [
+  return openBlock(), createElementBlock("div", _hoisted_1, [
     !_ctx.single ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.groups, (groupName) => {
       return openBlock(), createBlock(_component_Card, {
         "dis-hover": "",
@@ -615,7 +648,9 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.getGroupFiles(groupName), (item, index) => {
             return openBlock(), createElementBlock("div", {
-              class: normalizeClass(_ctx.isImage(item) ? "file-upload-list file-upload-list-bs" : "file-upload-list")
+              class: normalizeClass(
+                _ctx.isImage(item) ? "file-upload-list file-upload-list-bs" : "file-upload-list"
+              )
             }, [
               createElementVNode("div", {
                 class: "file-upload-list-content",
@@ -677,7 +712,13 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
               ])
             ]),
             _: 2
-          }, 1032, ["multiple", "format", "max-size", "action", "headers", "data", "on-success", "on-format-error", "on-exceeded-size", "before-upload"])) : createCommentVNode("", true)
+          }, 1032, ["multiple", "format", "max-size", "action", "headers", "data", "on-success", "on-format-error", "on-exceeded-size", "before-upload"])) : createCommentVNode("", true),
+          _ctx.readonly && _ctx.fileList.length == 0 ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            createElementVNode("i", _hoisted_6, [
+              (openBlock(), createElementBlock("svg", _hoisted_7, _hoisted_9))
+            ]),
+            createElementVNode("div", null, toDisplayString(_ctx.nullMsg), 1)
+          ])) : createCommentVNode("", true)
         ]),
         _: 2
       }, [
@@ -702,7 +743,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
           width: "100%",
           height: "100%"
         }, null, 8, ["src"]),
-        createElementVNode("div", _hoisted_5, [
+        createElementVNode("div", _hoisted_10, [
           createVNode(_component_Space, null, {
             default: withCtx(() => [
               createVNode(_component_Icon, {
@@ -745,7 +786,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
             style: { "display": "inline-block", "width": "78px" }
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_6, [
+              createElementVNode("div", _hoisted_11, [
                 createVNode(_component_Icon, {
                   type: "ios-camera",
                   size: "20"
@@ -771,7 +812,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["modelValue", "preview-list", "preview-index", "file-info"])
   ]);
 }
-const UploadFile = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-decdfed6"]]);
+const UploadFile = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-d6b14e55"]]);
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -15115,6 +15156,10 @@ const propDefine$1 = {
   readonly: {
     type: Boolean,
     default: false
+  },
+  border: {
+    type: Boolean,
+    default: true
   }
 };
 const _sfc_main$1 = defineComponent({
@@ -15173,6 +15218,13 @@ let TextEditor$1 = class TextEditor extends BaseInstance {
       this.ctx.emit("update:modelValue", this.content.value);
       this.ctx.emit("textChange", this.content.value);
     });
+    /**
+     * 获取长文本
+     * @returns 
+     */
+    __publicField(this, "getText", () => {
+      return this.QuillEditorRef.value.getHTML();
+    });
     /**
     * 保存长文本
     */
@@ -15196,7 +15248,6 @@ let TextEditor$1 = class TextEditor extends BaseInstance {
      * 清空长文本
      */
     __publicField(this, "clearTextData", async () => {
-      console.log("clearTextData");
       this.content.value = "";
       this.QuillEditorRef.value.setHTML("");
     });
@@ -15236,11 +15287,13 @@ let TextEditor$1 = class TextEditor extends BaseInstance {
   }
   //#endregion 业务逻辑 END
 };
-const TextEditor_vue_vue_type_style_index_0_scoped_5e7ac7cc_lang = "";
-const _hoisted_1 = { style: { "height": "100%" } };
+const TextEditor_vue_vue_type_style_index_0_scoped_5812cc0f_lang = "";
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_QuillEditor = resolveComponent("QuillEditor");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
+  return openBlock(), createElementBlock("div", {
+    style: { "height": "100%" },
+    class: normalizeClass({ "text-edit-border": _ctx.border && _ctx.readonly })
+  }, [
     _ctx.componentShow ? (openBlock(), createBlock(_component_QuillEditor, {
       key: 0,
       content: _ctx.content,
@@ -15252,9 +15305,9 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "QuillEditorRef",
       options: _ctx.options
     }, null, 8, ["content", "readOnly", "theme", "onTextChange", "options"])) : createCommentVNode("", true)
-  ]);
+  ], 2);
 }
-const TextEditor2 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-5e7ac7cc"]]);
+const TextEditor2 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-5812cc0f"]]);
 const propDefine = {
   onlyView: {
     // 是否只读
@@ -15276,7 +15329,7 @@ const propDefine = {
 const _sfc_main = defineComponent({
   name: "NvComFormUp",
   components: { UploadFile, TextEditor: TextEditor2 },
-  emits: [""],
+  emits: ["textChange", "TokenChange"],
   props: propDefine,
   setup(props, ctx) {
     return new ComFormInstance(props, ctx);
@@ -15289,9 +15342,64 @@ class ComFormInstance extends BaseInstance {
     super();
     __publicField(this, "props");
     __publicField(this, "ctx");
+    //#region 文本输入框
+    // 私有属性 | private
+    // 响应属性 | ref、reactive、computed、watch
+    __publicField(this, "textEditorRef", ref());
+    // 私有方法 | private 方法名() {}
+    // 响应式方法 | xxx = () => {}
+    /**
+       * @description 保存文本数据
+       */
+    __publicField(this, "saveTextData", async () => {
+      this.textEditorRef.value.saveTextData();
+    });
+    /**
+        * 清空长文本
+        */
+    __publicField(this, "clearTextData", async () => {
+      this.textEditorRef.value.clearTextData();
+    });
+    /**删除长文本 */
+    __publicField(this, "deleteTextData", async () => {
+      this.textEditorRef.value.deleteTextData();
+    });
+    /**
+    * 删除长文本
+    * @param Token 
+    */
+    __publicField(this, "deleteTextDataByToken", async (Token) => {
+      this.textEditorRef.value.deleteTextDataByToken(Token);
+    });
+    /**
+    * 获取长文本
+    */
+    __publicField(this, "getText", () => {
+      return this.textEditorRef.value.getText();
+    });
+    /**
+    * 附件校验
+    * @param Token 
+    */
+    __publicField(this, "tokenList", (data, item) => {
+      this.ctx.emit("TokenChange", data);
+      if (data.list.length > 0) {
+        this.props.formModel[item.model] = data.token;
+      } else {
+        this.props.formModel[item.model] = "";
+      }
+    });
+    /**
+    * 文本改变
+    * @param data 
+    */
+    __publicField(this, "textChange", (data) => {
+      this.ctx.emit("textChange", data);
+    });
     this.props = props;
     this.ctx = ctx;
   }
+  //#endregion 文本输入框  END
 }
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_UploadFile = resolveComponent("UploadFile");
@@ -15306,13 +15414,18 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       item.type === "UploadFile" ? (openBlock(), createBlock(_component_UploadFile, {
         key: 0,
         readonly: _ctx.onlyView,
+        onReturnFileList: ($event) => _ctx.tokenList($event, item),
         token: _ctx.formModel[item.model]
-      }, null, 8, ["readonly", "token"])) : createCommentVNode("", true),
+      }, null, 8, ["readonly", "onReturnFileList", "token"])) : createCommentVNode("", true),
       item.type === "TextEditor" ? (openBlock(), createBlock(_component_TextEditor, {
         key: 1,
+        ref: "textEditorRef",
         readonly: _ctx.onlyView,
-        token: _ctx.formModel[item.model]
-      }, null, 8, ["readonly", "token"])) : createCommentVNode("", true)
+        style: normalizeStyle({ height: `${item.textHeight == void 0 ? "300" : item.textHeight}px` }),
+        token: _ctx.formModel[item.model],
+        border: item.textBorder,
+        onTextChange: _ctx.textChange
+      }, null, 8, ["readonly", "style", "token", "border", "onTextChange"])) : createCommentVNode("", true)
     ]),
     _: 1
   }, 8, ["onlyView", "formItems", "formModel"]);