@ibiz-template/mob-vue3-components 0.7.41-alpha.11 → 0.7.41-alpha.13

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

@@ -33,6 +33,10 @@ class UploadEditorController extends runtime.EditorController {
      * 下载参数
      */
     __publicField(this, "exportParams");
+    /**
+     * 显示加载动画
+     */
+    __publicField(this, "showLoading", false);
     /**
      * 文件类型
      *
@@ -101,7 +105,14 @@ class UploadEditorController extends runtime.EditorController {
       this.multiple = false;
     }
     if (this.editorParams) {
-      const { isDrag, multiple, accept, uploadParams, exportParams } = this.editorParams;
+      const {
+        isDrag,
+        multiple,
+        accept,
+        uploadParams,
+        exportParams,
+        showloading
+      } = this.editorParams;
       if (isDrag) {
         this.isDrag = Boolean(isDrag);
       }
@@ -111,6 +122,9 @@ class UploadEditorController extends runtime.EditorController {
       if (accept) {
         this.accept = accept;
       }
+      if (showloading) {
+        this.showLoading = Boolean(showloading);
+      }
       if (uploadParams) {
         try {
           this.uploadParams = JSON.parse(uploadParams);

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

@@ -11,6 +11,7 @@ function useVanUpload(props, valueChange, c) {
   });
   const uploadUrl = vue.ref("");
   const downloadUrl = vue.ref("");
+  const loading = vue.ref(false);
   vue.watch(
     () => props.value,
     (newVal) => {
@@ -94,7 +95,6 @@ function useVanUpload(props, valueChange, c) {
     emitValue();
   };
   const uploadFile = (file) => {
-    console.log(file);
     const formData = new FormData();
     formData.append("file", file.file);
     return new Promise((resolve, reject) => {
@@ -105,7 +105,6 @@ function useVanUpload(props, valueChange, c) {
         headers: headers.value
       }).then((res) => {
         if (res.status === 200) {
-          console.log(88, res);
           onSuccess(res.data);
           resolve(true);
         } else {
@@ -118,6 +117,9 @@ function useVanUpload(props, valueChange, c) {
     });
   };
   const afterRead = async (file) => {
+    if (c.showLoading) {
+      loading.value = true;
+    }
     if (file.length && file.length > 0) {
       for (let i = 0; i < file.length; i++) {
         const fi = file[i];
@@ -126,6 +128,9 @@ function useVanUpload(props, valueChange, c) {
     } else {
       await uploadFile(file);
     }
+    if (c.showLoading) {
+      loading.value = false;
+    }
   };
   const onDownload = (file) => {
     const url = file.url || downloadUrl.value.replace("%fileId%", file.id);
@@ -140,6 +145,7 @@ function useVanUpload(props, valueChange, c) {
     headers,
     files,
     limit,
+    loading,
     onDownload,
     onError,
     onRemove,

package/lib/panel-component/index-blank-placeholder/index-blank-placeholder.cjs

@@ -0,0 +1,82 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./index-blank-placeholder.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const IndexBlankPlaceholder = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizIndexBlankPlaceholder",
+  props: {
+    /**
+     * @description 空白占位模型数据
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 空白占位控制器
+     */
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const c = props.controller;
+    const ns = vue3Util.useNamespace("index-blank-placeholder");
+    const {
+      id
+    } = props.modelData;
+    const classArr = vue.computed(() => {
+      let result = [ns.b(), ns.m(id)];
+      result = [...result, ...props.controller.containerClass, ns.is("hidden", !props.controller.state.visible)];
+      return result;
+    });
+    if (c.routeDepth) {
+      vue3Util.onRouteChange((args) => {
+        c.setVisible(!args.currentKey);
+      }, c.routeDepth + 1);
+    }
+    return {
+      ns,
+      classArr
+    };
+  },
+  render() {
+    var _a, _b;
+    let _slot;
+    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
+    const content = vue.createVNode(vue.resolveComponent("iBizRow"), {
+      "slot": "content",
+      "layout": this.modelData.layout
+    }, _isSlot(_slot = defaultSlots.map((slot) => {
+      const props = slot.props;
+      if (!props || !props.controller) {
+        return slot;
+      }
+      return vue.createVNode(vue.resolveComponent("iBizCol"), {
+        "layoutPos": props.modelData.layoutPos,
+        "state": props.controller.state
+      }, _isSlot(slot) ? slot : {
+        default: () => [slot]
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+    return vue.createVNode("div", {
+      "class": this.classArr,
+      "onClick": () => {
+        this.controller.onClick();
+      }
+    }, [this.controller.model.cssStyle ? vue.createVNode("style", {
+      "type": "text/css"
+    }, [this.controller.model.cssStyle]) : null, content]);
+  }
+});
+
+exports.IndexBlankPlaceholder = IndexBlankPlaceholder;

package/lib/panel-component/index-blank-placeholder/index-blank-placeholder.controller.cjs

@@ -0,0 +1,78 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var indexBlankPlaceholder_state = require('./index-blank-placeholder.state.cjs');
+
+"use strict";
+class IndexBlankPlaceholderController extends runtime.PanelItemController {
+  createState() {
+    var _a;
+    return new indexBlankPlaceholder_state.IndexBlankPlaceholderState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  /**
+   * @description 当前视图路由层级
+   * @exposedoc
+   * @readonly
+   * @type {(number | undefined)}
+   * @memberof IndexBlankPlaceholderController
+   */
+  get routeDepth() {
+    return this.panel.view.modal.routeDepth;
+  }
+  /**
+   * @description 应用菜单
+   * @exposedoc
+   * @readonly
+   * @type {(AppMenuController | undefined)}
+   * @memberof IndexBlankPlaceholderController
+   */
+  get appmenu() {
+    return this.panel.getController("appmenu");
+  }
+  /**
+   * @description 首页导航栏
+   * @exposedoc
+   * @readonly
+   * @type {(NavPosIndexController | undefined)}
+   * @memberof IndexBlankPlaceholderController
+   */
+  get navPos() {
+    return this.panel.panelItems.nav_pos_index;
+  }
+  /**
+   * 初始化
+   *
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof IndexBlankPlaceholderController
+   */
+  async onInit() {
+    await super.onInit();
+    this.state.keepAlive = true;
+    this.state.visible = false;
+    this.panel.evt.on("onMounted", async () => {
+      var _a;
+      if (this.navPos)
+        this.navPos.state.keepAlive = true;
+      const appViewId = (_a = this.appmenu) == null ? void 0 : _a.getDefaultOpenView();
+      if (appViewId) {
+        const appView = await ibiz.hub.config.view.get(appViewId);
+        const { openMode = "INDEXVIEWTAB" } = appView;
+        this.state.visible = !openMode.startsWith("INDEXVIEWTAB");
+      }
+    });
+  }
+  /**
+   * @description 设置显示状态
+   * @exposedoc
+   * @param {boolean} state
+   * @memberof IndexBlankPlaceholderController
+   */
+  setVisible(state) {
+    this.state.visible = state;
+    if (this.navPos)
+      this.navPos.state.visible = !state;
+  }
+}
+
+exports.IndexBlankPlaceholderController = IndexBlankPlaceholderController;

package/lib/panel-component/index-blank-placeholder/index-blank-placeholder.css

@@ -0,0 +1 @@
+.ibiz-index-blank-placeholder{width:100%;height:100%}.ibiz-index-blank-placeholder>.ibiz-row{height:100%;overflow:hidden auto}.ibiz-index-blank-placeholder.is-hidden{display:none}

package/lib/panel-component/index-blank-placeholder/index-blank-placeholder.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var indexBlankPlaceholder_controller = require('./index-blank-placeholder.controller.cjs');
+
+"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 IndexBlankPlaceholderProvider {
+  constructor() {
+    __publicField(this, "component", "IBizIndexBlankPlaceholder");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new indexBlankPlaceholder_controller.IndexBlankPlaceholderController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.IndexBlankPlaceholderProvider = IndexBlankPlaceholderProvider;

package/lib/panel-component/index-blank-placeholder/index-blank-placeholder.state.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class IndexBlankPlaceholderState extends runtime.PanelItemState {
+}
+
+exports.IndexBlankPlaceholderState = IndexBlankPlaceholderState;

package/lib/panel-component/index-blank-placeholder/index.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var indexBlankPlaceholder = require('./index-blank-placeholder.cjs');
+var indexBlankPlaceholder_provider = require('./index-blank-placeholder.provider.cjs');
+var indexBlankPlaceholder_controller = require('./index-blank-placeholder.controller.cjs');
+
+"use strict";
+const IBizIndexBlankPlaceholder = vue3Util.withInstall(
+  indexBlankPlaceholder.IndexBlankPlaceholder,
+  function(v) {
+    v.component(indexBlankPlaceholder.IndexBlankPlaceholder.name, indexBlankPlaceholder.IndexBlankPlaceholder);
+    runtime.registerPanelItemProvider(
+      "CONTAINER_INDEX_BLANK_PLACEHOLDER",
+      () => new indexBlankPlaceholder_provider.IndexBlankPlaceholderProvider()
+    );
+  }
+);
+
+exports.IndexBlankPlaceholderController = indexBlankPlaceholder_controller.IndexBlankPlaceholderController;
+exports.IBizIndexBlankPlaceholder = IBizIndexBlankPlaceholder;
+exports.default = IBizIndexBlankPlaceholder;

package/lib/panel-component/index.cjs

@@ -19,6 +19,7 @@ var index$c = require('./async-action/index.cjs');
 var index$d = require('./panel-button-list/index.cjs');
 var index$e = require('./auth-sso/index.cjs');
 var index$f = require('./panel-app-title/index.cjs');
+var index$g = require('./index-blank-placeholder/index.cjs');
 
 "use strict";
 const IBizPanelComponents = {
@@ -53,6 +54,7 @@ const IBizPanelComponents = {
     v.use(index$e.IBizAuthSso);
     v.use(vue3Util.IBizAuthWxmpQrcode);
     v.use(index$f.IBizPanelAppTitle);
+    v.use(index$g.IBizIndexBlankPlaceholder);
   }
 };
 

package/lib/util/directive/loading.cjs

@@ -11,6 +11,7 @@ const createInstance = (el) => {
     message: `${ibiz.i18n.t("util.loading")}...`,
     forbidClick: true,
     teleport: el,
+    duration: 0,
     className: ns.b(),
     loadingType: "spinner",
     overlayClass: ns.e("overlay")

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/mob-vue3-components",
-  "version": "0.7.41-alpha.11",
+  "version": "0.7.41-alpha.13",
   "description": "移动端组件库(vue3)",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -27,11 +27,11 @@
   "dependencies": {
     "@floating-ui/dom": "^1.5.3",
     "@ibiz-template-package/vs-tree-ex": "^0.1.1",
-    "@ibiz-template/core": "0.7.41-alpha.18",
-    "@ibiz-template/model-helper": "0.7.41-alpha.22",
-    "@ibiz-template/runtime": "0.7.41-alpha.22",
+    "@ibiz-template/core": "0.7.41-alpha.23",
+    "@ibiz-template/model-helper": "0.7.41-alpha.23",
+    "@ibiz-template/runtime": "0.7.41-alpha.23",
     "@ibiz-template/theme": "0.7.39",
-    "@ibiz-template/vue3-util": "0.7.41-alpha.22",
+    "@ibiz-template/vue3-util": "0.7.41-alpha.23",
     "@ibiz-template/devtool": "0.0.11",
     "@ibiz/model-core": "^0.1.81",
     "@ibiz-template/mob-theme": "3.0.0",