@ibiz-template/mob-vue3-components 0.0.1 → 0.0.3

package/es/control/list/list-render-util.mjs

@@ -0,0 +1,100 @@
+import { isVNode, resolveComponent, createVNode, createTextVNode } from 'vue';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+function useListRender(props, c, ns) {
+  const isSelect = (row) => {
+    const findIndex = c.state.selectedData.findIndex((data) => {
+      return data.srfkey === row.srfkey;
+    });
+    return findIndex !== -1;
+  };
+  const calcItemClass = (row) => {
+    const select = isSelect(row);
+    const itemClass = [ns.b("item"), ns.is("active", select)];
+    return itemClass;
+  };
+  const renderRightSlot = (row) => {
+    const select = isSelect(row);
+    return createVNode(resolveComponent("van-radio"), {
+      "class": ns.bm("item", "right"),
+      "checked": select
+    }, null);
+  };
+  const renderIcon = (row) => {
+    return createVNode("img", {
+      "class": ns.b("image"),
+      "src": row.image,
+      "alt": ""
+    }, null);
+  };
+  const renderItemContent = (row) => {
+    const itemClass = calcItemClass(row);
+    const slotOption = {};
+    if (Object.prototype.hasOwnProperty.call(row, "image")) {
+      Object.assign(slotOption, {
+        icon: renderIcon(row)
+      });
+    }
+    if (props.mode === "SELECT") {
+      Object.assign(slotOption, {
+        "right-icon": renderRightSlot(row)
+      });
+    }
+    return createVNode(resolveComponent("van-cell"), {
+      "class": itemClass,
+      "is-link": true,
+      "title": row.srfmajortext || "",
+      "onClick": () => c.onRowClick(row)
+    }, _isSlot(slotOption) ? slotOption : {
+      default: () => [slotOption]
+    });
+  };
+  const renderPanelItem = (item, modelData) => {
+    const {
+      context,
+      params
+    } = c;
+    return createVNode(resolveComponent("iBizControlShell"), {
+      "data": item,
+      "modelData": modelData,
+      "context": context,
+      "params": params,
+      "onClick": () => c.onRowClick(item)
+    }, null);
+  };
+  const renderItem = (row) => {
+    const panel = c.model.itemLayoutPanel;
+    return panel ? renderPanelItem(row, panel) : renderItemContent(row);
+  };
+  const renderNoData = () => {
+    const {
+      isLoaded
+    } = c.state;
+    if (!isLoaded) {
+      return;
+    }
+    return isLoaded && createVNode(resolveComponent("iBizNoData"), {
+      "text": c.model.emptyText,
+      "emptyTextLanguageRes": c.model.emptyTextLanguageRes
+    }, null);
+  };
+  const renderLoadMore = () => {
+    if (props.loadMode === "auto" || c.state.total <= c.state.items.length) {
+      return;
+    }
+    return createVNode("div", {
+      "class": ns.b("load-more"),
+      "onClick": () => c.loadMore()
+    }, [createVNode("span", null, [createTextVNode("\u52A0\u8F7D\u66F4\u591A")])]);
+  };
+  return {
+    renderNoData,
+    renderItem,
+    renderLoadMore
+  };
+}
+
+export { useListRender };

package/es/control/{md-ctrl → list/md-ctrl}/index.d.ts

@@ -32,6 +32,10 @@ export declare const IBizMDCtrlControl: import("@ibiz-template/vue3-util").TypeW
         type: StringConstructor;
         default: string;
     };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     c: import("@ibiz-template/runtime").MDCtrlController;
     ns: import("@ibiz-template/core").Namespace;
@@ -72,11 +76,16 @@ export declare const IBizMDCtrlControl: import("@ibiz-template/vue3-util").TypeW
         type: StringConstructor;
         default: string;
     };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     mode: string;
     params: IParams;
+    loadMode: string;
     mdctrlActiveMode: number;
     singleSelect: boolean;
-    loadMode: string;
+    loadDefault: boolean;
 }, {}>>;
 export default IBizMDCtrlControl;

package/es/control/list/md-ctrl/md-ctrl.css

@@ -0,0 +1 @@
+.ibiz-control-mobmdctrl{--ibiz-control-mobmdctrl-text-color:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-mobmdctrl-active-bg-color:#D1D1D5;--ibiz-control-mobmdctrl-active-color:var(--ibiz-color-bg-1);--ibiz-control-mobmdctrl-img-width:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-img-radius:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-padding:var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#A0A5AA;--ibiz-control-mobmdctrl-group-caption-color:#9A9B9F;--ibiz-control-mobmdctrl-load-more-font-size:var(--ibiz-font-size-small);--ibiz-control-mobmdctrl-font-size:var(--ibiz-font-size-header-5);--ibiz-control-mobmdctrl-right-icon-margin-right:1.3125rem;--van-cell-font-size:var(--ibiz-control-mobmdctrl-font-size);height:100%}.ibiz-control-mobmdctrl .van-list{height:100%}.ibiz-control-mobmdctrl .van-list .van-cell{padding:var(--ibiz-control-mobmdctrl-padding)}.ibiz-control-mobmdctrl .van-cell__right-icon{margin-right:var(--ibiz-control-mobmdctrl-right-icon-margin-right);color:var(--ibiz-control-mobmdctrl-icon-color)}.ibiz-control-mobmdctrl .van-cell--clickable:active{color:inherit;background-color:var(--ibiz-control-mobmdctrl-active-bg-color)}.ibiz-control-mobmdctrl .van-cell::after{width:100%}.ibiz-control-mobmdctrl .ibiz-control-panel{height:auto}.ibiz-control-mobmdctrl-item{--ibiz-control-mobmdctrl-text-color:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-mobmdctrl-active-bg-color:#D1D1D5;--ibiz-control-mobmdctrl-active-color:var(--ibiz-color-bg-1);--ibiz-control-mobmdctrl-img-width:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-img-radius:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-padding:var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#A0A5AA;--ibiz-control-mobmdctrl-group-caption-color:#9A9B9F;--ibiz-control-mobmdctrl-load-more-font-size:var(--ibiz-font-size-small);--ibiz-control-mobmdctrl-font-size:var(--ibiz-font-size-header-5);--ibiz-control-mobmdctrl-right-icon-margin-right:1.3125rem}.ibiz-control-mobmdctrl-item--right{margin-right:var(--ibiz-control-mobmdctrl-right-icon-margin-right)}.ibiz-control-mobmdctrl-image{--ibiz-control-mobmdctrl-text-color:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-mobmdctrl-active-bg-color:#D1D1D5;--ibiz-control-mobmdctrl-active-color:var(--ibiz-color-bg-1);--ibiz-control-mobmdctrl-img-width:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-img-radius:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-padding:var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#A0A5AA;--ibiz-control-mobmdctrl-group-caption-color:#9A9B9F;--ibiz-control-mobmdctrl-load-more-font-size:var(--ibiz-font-size-small);--ibiz-control-mobmdctrl-font-size:var(--ibiz-font-size-header-5);--ibiz-control-mobmdctrl-right-icon-margin-right:1.3125rem;width:var(--ibiz-control-mobmdctrl-img-width);margin-right:var(--ibiz-control-mobmdctrl-padding);border-radius:var(--ibiz-control-mobmdctrl-img-radius)}.ibiz-control-mobmdctrl-group-caption{--ibiz-control-mobmdctrl-text-color:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-mobmdctrl-active-bg-color:#D1D1D5;--ibiz-control-mobmdctrl-active-color:var(--ibiz-color-bg-1);--ibiz-control-mobmdctrl-img-width:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-img-radius:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-padding:var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#A0A5AA;--ibiz-control-mobmdctrl-group-caption-color:#9A9B9F;--ibiz-control-mobmdctrl-load-more-font-size:var(--ibiz-font-size-small);--ibiz-control-mobmdctrl-font-size:var(--ibiz-font-size-header-5);--ibiz-control-mobmdctrl-right-icon-margin-right:1.3125rem;padding:var(--ibiz-control-mobmdctrl-group-padding);font-size:var(--ibiz-control-mobmdctrl-group-font);color:var(--ibiz-control-mobmdctrl-group-caption-color)}.ibiz-control-mobmdctrl-load-more{display:flex;justify-content:center;padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-control-mobmdctrl-load-more-font-size);color:var(--ibiz-color-text-2)}.ibiz-control-mobmdctrl-load-more span{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-full)}

package/es/control/{md-ctrl → list/md-ctrl}/md-ctrl.d.ts

@@ -1,4 +1,4 @@
-import { PropType, VNode } from 'vue';
+import { PropType } from 'vue';
 import { IDEMobMDCtrl } from '@ibiz/model-core';
 import { MDCtrlController } from '@ibiz-template/runtime';
 import './md-ctrl.scss';
@@ -50,11 +50,17 @@ export declare const MDCtrlControl: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     c: MDCtrlController;
     ns: import("@ibiz-template/core").Namespace;
     renderMDContent: () => JSX.Element;
-    renderNoData: () => VNode | undefined;
+    renderNoData: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IDEMobMDCtrl>;
@@ -103,10 +109,15 @@ export declare const MDCtrlControl: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     mode: string;
     params: IParams;
+    loadMode: string;
     mdctrlActiveMode: number;
     singleSelect: boolean;
-    loadMode: string;
+    loadDefault: boolean;
 }, {}>;

package/es/control/{md-ctrl → list/md-ctrl}/md-ctrl.mjs

@@ -1,12 +1,10 @@
-import { isVNode, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
+import { resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { MDCtrlController } from '@ibiz-template/runtime';
 import './md-ctrl.css';
+import { useListRender } from '../list-render-util.mjs';
 
 "use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
 const MDCtrlControl = /* @__PURE__ */ defineComponent({
   name: "IBizMDCtrlControl",
   props: {
@@ -56,84 +54,22 @@ const MDCtrlControl = /* @__PURE__ */ defineComponent({
     loadMode: {
       type: String,
       default: "auto"
+    },
+    loadDefault: {
+      type: Boolean,
+      default: true
     }
   },
   setup(props) {
     const c = useControlController((...args) => new MDCtrlController(...args));
     const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const {
+      renderItem,
+      renderNoData,
+      renderLoadMore
+    } = useListRender(props, c, ns);
     const leftSlidingActionGroup = c.model.deuiactionGroup;
     const rightSlidingActionGroup = c.model.deuiactionGroup2;
-    const renderPanelItem = (item, modelData) => {
-      const {
-        context,
-        params
-      } = c;
-      return createVNode(resolveComponent("iBizControlShell"), {
-        "data": item,
-        "modelData": modelData,
-        "context": context,
-        "params": params,
-        "onClick": () => c.onRowClick(item)
-      }, null);
-    };
-    const isSelect = (row) => {
-      const findIndex = c.state.selectedData.findIndex((data) => {
-        return data.srfkey === row.data.srfkey;
-      });
-      return findIndex !== -1;
-    };
-    const calcItemClass = (row) => {
-      const select = isSelect(row);
-      const itemClass = [ns.b("item"), ns.is("active", select)];
-      return itemClass;
-    };
-    const renderIcon = (row) => {
-      return createVNode("img", {
-        "class": ns.b("image"),
-        "src": row.data.image,
-        "alt": ""
-      }, null);
-    };
-    const renderRightSlot = (row) => {
-      const select = isSelect(row);
-      return createVNode(resolveComponent("van-radio"), {
-        "checked": select
-      }, null);
-    };
-    const renderItemContent = (row) => {
-      const itemClass = calcItemClass(row);
-      const slotOption = {};
-      if (Object.prototype.hasOwnProperty.call(row.data, "image")) {
-        Object.assign(slotOption, {
-          icon: renderIcon(row)
-        });
-      }
-      if (props.mode === "SELECT") {
-        Object.assign(slotOption, {
-          "right-icon": renderRightSlot(row)
-        });
-      }
-      return createVNode(resolveComponent("van-cell"), {
-        "class": itemClass,
-        "is-link": true,
-        "title": row.data.srfmajortext || "",
-        "onClick": () => c.onRowClick(row.data)
-      }, _isSlot(slotOption) ? slotOption : {
-        default: () => [slotOption]
-      });
-    };
-    const renderNoData = () => {
-      const {
-        isLoaded
-      } = c.state;
-      if (!isLoaded) {
-        return;
-      }
-      return isLoaded && createVNode(resolveComponent("iBizNoData"), {
-        "text": c.model.emptyText,
-        "emptyTextLanguageRes": c.model.emptyTextLanguageRes
-      }, null);
-    };
     const renderSlidingActionGroup = (group, row) => {
       const groupDetails = group.uiactionGroupDetails || [];
       if (!groupDetails || groupDetails.length === 0) {
@@ -155,7 +91,6 @@ const MDCtrlControl = /* @__PURE__ */ defineComponent({
       });
     };
     const renderDefaultItem = (row) => {
-      const panel = props.modelData.itemLayoutPanel;
       const isItemSliding = !!(leftSlidingActionGroup || rightSlidingActionGroup);
       if (isItemSliding) {
         return createVNode(resolveComponent("van-swipe-cell"), {
@@ -164,11 +99,11 @@ const MDCtrlControl = /* @__PURE__ */ defineComponent({
           left: rightSlidingActionGroup ? () => renderSlidingActionGroup(rightSlidingActionGroup, row) : null,
           right: leftSlidingActionGroup ? () => renderSlidingActionGroup(leftSlidingActionGroup, row) : null,
           default: () => {
-            return panel ? renderPanelItem(row.data, panel) : renderItemContent(row);
+            return renderItem(row.data);
           }
         });
       }
-      return panel ? renderPanelItem(row.data, panel) : renderItemContent(row);
+      return renderItem(row.data);
     };
     const renderDefault = () => {
       return c.state.rows.map((item) => {
@@ -186,15 +121,6 @@ const MDCtrlControl = /* @__PURE__ */ defineComponent({
         })]);
       });
     };
-    const renderLoadMore = () => {
-      if (props.loadMode === "auto" || c.state.total <= c.state.rows.length) {
-        return;
-      }
-      return createVNode("div", {
-        "class": ns.b("load-more"),
-        "onClick": () => c.loadMore()
-      }, [createVNode("span", null, [createTextVNode("\u52A0\u8F7D\u66F4\u591A")])]);
-    };
     const renderMDContent = () => {
       return createVNode(resolveComponent("van-list"), {
         "finished": c.state.total <= c.state.rows.length,

package/es/control/toolbar/index.d.ts

@@ -16,7 +16,7 @@ export declare const IBizToolbarControl: import("@ibiz-template/vue3-util").Type
     btnSize: import("vue").ComputedRef<string>;
     ns: import("@ibiz-template/core").Namespace;
     position: string;
-    handleClick: (item: import("@ibiz/model-core").IDEToolbarItem, event: MouseEvent) => Promise<void>;
+    handleClick: (item: import("@ibiz/model-core").IDEToolbarItem | import("@ibiz-template/runtime").IExtraButton, event: MouseEvent) => Promise<void>;
     renderExtraButtons: (extraButtons: import("@ibiz-template/runtime").IExtraButton[]) => JSX.Element[];
     renderToolbarItem: (item: import("@ibiz/model-core").IDEToolbarItem) => JSX.Element | null;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/es/control/toolbar/toolbar.d.ts

@@ -20,7 +20,7 @@ export declare const ToolbarControl: import("vue").DefineComponent<{
     btnSize: import("vue").ComputedRef<string>;
     ns: import("@ibiz-template/core").Namespace;
     position: string;
-    handleClick: (item: IDEToolbarItem, event: MouseEvent) => Promise<void>;
+    handleClick: (item: IDEToolbarItem | IExtraButton, event: MouseEvent) => Promise<void>;
     renderExtraButtons: (extraButtons: IExtraButton[]) => JSX.Element[];
     renderToolbarItem: (item: IDEToolbarItem) => JSX.Element | null;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.d.ts

@@ -28,7 +28,7 @@ export declare const IBizPickerSelectView: import("vue").DefineComponent<{
         [x: string]: any;
         [x: symbol]: any;
         srfsandbox?: string | undefined;
-        srfappid?: string | undefined;
+        srfappid: string;
         getOwnContext: () => IData;
         destroy: () => void;
         clone: () => IContext;

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

@@ -62,6 +62,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       if (index !== -1) {
         return items.value[index].text;
       }
+      return "";
     });
     const editorRef = ref();
     if (props.autoFocus) {

package/es/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{width:100%}.ibiz-file-upload .van-uploader__preview{display:none}.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%}

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

@@ -32,6 +32,9 @@ export declare const IBizFileUpload: import("vue").DefineComponent<{
     beforeUpload: () => void;
     onDownload: (file: IData) => void;
     afterRead: (file: IData | IData[]) => Promise<void>;
+    getFileSuffix: (name: string) => string;
+    getFileName: (filename: string) => string;
+    getPreviewImg: (name: string) => string;
     limit: import("vue").ComputedRef<1 | 9999>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;

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

@@ -1,4 +1,4 @@
-import { resolveComponent, createTextVNode, createVNode, defineComponent } from 'vue';
+import { resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
 import { getUploadProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-file-upload.css';
 import { useVanUpload } from '../use/use-van-upload.mjs';
@@ -25,6 +25,27 @@ const IBizFileUpload = /* @__PURE__ */ defineComponent({
     } = 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,
@@ -35,6 +56,9 @@ const IBizFileUpload = /* @__PURE__ */ defineComponent({
       beforeUpload,
       onDownload,
       afterRead,
+      getFileSuffix,
+      getFileName,
+      getPreviewImg,
       limit
     };
   },
@@ -53,17 +77,17 @@ const IBizFileUpload = /* @__PURE__ */ defineComponent({
     }, {
       default: () => {
         return !this.readonly && !this.disabled && createVNode(resolveComponent("van-button"), {
-          "class": this.ns.b("button")
-        }, {
-          default: () => [createTextVNode("\u4E0A\u4F20\u6587\u4EF6")]
-        });
+          "class": this.ns.b("button"),
+          "icon": "add-o",
+          "type": "primary"
+        }, null);
       },
       "preview-cover": (file) => {
         return createVNode("div", {
           "class": this.ns.b("item-cover")
         }, [file.name]);
       }
-    }), createVNode("div", {
+    }), this.files.length > 0 && createVNode("div", {
       "class": this.ns.b("preview")
     }, [this.files.map((item) => {
       return createVNode("div", {
@@ -71,18 +95,25 @@ const IBizFileUpload = /* @__PURE__ */ defineComponent({
         "onClick": () => {
           this.onDownload(item);
         }
+      }, [createVNode("div", {
+        "class": this.ns.b("preview-item-left")
       }, [createVNode("div", {
         "class": this.ns.b("preview-item-img")
       }, [createVNode("img", {
-        "src": "./assets/img/file.png",
+        "src": this.getPreviewImg(item.name),
         "alt": ""
       }, null)]), createVNode("div", {
         "class": this.ns.b("preview-item-text")
-      }, [item.name]), !this.readonly && !this.disabled && createVNode("div", {
+      }, [createVNode("div", {
+        "class": this.ns.b("preview-item-name")
+      }, [this.getFileName(item.name)]), this.getFileSuffix(item.name) && createVNode("div", {
+        "class": this.ns.b("preview-item-suffix")
+      }, [createTextVNode("."), this.getFileSuffix(item.name)])])]), !this.readonly && !this.disabled && createVNode("div", {
         "class": this.ns.b("preview-item-action")
       }, [createVNode(resolveComponent("van-icon"), {
         "name": "cross",
-        "onClick": () => {
+        "onClick": (e) => {
+          e.stopPropagation();
           this.onRemove(item);
         }
       }, null)])]);

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

@@ -27,6 +27,14 @@ export declare class UploadEditorController extends EditorController<IFileUpload
      * 下载参数
      */
     exportParams?: IParams;
+    /**
+     * 文件类型
+     *
+     * @author zk
+     * @date 2023-12-07 03:12:25
+     * @memberof UploadEditorController
+     */
+    fileTypeMap: Map<string, string>;
     protected onInit(): Promise<void>;
     /**
      * 计算文件的上传路径和下载路径

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

@@ -32,6 +32,56 @@ class UploadEditorController extends 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/es/editor/upload/use/use-van-upload.mjs

@@ -10,11 +10,6 @@ function useVanUpload(props, valueChange, c) {
   });
   const uploadUrl = ref("");
   const downloadUrl = ref("");
-  const uploadCache = {
-    count: 0,
-    cacheFiles: []
-    // iview上传过程中不能改default-file-list,所以需要缓存
-  };
   watch(
     () => props.value,
     (newVal) => {
@@ -56,34 +51,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 HttpError({
       response: { data: JSON.parse(error.message), status: error.status }
     });

package/es/index.mjs

@@ -8,13 +8,13 @@ import { IBizPanelComponents } from './panel-component/index.mjs';
 import { IBizViewEngine } from './view-engine/index.mjs';
 import './util/index.mjs';
 import './view/index.mjs';
-import { IBizMDCtrlControl } from './control/md-ctrl/index.mjs';
+import { IBizMDCtrlControl } from './control/list/md-ctrl/index.mjs';
 import { IBizAppMenuControl } from './control/app-menu/index.mjs';
 import { IBizFormControl } from './control/form/form/index.mjs';
 import { IBizSearchFormControl } from './control/form/search-form/index.mjs';
 import { IBizEditFormControl } from './control/form/edit-form/index.mjs';
 import { IBizPickupViewPanelControl } from './control/pickup-view-panel/index.mjs';
-import { IBizListControl } from './control/list/index.mjs';
+import { IBizListControl } from './control/list/list/index.mjs';
 import { IBizTabExpPanelControl } from './control/tab-exp-panel/index.mjs';
 import { IBizToolbarControl } from './control/toolbar/index.mjs';
 import { IBizCaptionBarControl } from './control/caption-bar/index.mjs';
@@ -36,6 +36,7 @@ export { NotificationUtil } from './util/notification-util/notification-util.mjs
 export { OpenViewUtil } from './util/open-view-util/open-view-util.mjs';
 export { OverlayController } from './util/overlay-controller/overlay-controller.mjs';
 export { loadingDirective } from './util/directive/loading.mjs';
+export { ConfirmUtil } from './util/confirm-util/confirm-util.mjs';
 export { calcUniqueKey, useViewStack } from './util/store/view-stack/view-stack.mjs';
 export { View404 } from './view/404-view/404-view.mjs';
 export { LoginView } from './view/login-view/login-view.mjs';

package/es/panel-component/index.mjs

@@ -1,4 +1,4 @@
-import { IBizPanelContainer, IBizPanelCtrlPos, IBizNavPos, IBizPanelField, IBizGridContainer, IBizPanelRawItem, IBizSingleDataContainer, IBizMultiDataContainer, IBizPanelContainerImage, IBizScrollContainer } from '@ibiz-template/vue3-util';
+import { IBizPanelContainer, IBizPanelCtrlPos, IBizNavPos, IBizPanelField, IBizGridContainer, IBizPanelRawItem, IBizSingleDataContainer, IBizMultiDataContainer, IBizPanelTabPage, IBizPanelContainerGroup, IBizPanelContainerImage, IBizScrollContainer } from '@ibiz-template/vue3-util';
 import { IBizViewContentPanelContainer } from './view-content-panel-container/index.mjs';
 import { IBizViewHeaderPanelContainer } from './view-header-panel-container/index.mjs';
 import { IBizViewFooterPanelContainer } from './view-footer-panel-container/index.mjs';
@@ -26,7 +26,9 @@ const IBizPanelComponents = {
     v.use(IBizWFActionButton);
     v.use(IBizSingleDataContainer);
     v.use(IBizMultiDataContainer);
+    v.use(IBizPanelTabPage);
     v.use(IBizPanelTabPanel);
+    v.use(IBizPanelContainerGroup);
     v.use(IBizPanelContainerImage);
     v.use(IBizScrollContainer);
   }