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

package/es/editor/dropdown-list/ibiz-cascader-dropdown/ibiz-cascader-dropdown.d.ts

@@ -36,7 +36,7 @@ export declare const IBizCascaderDropdown: import("vue").DefineComponent<{
     show: Ref<boolean>;
     treeData: Ref<import("@ibiz-template/core").IApiData[]>;
     selectValue: Ref<string | string[] | string[][] | null>;
-    curValue: import("vue").ComputedRef<any>;
+    curValue: Ref<string>;
     onBlur: () => void;
     onFocus: () => void;
     openPopup: () => void;

package/es/editor/dropdown-list/ibiz-cascader-dropdown/ibiz-cascader-dropdown.mjs

@@ -1,4 +1,4 @@
-import { ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { getDropdownProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import { isNil } from 'ramda';
 import { IBizCommonRightIcon } from '../../common/right-icon/right-icon.mjs';
@@ -18,6 +18,7 @@ const IBizCascaderDropdown = /* @__PURE__ */ defineComponent({
     const c = props.controller;
     const treeData = ref([]);
     const codeListMap = /* @__PURE__ */ new Map();
+    const curValue = ref("");
     const selectValue = ref(null);
     const show = ref(false);
     const onClose = () => {
@@ -57,6 +58,10 @@ const IBizCascaderDropdown = /* @__PURE__ */ defineComponent({
         pvaluefield
       } = c.editorParams;
       treeData.value = transformTreeData(codeList, pvaluefield);
+      if (props.value) {
+        const item = codeListMap.get(props.value);
+        curValue.value = (item == null ? void 0 : item.text) || "";
+      }
     };
     loadCodeList();
     const onFinish = ($event) => {
@@ -72,9 +77,11 @@ const IBizCascaderDropdown = /* @__PURE__ */ defineComponent({
       } = $event;
       emit("change", value);
     };
-    const curValue = computed(() => {
-      const item = codeListMap.get(props.value || "");
-      return (item == null ? void 0 : item.text) || "";
+    watch(() => props.value, (newVal) => {
+      const item = codeListMap.get(newVal || "");
+      curValue.value = (item == null ? void 0 : item.text) || "";
+    }, {
+      immediate: true
     });
     const onBlur = () => {
       emit("blur");

package/es/editor/upload/ibiz-file-upload/ibiz-file-upload.d.ts

@@ -8,6 +8,7 @@ import { UploadEditorController } from '../upload-editor.controller';
  * @editorparams {name:accept,parameterType:string,description:允许上传的文件类型，van-uploader组件的accept属性}
  * @editorparams {name:uploadParams,parameterType:IData,description:上传参数}
  * @editorparams {name:exportParams,parameterType:IData,description:下载参数}
+ * @editorparams {name:showloading,parameterType:boolean,description:是否显示加载动画}
  * @ignoreprops autoFocus | overflowMode
  * @ignoreemits blur | focus | enter | infoTextChange
  *
@@ -44,6 +45,7 @@ export declare const IBizFileUpload: import("vue").DefineComponent<{
         name: string;
         url?: string | undefined;
     }[]>;
+    loading: import("vue").Ref<boolean>;
     onRemove: (file: import("@ibiz-template/core").IApiData) => void;
     beforeUpload: () => void;
     onDownload: (file: import("@ibiz-template/core").IApiData) => void;

package/es/editor/upload/ibiz-file-upload/ibiz-file-upload.mjs

@@ -17,6 +17,7 @@ const IBizFileUpload = /* @__PURE__ */ defineComponent({
       uploadUrl,
       headers,
       files,
+      loading,
       onRemove,
       beforeUpload,
       onDownload,
@@ -52,6 +53,7 @@ const IBizFileUpload = /* @__PURE__ */ defineComponent({
       uploadUrl,
       headers,
       files,
+      loading,
       onRemove,
       beforeUpload,
       onDownload,
@@ -77,6 +79,7 @@ const IBizFileUpload = /* @__PURE__ */ defineComponent({
     }, this.$attrs), {
       default: () => {
         return !this.readonly && !this.disabled && createVNode(resolveComponent("van-button"), {
+          "loading": this.loading,
           "class": this.ns.b("button"),
           "icon": "add-o",
           "type": "primary"

package/es/editor/upload/upload-editor.controller.d.ts

@@ -27,6 +27,10 @@ export declare class UploadEditorController extends EditorController<IFileUpload
      * 下载参数
      */
     exportParams?: IParams;
+    /**
+     * 显示加载动画
+     */
+    showLoading: boolean;
     /**
      * 文件类型
      *

package/es/editor/upload/upload-editor.controller.mjs

@@ -31,6 +31,10 @@ class UploadEditorController extends EditorController {
      * 下载参数
      */
     __publicField(this, "exportParams");
+    /**
+     * 显示加载动画
+     */
+    __publicField(this, "showLoading", false);
     /**
      * 文件类型
      *
@@ -99,7 +103,14 @@ class UploadEditorController extends 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);
       }
@@ -109,6 +120,9 @@ class UploadEditorController extends EditorController {
       if (accept) {
         this.accept = accept;
       }
+      if (showloading) {
+        this.showLoading = Boolean(showloading);
+      }
       if (uploadParams) {
         try {
           this.uploadParams = JSON.parse(uploadParams);

package/es/editor/upload/use/use-van-upload.d.ts

@@ -21,6 +21,7 @@ export declare function useVanUpload(props: IParams, valueChange: (_value: strin
         url?: string | undefined;
     }[]>;
     limit: ComputedRef<1 | 9999>;
+    loading: Ref<boolean>;
     onDownload: (file: IData) => void;
     onError: (...args: IData[]) => never;
     onRemove: (file: IData) => void;

package/es/editor/upload/use/use-van-upload.mjs

@@ -9,6 +9,7 @@ function useVanUpload(props, valueChange, c) {
   });
   const uploadUrl = ref("");
   const downloadUrl = ref("");
+  const loading = ref(false);
   watch(
     () => props.value,
     (newVal) => {
@@ -92,7 +93,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) => {
@@ -103,7 +103,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 {
@@ -116,6 +115,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];
@@ -124,6 +126,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);
@@ -138,6 +143,7 @@ function useVanUpload(props, valueChange, c) {
     headers,
     files,
     limit,
+    loading,
     onDownload,
     onError,
     onRemove,

package/es/panel-component/index-blank-placeholder/index-blank-placeholder.controller.d.ts

@@ -0,0 +1,54 @@
+import { AppMenuController, PanelItemController } from '@ibiz-template/runtime';
+import { IPanelContainer } from '@ibiz/model-core';
+import { IndexBlankPlaceholderState } from './index-blank-placeholder.state';
+import { NavPosIndexController } from '../nav-pos-index';
+/**
+ * 首页空白占位控制器
+ *
+ * @export
+ * @class IndexBlankPlaceholderController
+ * @extends {PanelItemController<IPanelContainer>}
+ */
+export declare class IndexBlankPlaceholderController extends PanelItemController<IPanelContainer> {
+    state: IndexBlankPlaceholderState;
+    protected createState(): IndexBlankPlaceholderState;
+    /**
+     * @description 当前视图路由层级
+     * @exposedoc
+     * @readonly
+     * @type {(number | undefined)}
+     * @memberof IndexBlankPlaceholderController
+     */
+    get routeDepth(): number | undefined;
+    /**
+     * @description 应用菜单
+     * @exposedoc
+     * @readonly
+     * @type {(AppMenuController | undefined)}
+     * @memberof IndexBlankPlaceholderController
+     */
+    get appmenu(): AppMenuController | undefined;
+    /**
+     * @description 首页导航栏
+     * @exposedoc
+     * @readonly
+     * @type {(NavPosIndexController | undefined)}
+     * @memberof IndexBlankPlaceholderController
+     */
+    get navPos(): NavPosIndexController | undefined;
+    /**
+     * 初始化
+     *
+     * @protected
+     * @return {*}  {Promise<void>}
+     * @memberof IndexBlankPlaceholderController
+     */
+    protected onInit(): Promise<void>;
+    /**
+     * @description 设置显示状态
+     * @exposedoc
+     * @param {boolean} state
+     * @memberof IndexBlankPlaceholderController
+     */
+    setVisible(state: boolean): void;
+}

package/es/panel-component/index-blank-placeholder/index-blank-placeholder.controller.mjs

@@ -0,0 +1,76 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+import { IndexBlankPlaceholderState } from './index-blank-placeholder.state.mjs';
+
+"use strict";
+class IndexBlankPlaceholderController extends PanelItemController {
+  createState() {
+    var _a;
+    return new 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;
+  }
+}
+
+export { IndexBlankPlaceholderController };

package/es/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/es/panel-component/index-blank-placeholder/index-blank-placeholder.d.ts

@@ -0,0 +1,43 @@
+import { IPanelContainer } from '@ibiz/model-core';
+import { PropType } from 'vue';
+import { IndexBlankPlaceholderController } from './index-blank-placeholder.controller';
+import './index-blank-placeholder.scss';
+/**
+ * 空白占位
+ * @primary
+ * @description 首页空白占位组件，当菜单未进行导航时，首页显示此容器内的内容。
+ */
+export declare const IndexBlankPlaceholder: import("vue").DefineComponent<{
+    /**
+     * @description 空白占位模型数据
+     */
+    modelData: {
+        type: PropType<IPanelContainer>;
+        required: true;
+    };
+    /**
+     * @description 空白占位控制器
+     */
+    controller: {
+        type: PropType<IndexBlankPlaceholderController>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    classArr: import("vue").ComputedRef<(string | false)[]>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * @description 空白占位模型数据
+     */
+    modelData: {
+        type: PropType<IPanelContainer>;
+        required: true;
+    };
+    /**
+     * @description 空白占位控制器
+     */
+    controller: {
+        type: PropType<IndexBlankPlaceholderController>;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/panel-component/index-blank-placeholder/index-blank-placeholder.mjs

@@ -0,0 +1,80 @@
+import { isVNode, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace, onRouteChange } from '@ibiz-template/vue3-util';
+import './index-blank-placeholder.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const IndexBlankPlaceholder = /* @__PURE__ */ defineComponent({
+  name: "IBizIndexBlankPlaceholder",
+  props: {
+    /**
+     * @description 空白占位模型数据
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 空白占位控制器
+     */
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const c = props.controller;
+    const ns = useNamespace("index-blank-placeholder");
+    const {
+      id
+    } = props.modelData;
+    const classArr = 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) {
+      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 = createVNode(resolveComponent("iBizRow"), {
+      "slot": "content",
+      "layout": this.modelData.layout
+    }, _isSlot(_slot = defaultSlots.map((slot) => {
+      const props = slot.props;
+      if (!props || !props.controller) {
+        return slot;
+      }
+      return createVNode(resolveComponent("iBizCol"), {
+        "layoutPos": props.modelData.layoutPos,
+        "state": props.controller.state
+      }, _isSlot(slot) ? slot : {
+        default: () => [slot]
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+    return createVNode("div", {
+      "class": this.classArr,
+      "onClick": () => {
+        this.controller.onClick();
+      }
+    }, [this.controller.model.cssStyle ? createVNode("style", {
+      "type": "text/css"
+    }, [this.controller.model.cssStyle]) : null, content]);
+  }
+});
+
+export { IndexBlankPlaceholder };

package/es/panel-component/index-blank-placeholder/index-blank-placeholder.provider.d.ts

@@ -0,0 +1,14 @@
+import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
+import { IPanelContainer } from '@ibiz/model-core';
+import { IndexBlankPlaceholderController } from './index-blank-placeholder.controller';
+/**
+ * 首页空白占位适配器
+ *
+ * @export
+ * @class IndexBlankPlaceholderProvider
+ * @implements {IPanelItemProvider}
+ */
+export declare class IndexBlankPlaceholderProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelContainer, panel: PanelController, parent: PanelItemController | undefined): Promise<IndexBlankPlaceholderController>;
+}

package/es/panel-component/index-blank-placeholder/index-blank-placeholder.provider.mjs

@@ -0,0 +1,21 @@
+import { IndexBlankPlaceholderController } from './index-blank-placeholder.controller.mjs';
+
+"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 IndexBlankPlaceholderController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { IndexBlankPlaceholderProvider };

package/es/panel-component/index-blank-placeholder/index-blank-placeholder.state.d.ts

@@ -0,0 +1,10 @@
+import { PanelItemState } from '@ibiz-template/runtime';
+/**
+ * 首页空白占位状态
+ *
+ * @export
+ * @class IndexBlankPlaceholderState
+ * @extends {PanelItemState}
+ */
+export declare class IndexBlankPlaceholderState extends PanelItemState {
+}

package/es/panel-component/index-blank-placeholder/index-blank-placeholder.state.mjs

@@ -0,0 +1,7 @@
+import { PanelItemState } from '@ibiz-template/runtime';
+
+"use strict";
+class IndexBlankPlaceholderState extends PanelItemState {
+}
+
+export { IndexBlankPlaceholderState };

package/es/panel-component/index-blank-placeholder/index.d.ts

@@ -0,0 +1,25 @@
+import { IndexBlankPlaceholderController } from './index-blank-placeholder.controller';
+export { IndexBlankPlaceholderController };
+export declare const IBizIndexBlankPlaceholder: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
+        required: true;
+    };
+    controller: {
+        type: import("vue").PropType<IndexBlankPlaceholderController>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    classArr: import("vue").ComputedRef<(string | false)[]>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
+        required: true;
+    };
+    controller: {
+        type: import("vue").PropType<IndexBlankPlaceholderController>;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizIndexBlankPlaceholder;

package/es/panel-component/index-blank-placeholder/index.mjs

@@ -0,0 +1,19 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { IndexBlankPlaceholder } from './index-blank-placeholder.mjs';
+import { IndexBlankPlaceholderProvider } from './index-blank-placeholder.provider.mjs';
+export { IndexBlankPlaceholderController } from './index-blank-placeholder.controller.mjs';
+
+"use strict";
+const IBizIndexBlankPlaceholder = withInstall(
+  IndexBlankPlaceholder,
+  function(v) {
+    v.component(IndexBlankPlaceholder.name, IndexBlankPlaceholder);
+    registerPanelItemProvider(
+      "CONTAINER_INDEX_BLANK_PLACEHOLDER",
+      () => new IndexBlankPlaceholderProvider()
+    );
+  }
+);
+
+export { IBizIndexBlankPlaceholder, IBizIndexBlankPlaceholder as default };

package/es/panel-component/index.mjs

@@ -15,6 +15,7 @@ import { IBizMobAsyncAction } from './async-action/index.mjs';
 import { IBizPanelButtonList } from './panel-button-list/index.mjs';
 import { IBizAuthSso } from './auth-sso/index.mjs';
 import { IBizPanelAppTitle } from './panel-app-title/index.mjs';
+import { IBizIndexBlankPlaceholder } from './index-blank-placeholder/index.mjs';
 
 "use strict";
 const IBizPanelComponents = {
@@ -49,6 +50,7 @@ const IBizPanelComponents = {
     v.use(IBizAuthSso);
     v.use(IBizAuthWxmpQrcode);
     v.use(IBizPanelAppTitle);
+    v.use(IBizIndexBlankPlaceholder);
   }
 };
 

package/es/util/directive/loading.mjs

@@ -9,6 +9,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/lib/editor/dropdown-list/ibiz-cascader-dropdown/ibiz-cascader-dropdown.cjs

@@ -20,6 +20,7 @@ const IBizCascaderDropdown = /* @__PURE__ */ vue.defineComponent({
     const c = props.controller;
     const treeData = vue.ref([]);
     const codeListMap = /* @__PURE__ */ new Map();
+    const curValue = vue.ref("");
     const selectValue = vue.ref(null);
     const show = vue.ref(false);
     const onClose = () => {
@@ -59,6 +60,10 @@ const IBizCascaderDropdown = /* @__PURE__ */ vue.defineComponent({
         pvaluefield
       } = c.editorParams;
       treeData.value = transformTreeData(codeList, pvaluefield);
+      if (props.value) {
+        const item = codeListMap.get(props.value);
+        curValue.value = (item == null ? void 0 : item.text) || "";
+      }
     };
     loadCodeList();
     const onFinish = ($event) => {
@@ -74,9 +79,11 @@ const IBizCascaderDropdown = /* @__PURE__ */ vue.defineComponent({
       } = $event;
       emit("change", value);
     };
-    const curValue = vue.computed(() => {
-      const item = codeListMap.get(props.value || "");
-      return (item == null ? void 0 : item.text) || "";
+    vue.watch(() => props.value, (newVal) => {
+      const item = codeListMap.get(newVal || "");
+      curValue.value = (item == null ? void 0 : item.text) || "";
+    }, {
+      immediate: true
     });
     const onBlur = () => {
       emit("blur");

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

@@ -19,6 +19,7 @@ const IBizFileUpload = /* @__PURE__ */ vue.defineComponent({
       uploadUrl,
       headers,
       files,
+      loading,
       onRemove,
       beforeUpload,
       onDownload,
@@ -54,6 +55,7 @@ const IBizFileUpload = /* @__PURE__ */ vue.defineComponent({
       uploadUrl,
       headers,
       files,
+      loading,
       onRemove,
       beforeUpload,
       onDownload,
@@ -79,6 +81,7 @@ const IBizFileUpload = /* @__PURE__ */ vue.defineComponent({
     }, this.$attrs), {
       default: () => {
         return !this.readonly && !this.disabled && vue.createVNode(vue.resolveComponent("van-button"), {
+          "loading": this.loading,
           "class": this.ns.b("button"),
           "icon": "add-o",
           "type": "primary"