@ibiz-template/mob-vue3-components 0.0.2 → 0.0.4

package/lib/editor/text-box/input/input.css

@@ -1 +1 @@
-.ibiz-input{height:100%}.ibiz-input input{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color);-webkit-text-fill-color:var(--ibiz-form-item-text-color)}.ibiz-input input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);-webkit-text-fill-color:var(--ibiz-form-item-placeholder-color)}.ibiz-input input::placeholder{color:var(--ibiz-form-item-placeholder-color);-webkit-text-fill-color:var(--ibiz-form-item-placeholder-color)}.ibiz-input input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-input--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}.ibiz-input .ibiz-input__unit{font-size:var(--ibiz-form-item-font-size);font-style:normal}
+.ibiz-input{height:100%}.ibiz-input .ibiz-input{font-size:var(--ibiz-form-item-font-size)}.ibiz-input input{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color);-webkit-text-fill-color:var(--ibiz-form-item-text-color)}.ibiz-input input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);-webkit-text-fill-color:var(--ibiz-form-item-placeholder-color)}.ibiz-input input::placeholder{color:var(--ibiz-form-item-placeholder-color);-webkit-text-fill-color:var(--ibiz-form-item-placeholder-color)}.ibiz-input input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-input--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}.ibiz-input .ibiz-input__unit{font-size:var(--ibiz-form-item-font-size);font-style:normal}

package/lib/editor/upload/ibiz-carousel/ibiz-carousel.cjs

@@ -0,0 +1,73 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./ibiz-carousel.css');
+var lodashEs = require('lodash-es');
+var useVanUpload = require('../use/use-van-upload.cjs');
+
+"use strict";
+const IBizEditorCarousel = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizEditorCarousel",
+  props: vue3Util.getUploadProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("carousel");
+    const c = props.controller;
+    const {
+      files
+    } = useVanUpload.useVanUpload(props, (value) => {
+      emit("change", value);
+    }, c);
+    const editorModel = c.model;
+    let autoplay = 3e3;
+    let duration = 500;
+    let showIndicators = true;
+    let touchable = true;
+    if (editorModel.editorParams) {
+      if (editorModel.editorParams.autoplay) {
+        autoplay = lodashEs.toNumber(editorModel.editorParams.autoplay);
+      }
+      if (editorModel.editorParams.duration) {
+        duration = lodashEs.toNumber(editorModel.editorParams.duration);
+      }
+      if (editorModel.editorParams.showIndicators) {
+        showIndicators = editorModel.editorParams.showIndicators === "true";
+      }
+      if (editorModel.editorParams.touchable) {
+        touchable = editorModel.editorParams.touchable === "true";
+      }
+    }
+    const images = vue.computed(() => {
+      return files.value.map((item) => {
+        return {
+          rawContent: item.url
+        };
+      });
+    });
+    return {
+      ns,
+      c,
+      images,
+      autoplay,
+      duration,
+      showIndicators,
+      touchable
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
+    }, [vue.createVNode(vue.resolveComponent("iBizCarousel"), {
+      "images": this.images,
+      "autoplay": this.autoplay,
+      "duration": this.duration,
+      "showIndicators": this.showIndicators,
+      "touchable": this.touchable
+    }, null)]);
+  }
+});
+
+exports.IBizEditorCarousel = IBizEditorCarousel;

package/lib/editor/upload/ibiz-carousel/ibiz-carousel.css

@@ -0,0 +1 @@
+.ibiz-carousel{height:100%}.ibiz-carousel .van-swipe{height:100%}.ibiz-carousel .van-swipe-item img{box-sizing:border-box;display:block;width:100%;height:100%;padding:1.875rem 3.75rem;pointer-events:none;background-color:var(--van-white)}

package/lib/editor/upload/ibiz-file-upload/ibiz-file-upload.cjs

@@ -27,6 +27,27 @@ const IBizFileUpload = /* @__PURE__ */ vue.defineComponent({
     } = useVanUpload.useVanUpload(props, (value) => {
       emit("change", value);
     }, c);
+    const getFileSuffix = (name) => {
+      const lastDotIndex = name.lastIndexOf(".");
+      if (lastDotIndex === -1) {
+        return "";
+      }
+      const extension = name.substring(lastDotIndex + 1).toLowerCase();
+      return extension;
+    };
+    const getFileName = (filename) => {
+      const lastDotIndex = filename.lastIndexOf(".");
+      if (lastDotIndex === -1) {
+        return filename;
+      }
+      const name = filename.substring(0, lastDotIndex);
+      return name;
+    };
+    const getPreviewImg = (name) => {
+      const suffix = getFileSuffix(name);
+      const type = c.fileTypeMap.get(suffix) || "unknown";
+      return `./assets/img/file/${type}.svg`;
+    };
     return {
       ns,
       c,
@@ -37,6 +58,9 @@ const IBizFileUpload = /* @__PURE__ */ vue.defineComponent({
       beforeUpload,
       onDownload,
       afterRead,
+      getFileSuffix,
+      getFileName,
+      getPreviewImg,
       limit
     };
   },
@@ -55,17 +79,17 @@ const IBizFileUpload = /* @__PURE__ */ vue.defineComponent({
     }, {
       default: () => {
         return !this.readonly && !this.disabled && vue.createVNode(vue.resolveComponent("van-button"), {
-          "class": this.ns.b("button")
-        }, {
-          default: () => [vue.createTextVNode("\u4E0A\u4F20\u6587\u4EF6")]
-        });
+          "class": this.ns.b("button"),
+          "icon": "add-o",
+          "type": "primary"
+        }, null);
       },
       "preview-cover": (file) => {
         return vue.createVNode("div", {
           "class": this.ns.b("item-cover")
         }, [file.name]);
       }
-    }), vue.createVNode("div", {
+    }), this.files.length > 0 && vue.createVNode("div", {
       "class": this.ns.b("preview")
     }, [this.files.map((item) => {
       return vue.createVNode("div", {
@@ -73,18 +97,25 @@ const IBizFileUpload = /* @__PURE__ */ vue.defineComponent({
         "onClick": () => {
           this.onDownload(item);
         }
+      }, [vue.createVNode("div", {
+        "class": this.ns.b("preview-item-left")
       }, [vue.createVNode("div", {
         "class": this.ns.b("preview-item-img")
       }, [vue.createVNode("img", {
-        "src": "./assets/img/file.png",
+        "src": this.getPreviewImg(item.name),
         "alt": ""
       }, null)]), vue.createVNode("div", {
         "class": this.ns.b("preview-item-text")
-      }, [item.name]), !this.readonly && !this.disabled && vue.createVNode("div", {
+      }, [vue.createVNode("div", {
+        "class": this.ns.b("preview-item-name")
+      }, [this.getFileName(item.name)]), this.getFileSuffix(item.name) && vue.createVNode("div", {
+        "class": this.ns.b("preview-item-suffix")
+      }, [vue.createTextVNode("."), this.getFileSuffix(item.name)])])]), !this.readonly && !this.disabled && vue.createVNode("div", {
         "class": this.ns.b("preview-item-action")
       }, [vue.createVNode(vue.resolveComponent("van-icon"), {
         "name": "cross",
-        "onClick": () => {
+        "onClick": (e) => {
+          e.stopPropagation();
           this.onRemove(item);
         }
       }, null)])]);

package/lib/editor/upload/ibiz-file-upload/ibiz-file-upload.css

@@ -1 +1 @@
-.ibiz-file-upload{width:100%}.ibiz-file-upload .van-uploader__preview{display:none}.ibiz-file-upload .ibiz-file-upload-button{height:1.875rem}.ibiz-file-upload .ibiz-file-upload-button span{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-file-upload .van-uploader__preview .van-uploader__file-icon{display:none}.ibiz-file-upload .van-uploader__preview .van-uploader__file-name{display:none}.ibiz-file-upload .ibiz-file-upload-item-cover{position:absolute;top:0;bottom:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;font-size:.75rem;line-height:initial;color:#fff;text-align:center;background:var(--ibiz-color-overlay-bg)}.ibiz-file-upload .ibiz-file-upload-preview{width:100%}.ibiz-file-upload .ibiz-file-upload-preview-item{display:flex;align-items:center;border-bottom:.0625rem solid var(--ibiz-color-border)}.ibiz-file-upload .ibiz-file-upload-preview-item:last-child{border-width:0}.ibiz-file-upload .ibiz-file-upload-preview-item-img{width:3.125rem;min-width:3.125rem;padding:.625rem}.ibiz-file-upload .ibiz-file-upload-preview-item-img img{width:100%;height:100%;border-radius:.25rem}.ibiz-file-upload .ibiz-file-upload-preview-item-text{overflow:hidden;font-size:.875rem;text-overflow:ellipsis;white-space:nowrap}.ibiz-file-upload .ibiz-file-upload-preview-item-action{display:flex;flex-grow:1;align-items:center;justify-content:flex-end;min-width:3.125rem;color:var(--ibiz-color-overlay-bg);text-align:right}
+.ibiz-file-upload{display:flex;flex-direction:column;width:100%}.ibiz-file-upload .van-uploader__preview{display:none}.ibiz-file-upload .van-uploader{width:100%}.ibiz-file-upload .ibiz-file-upload-button{width:1.25rem;height:1.25rem;font-size:var(--ibiz-font-size-header-4);color:var(--ibiz-color-text-2);background:0 0;border:none;border-radius:50%}.ibiz-file-upload .van-uploader__preview .van-uploader__file-icon{display:none}.ibiz-file-upload .van-uploader__preview .van-uploader__file-name{display:none}.ibiz-file-upload .ibiz-file-upload-item-cover{position:absolute;top:0;bottom:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;font-size:.75rem;line-height:initial;color:#fff;text-align:center;background:var(--ibiz-color-overlay-bg)}.ibiz-file-upload .ibiz-file-upload-preview{width:100%;margin-top:.625rem}.ibiz-file-upload .ibiz-file-upload-preview-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 var(--ibiz-spacing-tight);margin-bottom:var(--ibiz-spacing-tight);background:var(--ibiz-color-disabled-bg);border-radius:var(--ibiz-border-radius-small)}.ibiz-file-upload .ibiz-file-upload-preview-item:last-child{margin:0;border-width:0}.ibiz-file-upload .ibiz-file-upload-preview-item-img{flex-shrink:0;width:2.5rem;min-width:2.5rem;height:2.5rem;padding:.375rem}.ibiz-file-upload .ibiz-file-upload-preview-item-img img{width:100%;height:100%;border-radius:.25rem}.ibiz-file-upload .ibiz-file-upload-preview-item-left{display:flex;flex-grow:1;align-items:center;width:calc(100% - 1.25rem)}.ibiz-file-upload .ibiz-file-upload-preview-item-text{display:flex;flex:1;align-items:center;width:calc(100% - 2.5rem);padding-left:var(--ibiz-spacing-tight);font-size:.875rem}.ibiz-file-upload .ibiz-file-upload-preview-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-file-upload .ibiz-file-upload-preview-item-action{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;width:1.25rem;color:var(--ibiz-color-overlay-bg);text-align:right}.ibiz-file-upload .van-uploader__input-wrapper{width:100%;text-align:right}.ibiz-form-item-container--top .ibiz-file-upload .van-uploader{position:absolute;top:0;right:0;width:100%}.ibiz-file-upload--readonly .ibiz-file-upload-preview{margin-top:0}.ibiz-file-upload--disabled .ibiz-file-upload-preview{margin-top:0}

package/lib/editor/upload/ibiz-image-select/ibiz-image-select.cjs

@@ -3,6 +3,7 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./ibiz-image-select.css');
+var vant = require('vant');
 var useVanUpload = require('../use/use-van-upload.cjs');
 
 "use strict";
@@ -15,21 +16,23 @@ const IBizImageSelect = /* @__PURE__ */ vue.defineComponent({
   }) {
     const ns = vue3Util.useNamespace("image-select");
     const c = props.controller;
-    const dialogVisible = vue.ref(false);
-    const dialogImageUrl = vue.ref("");
     const svg = vue.ref("");
     const {
       files
     } = useVanUpload.useVanUpload(props, (value) => {
       emit("change", value);
     }, c);
+    const onPreview = (_file) => {
+      vant.showImagePreview({
+        images: files.value.map((item) => item.url)
+      });
+    };
     return {
       ns,
       c,
       files,
       svg,
-      dialogImageUrl,
-      dialogVisible
+      onPreview
     };
   },
   render() {
@@ -46,7 +49,11 @@ const IBizImageSelect = /* @__PURE__ */ vue.defineComponent({
     }, {
       "preview-cover": (file) => {
         return vue.createVNode("div", {
-          "class": this.ns.b("item-cover")
+          "class": this.ns.b("item-cover"),
+          "onClick": (e) => {
+            e.stopPropagation();
+            this.onPreview(file);
+          }
         }, [vue.createVNode("img", {
           "src": file.url
         }, null)]);

package/lib/editor/upload/ibiz-image-select/ibiz-image-select.css

@@ -1 +1 @@
-.ibiz-image-select .van-uploader__preview .van-uploader__file-icon{display:none}.ibiz-image-select .van-uploader__preview .van-uploader__file-name{display:none}.ibiz-image-select .ibiz-image-select-item-cover{position:absolute;top:0;bottom:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;font-size:.12rem;line-height:initial;color:#fff;text-align:center;background:0 0}.ibiz-image-select .ibiz-image-select-item-cover img{width:100%;height:100%;border-radius:.04rem}
+.ibiz-image-select .van-uploader__preview .van-uploader__file-icon{display:none}.ibiz-image-select .van-uploader__preview .van-uploader__file-name{display:none}.ibiz-image-select .ibiz-image-select-item-cover{position:absolute;top:0;bottom:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;font-size:.12rem;line-height:initial;color:#fff;text-align:center;background:0 0}.ibiz-image-select .ibiz-image-select-item-cover img{width:100%;height:100%;border-radius:.04rem}.ibiz-image-select .van-uploader__preview{width:100%;height:100%}.ibiz-image-select .van-uploader{width:var(--van-uploader-size);height:100%}

package/lib/editor/upload/ibiz-image-upload/ibiz-image-upload.cjs

@@ -3,6 +3,7 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./ibiz-image-upload.css');
+var vant = require('vant');
 var useVanUpload = require('../use/use-van-upload.cjs');
 
 "use strict";
@@ -27,14 +28,12 @@ const IBizImageUpload = /* @__PURE__ */ vue.defineComponent({
     } = useVanUpload.useVanUpload(props, (value) => {
       emit("change", value);
     }, c);
-    const dialogImageUrl = vue.ref("");
-    const dialogVisible = vue.ref(false);
-    const onDialogVisibleChange = (value) => {
-      dialogVisible.value = value;
-    };
-    const onPreview = (file) => {
-      dialogImageUrl.value = file.url;
-      dialogVisible.value = true;
+    const onPreview = (_file) => {
+      const index = files.value.findIndex((item) => item.id === _file.id);
+      vant.showImagePreview({
+        images: files.value.map((item) => item.url),
+        startPosition: index
+      });
     };
     return {
       ns,
@@ -43,11 +42,8 @@ const IBizImageUpload = /* @__PURE__ */ vue.defineComponent({
       limit,
       headers,
       uploadUrl,
-      dialogImageUrl,
-      dialogVisible,
       beforeUpload,
       onRemove,
-      onDialogVisibleChange,
       onPreview,
       afterRead,
       onDownload
@@ -70,7 +66,11 @@ const IBizImageUpload = /* @__PURE__ */ vue.defineComponent({
     }, {
       "preview-cover": (file) => {
         return vue.createVNode("div", {
-          "class": this.ns.b("item-cover")
+          "class": this.ns.b("item-cover"),
+          "onClick": (e) => {
+            e.stopPropagation();
+            this.onPreview(file);
+          }
         }, [vue.createVNode("img", {
           "src": file.url
         }, null)]);

package/lib/editor/upload/ibiz-image-upload/ibiz-image-upload.css

@@ -1 +1 @@
-.ibiz-image-upload .van-uploader__preview .van-uploader__file-icon{display:none}.ibiz-image-upload .van-uploader__preview .van-uploader__file-name{display:none}.ibiz-image-upload .ibiz-image-upload-item-cover{position:absolute;top:0;bottom:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;font-size:.75rem;line-height:initial;color:#fff;text-align:center;background:0 0}.ibiz-image-upload .ibiz-image-upload-item-cover img{width:100%;height:100%;border-radius:.25rem}.van-uploader__preview-delete--shadow{top:-.3125rem;right:-.3125rem;display:flex;align-items:center;justify-content:center;width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);text-align:center;background:var(--van-uploader-delete-background);border-radius:50%;opacity:.6}.van-uploader__preview-delete-icon{position:absolute;top:0;right:0;font-size:var(--van-uploader-delete-icon-size);color:var(--van-uploader-delete-color);transform:scale(.7) translate(0,-10%)}.van-uploader__upload{background:0 0;border:var(--ibiz-color-border) .0625rem solid;border-radius:.25rem}.van-uploader__upload--readonly{display:none}
+.ibiz-image-upload .van-uploader__preview .van-uploader__file-icon{display:none}.ibiz-image-upload .van-uploader__preview .van-uploader__file-name{display:none}.ibiz-image-upload .ibiz-image-upload-item-cover{position:absolute;top:0;bottom:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;font-size:.75rem;line-height:initial;color:#fff;text-align:center;background:0 0}.ibiz-image-upload .ibiz-image-upload-item-cover img{width:100%;height:100%;border-radius:.25rem}.van-uploader__preview-delete--shadow{top:-.3125rem;right:-.3125rem;display:flex;align-items:center;justify-content:center;width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);text-align:center;background:var(--van-uploader-delete-background);border-radius:50%;opacity:.6}.van-uploader__preview-delete-icon{position:absolute;top:0;right:0;font-size:var(--van-uploader-delete-icon-size);color:var(--van-uploader-delete-color);transform:scale(.7) translate(0,-10%)}.van-uploader__upload{background:0 0;border:var(--ibiz-color-border) .0625rem solid;border-radius:.25rem}.van-uploader__upload--readonly{display:none}.ibiz-panel-field .ibiz-panel-field-content{height:100%}.ibiz-panel-field .ibiz-panel-field-content .van-uploader{width:100%;height:100%}.ibiz-panel-field .ibiz-panel-field-content .van-uploader__wrapper{height:100%}

package/lib/editor/upload/index.cjs

@@ -3,6 +3,7 @@
 var ibizFileUpload = require('./ibiz-file-upload/ibiz-file-upload.cjs');
 var ibizImageUpload = require('./ibiz-image-upload/ibiz-image-upload.cjs');
 var ibizImageSelect = require('./ibiz-image-select/ibiz-image-select.cjs');
+var ibizCarousel = require('./ibiz-carousel/ibiz-carousel.cjs');
 var uploadEditor_controller = require('./upload-editor.controller.cjs');
 var uploadEditor_provider = require('./upload-editor.provider.cjs');
 
@@ -11,5 +12,6 @@ var uploadEditor_provider = require('./upload-editor.provider.cjs');
 exports.IBizFileUpload = ibizFileUpload.IBizFileUpload;
 exports.IBizImageUpload = ibizImageUpload.IBizImageUpload;
 exports.IBizImageSelect = ibizImageSelect.IBizImageSelect;
+exports.IBizEditorCarousel = ibizCarousel.IBizEditorCarousel;
 exports.UploadEditorController = uploadEditor_controller.UploadEditorController;
 exports.FileUploaderEditorProvider = uploadEditor_provider.FileUploaderEditorProvider;

package/lib/editor/upload/upload-editor.controller.cjs

@@ -34,6 +34,56 @@ class UploadEditorController extends runtime.EditorController {
      * 下载参数
      */
     __publicField(this, "exportParams");
+    /**
+     * 文件类型
+     *
+     * @author zk
+     * @date 2023-12-07 03:12:25
+     * @memberof UploadEditorController
+     */
+    __publicField(this, "fileTypeMap", /* @__PURE__ */ new Map([
+      // word文档
+      ["docx", "docx"],
+      ["doc", "docx"],
+      ["dotx", "docx"],
+      ["dot", "docx"],
+      // pdf
+      ["pdf", "pdf"],
+      // text
+      ["txt", "text"],
+      //
+      ["xlsx", "excel"],
+      ["xls", "excel"],
+      ["xlsm", "excel"],
+      ["xlsb", "excel"],
+      ["csv", "excel"],
+      // ppt
+      ["pptx", "ppt"],
+      // 图片
+      ["jpg", "img"],
+      ["png", "img"],
+      ["gif", "img"],
+      ["bmp", "img"],
+      ["svg", "img"],
+      // 音频
+      ["mp3", "audio"],
+      ["wav", "audio"],
+      ["aac", "audio"],
+      ["flac", "audio"],
+      ["wma", "audio"],
+      // 视频
+      ["mp4", "video"],
+      ["avi", "video"],
+      ["mov", "video"],
+      ["mkv", "video"],
+      ["wmv", "video"],
+      // 压缩
+      ["zip", "zip"],
+      ["rar", "zip"],
+      ["7z", "zip"],
+      ["gz", "zip"],
+      ["tar", "zip"]
+    ]));
   }
   async onInit() {
     var _a;

package/lib/editor/upload/upload-editor.provider.cjs

@@ -22,6 +22,9 @@ class FileUploaderEditorProvider {
       case "MOBPICTURE_RAW":
         componentName = "IBizImageSelect";
         break;
+      case "CAROUSEL":
+        componentName = "IBizEditorCarousel";
+        break;
       default:
     }
     this.formEditor = componentName;

package/lib/editor/upload/use/use-van-upload.cjs

@@ -12,11 +12,6 @@ function useVanUpload(props, valueChange, c) {
   });
   const uploadUrl = vue.ref("");
   const downloadUrl = vue.ref("");
-  const uploadCache = {
-    count: 0,
-    cacheFiles: []
-    // iview上传过程中不能改default-file-list,所以需要缓存
-  };
   vue.watch(
     () => props.value,
     (newVal) => {
@@ -58,34 +53,28 @@ function useVanUpload(props, valueChange, c) {
     { immediate: true }
   );
   const emitValue = () => {
-    const _files = [...files.value, ...uploadCache.cacheFiles];
+    const _files = [...files.value];
     const value = _files.length > 0 ? JSON.stringify(_files.map((file) => ({ name: file.name, id: file.id }))) : null;
-    uploadCache.cacheFiles = [];
     valueChange(value);
   };
   const beforeUpload = () => {
     if (!c.multiple && files.value.length === 1) {
       return false;
     }
-    uploadCache.count += 1;
     return true;
   };
   const onSuccess = (response) => {
     if (!response) {
       return;
     }
-    uploadCache.cacheFiles.push({
+    files.value.push({
       name: response.filename,
       id: response.fileid
     });
-    uploadCache.count -= 1;
-    if (uploadCache.count === 0) {
-      emitValue();
-    }
+    emitValue();
   };
   const onError = (...args) => {
     const error = args[0];
-    uploadCache.count -= 1;
     throw new core.HttpError({
       response: { data: JSON.parse(error.message), status: error.status }
     });

package/lib/index.cjs

@@ -2,15 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var runtime = require('@ibiz-template/runtime');
 var vue3Util = require('@ibiz-template/vue3-util');
 var index$2 = require('./common/index.cjs');
 require('./control/index.cjs');
 var index$4 = require('./editor/index.cjs');
 var index$1 = require('./locale/index.cjs');
 var index$3 = require('./panel-component/index.cjs');
+require('./platform/index.cjs');
 var index$5 = require('./view-engine/index.cjs');
 require('./util/index.cjs');
 require('./view/index.cjs');
+var vueBrowserPlatformProvider = require('./platform/vue-browser-platform-provider.cjs');
 var index$6 = require('./control/list/md-ctrl/index.cjs');
 var index$7 = require('./control/app-menu/index.cjs');
 var index$8 = require('./control/form/form/index.cjs');
@@ -48,6 +51,11 @@ var loginView = require('./view/login-view/login-view.cjs');
 var index = {
   install: (v) => {
     ibiz.i18n = index$1.iBizI18n;
+    const browserPlatformProvider = new vueBrowserPlatformProvider.VueBrowserPlatformProvider();
+    runtime.registerPlatformProvider(
+      runtime.PlatformType.BROWSER,
+      () => browserPlatformProvider
+    );
     v.use(index$2.IBizCommonComponents);
     v.use(index$5.IBizViewEngine);
     v.use(vue3Util.IBizView);

package/lib/panel-component/auth-userinfo/auth-userinfo.cjs

@@ -0,0 +1,68 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./auth-userinfo.css');
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+const AuthUserinfo = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizAuthUserinfo",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: runtime.PanelItemController,
+      required: true
+    }
+  },
+  setup(prop) {
+    var _a;
+    const ns = vue3Util.useNamespace("user-info");
+    const c = prop.controller;
+    const {
+      srfusername = "\u6E38\u5BA2",
+      srfpersonname,
+      srforgname
+    } = ((_a = ibiz.appData) == null ? void 0 : _a.context) || {};
+    return {
+      ns,
+      c,
+      srfusername,
+      srfpersonname,
+      srforgname
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass]
+    }, [vue.createVNode("div", {
+      "class": this.ns.b("left")
+    }, [vue.createVNode(vue.resolveComponent("van-image"), null, {
+      error: () => {
+        return vue.createVNode(vue.resolveComponent("van-icon"), {
+          "name": "contact-o"
+        }, null);
+      },
+      loading: () => {
+        return vue.createVNode(vue.resolveComponent("van-icon"), {
+          "name": "contact-o"
+        }, null);
+      }
+    })]), vue.createVNode("div", {
+      "class": this.ns.b("center")
+    }, [vue.createVNode("div", {
+      "class": this.ns.e("username")
+    }, [this.srfusername || this.srfpersonname]), vue.createVNode("div", {
+      "class": this.ns.e("org")
+    }, [this.srforgname])]), vue.createVNode("div", {
+      "class": this.ns.b("right")
+    }, [vue.createVNode(vue.resolveComponent("van-icon"), {
+      "name": "arrow"
+    }, null)])]);
+  }
+});
+
+exports.AuthUserinfo = AuthUserinfo;

package/lib/panel-component/auth-userinfo/auth-userinfo.css

@@ -0,0 +1 @@
+.ibiz-user-info{--ibiz-user-info-color:var(--ibiz-color-text-0);--ibiz-user-info-img-size:3.125rem;--ibiz-user-info-img-radius:0.5rem;--ibiz-user-info-bg-color:transparent;--ibiz-user-info-padding:var(--ibiz-spacing-tight);display:flex;gap:var(--ibiz-user-info-padding);align-items:center;padding:var(--ibiz-user-info-padding);color:var(--ibiz-user-info-color);background-color:var(--ibiz-user-info-bg-color)}.ibiz-user-info__username{font-size:.875rem;font-weight:600}.ibiz-user-info__org{font-size:.75rem;color:var(--ibiz-color-text-3)}.ibiz-user-info .van-image{width:var(--ibiz-user-info-img-size);height:var(--ibiz-user-info-img-size);overflow:hidden;border-radius:var(--ibiz-user-info-img-radius)}.ibiz-user-info .van-image .van-image__loading{font-size:1.5625rem}.ibiz-user-info .ibiz-user-info-center{display:flex;flex-direction:column;flex-grow:1;gap:var(--ibiz-user-info-padding)}

package/lib/panel-component/auth-userinfo/auth-userinfo.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class AuthUserinfoProvider {
+  constructor() {
+    __publicField(this, "component", "IBizAuthUserinfo");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new runtime.PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.AuthUserinfoProvider = AuthUserinfoProvider;

package/lib/panel-component/auth-userinfo/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var authUserinfo = require('./auth-userinfo.cjs');
+var authUserinfo_provider = require('./auth-userinfo.provider.cjs');
+
+"use strict";
+const IBizAuthUserinfo = vue3Util.withInstall(authUserinfo.AuthUserinfo, function(v) {
+  v.component(authUserinfo.AuthUserinfo.name, authUserinfo.AuthUserinfo);
+  runtime.registerPanelItemProvider(
+    "RAWITEM_AUTH_USERINFO",
+    () => new authUserinfo_provider.AuthUserinfoProvider()
+  );
+});
+
+exports.IBizAuthUserinfo = IBizAuthUserinfo;
+exports.default = IBizAuthUserinfo;

package/lib/panel-component/index.cjs

@@ -11,6 +11,9 @@ var index$6 = require('./wf-action-button/index.cjs');
 var index$5 = require('./wf-step-trace/index.cjs');
 var index = require('./nav-pos-index/index.cjs');
 var index$7 = require('./panel-tab-panel/index.cjs');
+var index$8 = require('./panel-carousel/index.cjs');
+var index$9 = require('./panel-video-player/index.cjs');
+var index$a = require('./auth-userinfo/index.cjs');
 
 "use strict";
 const IBizPanelComponents = {
@@ -35,6 +38,9 @@ const IBizPanelComponents = {
     v.use(vue3Util.IBizPanelContainerGroup);
     v.use(vue3Util.IBizPanelContainerImage);
     v.use(vue3Util.IBizScrollContainer);
+    v.use(index$8.IBizPanelCarousel);
+    v.use(index$9.IBizPanelVideoPlayer);
+    v.use(index$a.IBizAuthUserinfo);
   }
 };
 

package/lib/panel-component/nav-pos-index/nav-pos-index.controller.cjs

@@ -184,7 +184,7 @@ class NavPosIndexController extends runtime.PanelItemController {
     vue3Util.routerCallback.close(key, modal);
     this.removeCache(key);
     if (this.autoGoLast) {
-      this.goLast();
+      ibiz.platform.back();
     }
   }
   /**

package/lib/panel-component/panel-button/panel-button.controller.cjs

@@ -92,14 +92,18 @@ class PanelButtonController extends runtime.PanelItemController {
    */
   async onActionClick(event) {
     const { uiactionId } = this.model;
-    await runtime.UIActionUtil.execAndResolved(uiactionId, {
-      context: this.panel.context,
-      params: this.panel.params,
-      data: [this.data],
-      view: this.panel.view,
-      event,
-      noWaitRoute: true
-    });
+    await runtime.UIActionUtil.execAndResolved(
+      uiactionId,
+      {
+        context: this.panel.context,
+        params: this.panel.params,
+        data: [this.data],
+        view: this.panel.view,
+        event,
+        noWaitRoute: true
+      },
+      this.model.appId
+    );
   }
   calcItemVisible(data) {
     if (this.state.uiActionState.visible === false) {