@ibiz-template/mob-vue3-components 0.0.1-alpha.20 → 0.0.1-alpha.22

package/es/panel-component/view-header-panel-container/view-header-panel-container.css

@@ -1 +1 @@
-.ibiz-view-header{--ibiz-panel-component-view-header-bg-color:var(--ibiz-color-bg-0);--ibiz-panel-component-view-header-back-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-component-view-header-back-padding:0 var(--ibiz-spacing-tight);--ibiz-panel-component-view-header-back-width:40px;--ibiz-panel-component-view-header-back-height:40px;--ibiz-panel-component-view-header-color:var(--ibiz-color-text-0);color:var(--ibiz-panel-component-view-header-color);background-color:var(--ibiz-panel-component-view-header-bg-color)}.ibiz-view-header .ibiz-view-header-back-button{position:absolute;display:flex;align-items:center;width:var(--ibiz-panel-component-view-header-back-width);height:var(--ibiz-panel-component-view-header-back-height);padding:var(--ibiz-panel-component-view-header-back-padding);font-size:var(--ibiz-panel-component-view-header-back-font-size)}.ibiz-view-header .ibiz-view-header-precut-back{padding-left:var(--ibiz-panel-component-view-header-back-width)}
+.ibiz-view-header{--ibiz-panel-component-view-header-bg-color:var(--ibiz-color-bg-1);--ibiz-panel-component-view-header-back-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-component-view-header-back-padding:0 var(--ibiz-spacing-tight);--ibiz-panel-component-view-header-back-width:2.5rem;--ibiz-panel-component-view-header-back-height:2.5rem;--ibiz-panel-component-view-header-color:var(--ibiz-color-text-0);color:var(--ibiz-panel-component-view-header-color);background-color:var(--ibiz-panel-component-view-header-bg-color)}.ibiz-view-header .ibiz-view-header-back-button{position:absolute;display:flex;align-items:center;width:var(--ibiz-panel-component-view-header-back-width);height:var(--ibiz-panel-component-view-header-back-height);padding:var(--ibiz-panel-component-view-header-back-padding);font-size:var(--ibiz-panel-component-view-header-back-font-size)}.ibiz-view-header .ibiz-view-header-precut-back{padding-left:var(--ibiz-panel-component-view-header-back-width)}

package/es/panel-component/wf-action-button/wf-action-button.css

@@ -1 +1 @@
-.ibiz-wf-action-button{display:flex;gap:24px;justify-content:space-around;width:100%;height:100%}.ibiz-wf-action-button .van-button{flex:1;height:100%}.ibiz-wf-action-button__error{color:red}.ibiz-wf-action-button__normal{color:#333}
+.ibiz-wf-action-button{display:flex;gap:1.5rem;justify-content:space-around;width:100%;height:100%}.ibiz-wf-action-button .van-button{flex:1;height:100%}.ibiz-wf-action-button__error{color:red}.ibiz-wf-action-button__normal{color:#333}

package/es/panel-component/wf-step-trace/wf-step-trace.css

@@ -1 +1 @@
-.ibiz-wf-step-trace .ibiz-wf-step-trace-task{border:1px solid var(--ibiz-color-border)}.ibiz-wf-step-trace .ibiz-wf-step-trace-task-item{border-bottom:1px solid var(--ibiz-color-border);padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-wf-step-trace .ibiz-wf-step-trace-task-item .van-field__label{flex:1;font-weight:var(--ibiz-font-weight-bold)}
+.ibiz-wf-step-trace .ibiz-wf-step-trace-task{border:.0625rem solid var(--ibiz-color-border)}.ibiz-wf-step-trace .ibiz-wf-step-trace-task-item{padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-regular);border-bottom:.0625rem solid var(--ibiz-color-border)}.ibiz-wf-step-trace .ibiz-wf-step-trace-task-item .van-field__label{flex:1;font-weight:var(--ibiz-font-weight-bold)}

package/es/view/404-view/404-view.css

@@ -1 +1 @@
-.ibiz-404-view{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#fff}.ibiz-404-view-text__text1{margin-bottom:20px}.ibiz-404-view.is-top{width:100vw;height:100vh}
+.ibiz-404-view{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#fff}.ibiz-404-view-text__text1{margin-bottom:1.25rem}.ibiz-404-view.is-top{width:100vw;height:100vh}

package/es/view/login-view/login-view.css

@@ -1 +1 @@
-.ibiz-login-view{width:100vw;height:100vh;color:#fff;background:#373447}.ibiz-login-view .ibiz-login-view-logo{height:40%;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.ibiz-login-view .ibiz-login-view-logo .ibiz-login-view-logo-img{margin-top:15%}.ibiz-login-view .ibiz-login-view-logo .ibiz-login-view-title{margin-top:5%;font-size:16px}.ibiz-login-view .ibiz-login-view-form{height:20%;padding:0 10%}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user{display:flex;align-items:center;justify-content:flex-start;height:40%;font-size:14px;border-bottom:1px solid #565366}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user ion-icon{margin-right:5%}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user .van-field{position:relative;padding:0;overflow:visible}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user .van-field .van-field__error-message{position:absolute;top:20px}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user input{color:#fff;background:#373447;border:none}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user input:-webkit-autofill{box-shadow:0 0 0 1000px #373447 inset;-webkit-text-fill-color:#fff}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user .van-field__control::-moz-placeholder{color:#fff;background:#373447}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user .van-field__control::placeholder{color:#fff;background:#373447}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password{display:flex;align-items:center;justify-content:flex-start;height:40%;font-size:14px;border-bottom:1px solid #565366}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password ion-icon{margin-right:5%}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password .van-field{position:relative;padding:0;overflow:visible}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password .van-field .van-field__error-message{position:absolute;top:20px}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password input{color:#fff;background:#373447;border:none}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password input:-webkit-autofill{box-shadow:0 0 0 1000px #373447 inset;-webkit-text-fill-color:#fff}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password .van-field__control::-moz-placeholder{color:#fff;background:#373447}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password .van-field__control::placeholder{color:#fff;background:#373447}.ibiz-login-view .ibiz-login-view-btns{height:40%;padding:0 10%}.ibiz-login-view .ibiz-login-view-btns .ibiz-login-view-login-btn{width:100%;margin:0;font-size:15px;color:#fff;background:#312e3f;border:none;border-radius:0}.ibiz-login-view .ibiz-login-view-btns .ibiz-login-view-login-btn:hover{background:#4a4658}
+.ibiz-login-view{width:100vw;height:100vh;color:#fff;background:#373447}.ibiz-login-view .ibiz-login-view-logo{height:40%;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.ibiz-login-view .ibiz-login-view-logo .ibiz-login-view-logo-img{margin-top:15%}.ibiz-login-view .ibiz-login-view-logo .ibiz-login-view-title{margin-top:5%;font-size:1rem}.ibiz-login-view .ibiz-login-view-form{height:20%;padding:0 10%}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user{display:flex;align-items:center;justify-content:flex-start;height:40%;font-size:.875rem;border-bottom:.0625rem solid #565366}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user ion-icon{margin-right:5%}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user .van-field{position:relative;padding:0;overflow:visible}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user .van-field .van-field__error-message{position:absolute;top:1.25rem}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user input{color:#fff;background:#373447;border:none}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user input:-webkit-autofill{box-shadow:0 0 0 62.5rem #373447 inset;-webkit-text-fill-color:#fff}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user .van-field__control::-moz-placeholder{color:#fff;background:#373447}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user .van-field__control::placeholder{color:#fff;background:#373447}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password{display:flex;align-items:center;justify-content:flex-start;height:40%;font-size:.875rem;border-bottom:.0625rem solid #565366}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password ion-icon{margin-right:5%}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password .van-field{position:relative;padding:0;overflow:visible}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password .van-field .van-field__error-message{position:absolute;top:1.25rem}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password input{color:#fff;background:#373447;border:none}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password input:-webkit-autofill{box-shadow:0 0 0 62.5rem #373447 inset;-webkit-text-fill-color:#fff}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password .van-field__control::-moz-placeholder{color:#fff;background:#373447}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password .van-field__control::placeholder{color:#fff;background:#373447}.ibiz-login-view .ibiz-login-view-btns{height:40%;padding:0 10%}.ibiz-login-view .ibiz-login-view-btns .ibiz-login-view-login-btn{width:100%;margin:0;font-size:.9375rem;color:#fff;background:#312e3f;border:none;border-radius:0}.ibiz-login-view .ibiz-login-view-btns .ibiz-login-view-login-btn:hover{background:#4a4658}

package/es/view-engine/index.mjs

@@ -19,6 +19,7 @@ import { MobCustomViewEngine } from './mob-custom-view.engine.mjs';
 import { MobOptViewEngine } from './mob-opt-view.engine.mjs';
 import { MobChartViewEngine } from './mob-chart-view.engine.mjs';
 import { MobCalendarViewEngine } from './mob-calendar-view.engine.mjs';
+import { MobWizardViewEngine } from './mob-wizard-view-engine.mjs';
 
 "use strict";
 const IBizViewEngine = {
@@ -131,6 +132,10 @@ const IBizViewEngine = {
       `VIEW_MobChartView9`,
       (c) => new MobChartViewEngine(c)
     );
+    ibiz.engine.register(
+      `VIEW_MobWizardView`,
+      (c) => new MobWizardViewEngine(c)
+    );
   }
 };
 

package/es/view-engine/mob-edit-view.engine.d.ts

@@ -55,4 +55,13 @@ export declare class MobEditViewEngine extends ViewEngineBase {
      * @returns {*}  {Promise<void>}
      */
     wfSubmit(): Promise<void>;
+    /**
+     * 工作流撤回
+     *
+     * @author zk
+     * @date 2023-11-22 11:11:55
+     * @return {*}  {Promise<void>}
+     * @memberof MobEditViewEngine
+     */
+    wfWithdraw(): Promise<void>;
 }

package/es/view-engine/mob-edit-view.engine.mjs

@@ -1,5 +1,5 @@
 import { RuntimeError } from '@ibiz-template/core';
-import { ViewEngineBase, calcDeCodeNameById, SysUIActionTag, ControlVO, getAppViewRef, OpenAppViewCommand } from '@ibiz-template/runtime';
+import { ViewEngineBase, calcDeCodeNameById, SysUIActionTag, ViewCallTag, ControlVO, getAppViewRef, OpenAppViewCommand } from '@ibiz-template/runtime';
 
 "use strict";
 class MobEditViewEngine extends ViewEngineBase {
@@ -129,6 +129,9 @@ class MobEditViewEngine extends ViewEngineBase {
     if (key === SysUIActionTag.VIEW_WF_STEP) {
       await this.wfSubmit();
     }
+    if (key === ViewCallTag.WF_WITHDRAW) {
+      await this.wfWithdraw();
+    }
     return super.call(key, args);
   }
   /**
@@ -197,6 +200,31 @@ class MobEditViewEngine extends ViewEngineBase {
   wfSubmit() {
     return this.form.wfSubmit();
   }
+  /**
+   * 工作流撤回
+   *
+   * @author zk
+   * @date 2023-11-22 11:11:55
+   * @return {*}  {Promise<void>}
+   * @memberof MobEditViewEngine
+   */
+  async wfWithdraw() {
+    const app = ibiz.hub.getApp(this.view.context.srfappid);
+    const data = this.form.state.data;
+    const entityService = await app.deService.getService(
+      this.view.model.appDataEntityId
+    );
+    await entityService.wf.exec(
+      "withdraw",
+      this.view.context,
+      {
+        ...this.view.params,
+        taskId: this.view.params.taskId || this.view.params.srftaskid
+      },
+      data instanceof ControlVO ? data.getOrigin() : data
+    );
+    ibiz.mc.command.send({ srfdecodename: "SysTodo" }, "OBJECTUPDATED");
+  }
 }
 
 export { MobEditViewEngine };

package/es/view-engine/mob-md-view-engine.d.ts

@@ -31,6 +31,7 @@ export declare class MobMDViewEngine extends MDViewEngine {
      * @return {*}  {Promise<void>}
      */
     protected loadMore(): Promise<void>;
+    onCreated(): Promise<void>;
     /**
      * 挂载完成
      *

package/es/view-engine/mob-md-view-engine.mjs

@@ -37,6 +37,12 @@ class MobMDViewEngine extends MDViewEngine {
   loadMore() {
     return this.mdctrl.loadMore();
   }
+  async onCreated() {
+    await super.onCreated();
+    if (this.xdataControlName && this.view.model.viewType === "DEMOBMDVIEW9") {
+      this.view.slotProps[this.xdataControlName].loadMode = "click";
+    }
+  }
   /**
    * 挂载完成
    *

package/es/view-engine/mob-mpickup-view-engine.d.ts

@@ -1,4 +1,4 @@
-import { ViewController, IMPickupViewState, IMPickupViewEvent, IListController } from '@ibiz-template/runtime';
+import { ViewController, IMPickupViewState, IMPickupViewEvent, IListController, IPanelItemController } from '@ibiz-template/runtime';
 import { IAppDEMobPickupView } from '@ibiz/model-core';
 import { MobPickupViewEngine } from './mob-pickup-view.engine';
 /**
@@ -21,6 +21,16 @@ export declare class MobMPickupViewEngine extends MobPickupViewEngine {
      * @memberof MobMPickupViewEngine
      */
     get simpleList(): IListController;
+    /**
+     * 底部按钮
+     *
+     * @author zk
+     * @date 2023-11-08 04:11:41
+     * @readonly
+     * @type {PanelButtonController}
+     * @memberof MobWFDynaEditViewEngine
+     */
+    get okButton(): IPanelItemController;
     /**
      * 视图created生命周期执行逻辑
      *
@@ -39,6 +49,16 @@ export declare class MobMPickupViewEngine extends MobPickupViewEngine {
      * @memberof MobMPickupViewEngine
      */
     onMounted(): Promise<void>;
+    /**
+     * 设置确认按钮禁用状态
+     *
+     * @author zk
+     * @date 2023-11-13 06:11:11
+     * @protected
+     * @return {*}  {void}
+     * @memberof MobMPickupViewEngine
+     */
+    protected setOkButtonDisabled(): void;
     /**
      *  选则面板激活数据
      *
@@ -116,7 +136,7 @@ export declare class MobMPickupViewEngine extends MobPickupViewEngine {
      * @date 2023-05-25 05:05:16
      * @memberof MobMPickupViewEngine
      */
-    removeSelection(selectData: IData[]): void;
+    removeSelection(selectedData: IData[]): void;
     /**
      * 提交
      *

package/es/view-engine/mob-mpickup-view-engine.mjs

@@ -14,6 +14,18 @@ class MobMPickupViewEngine extends MobPickupViewEngine {
   get simpleList() {
     return this.view.getController("simplelist");
   }
+  /**
+   * 底部按钮
+   *
+   * @author zk
+   * @date 2023-11-08 04:11:41
+   * @readonly
+   * @type {PanelButtonController}
+   * @memberof MobWFDynaEditViewEngine
+   */
+  get okButton() {
+    return this.view.layoutPanel.panelItems.button_okaction;
+  }
   /**
    * 视图created生命周期执行逻辑
    *
@@ -25,7 +37,7 @@ class MobMPickupViewEngine extends MobPickupViewEngine {
   async onCreated() {
     await super.onCreated();
     if (this.view.params.selectedData) {
-      this.selectData = JSON.parse(this.view.params.selectedData);
+      this.selectedData = JSON.parse(this.view.params.selectedData);
       delete this.view.params.selectedData;
     }
     if (!this.view.slotProps.simplelist) {
@@ -35,6 +47,7 @@ class MobMPickupViewEngine extends MobPickupViewEngine {
       this.view.slotProps.pickupviewpanel = {};
     }
     this.view.slotProps.pickupviewpanel.singleSelect = false;
+    this.view.slotProps.pickupviewpanel.selectedData = this.selectedData;
     this.view.slotProps.simplelist.singleSelect = false;
     this.view.slotProps.simplelist.mdctrlActiveMode = 2;
   }
@@ -47,15 +60,31 @@ class MobMPickupViewEngine extends MobPickupViewEngine {
    * @memberof MobMPickupViewEngine
    */
   async onMounted() {
-    console.log(this);
     await super.onMounted();
     this.pickupViewPanel.evt.on("onSelectionChange", (event) => {
       this.pickupViewPanelSelectionChange(event.data);
+      this.setOkButtonDisabled();
     });
     this.simpleList.evt.on("onActive", (event) => {
       this.removeSelection(event.data);
     });
-    this.simpleList.setData(this.selectData);
+    this.simpleList.setData(this.selectedData);
+    this.setOkButtonDisabled();
+  }
+  /**
+   * 设置确认按钮禁用状态
+   *
+   * @author zk
+   * @date 2023-11-13 06:11:11
+   * @protected
+   * @return {*}  {void}
+   * @memberof MobMPickupViewEngine
+   */
+  setOkButtonDisabled() {
+    if (!this.okButton) {
+      return;
+    }
+    this.okButton.state.disabled = this.selectedData.length <= 0;
   }
   /**
    *  选则面板激活数据
@@ -197,9 +226,9 @@ class MobMPickupViewEngine extends MobPickupViewEngine {
    * @date 2023-05-25 05:05:16
    * @memberof MobMPickupViewEngine
    */
-  removeSelection(selectData) {
+  removeSelection(selectedData) {
     const items = this.simpleList.getAllData();
-    selectData.forEach((_item) => {
+    selectedData.forEach((_item) => {
       const index = items.findIndex(
         (item) => _item.srfkey === item.srfkey
       );

package/es/view-engine/mob-pickup-md-view.engine.mjs

@@ -19,6 +19,8 @@ class PickupMDViewEngine extends MDViewEngine {
       this.view.slotProps.mdctrl = {};
     }
     this.view.slotProps.mdctrl.singleSelect = this.view.state.singleSelect;
+    this.view.slotProps.mdctrl.selectedData = this.view.state.selectedData;
+    this.view.slotProps.mdctrl.mode = "SELECT";
   }
   async onMounted() {
     await super.onMounted();

package/es/view-engine/mob-pickup-view.engine.d.ts

@@ -15,7 +15,7 @@ export declare class MobPickupViewEngine extends ViewEngineBase {
      * @type {IData[]}
      * @memberof MobPickupViewEngine
      */
-    selectData: IData[];
+    selectedData: IData[];
     /**
      * 选择视图面板
      *

package/es/view-engine/mob-pickup-view.engine.mjs

@@ -16,7 +16,7 @@ class MobPickupViewEngine extends ViewEngineBase {
      * @type {IData[]}
      * @memberof MobPickupViewEngine
      */
-    __publicField(this, "selectData", []);
+    __publicField(this, "selectedData", []);
   }
   /**
    * 选择视图面板
@@ -53,7 +53,7 @@ class MobPickupViewEngine extends ViewEngineBase {
   async onMounted() {
     await super.onMounted();
     this.pickupViewPanel.evt.on("onSelectionChange", (event) => {
-      this.selectData = event.data;
+      this.selectedData = event.data;
     });
     this.pickupViewPanel.evt.on("onDataActive", (event) => {
       this.pickupViewPanelDataActive(event.data);
@@ -68,8 +68,8 @@ class MobPickupViewEngine extends ViewEngineBase {
    * @memberof MobPickupViewEngine
    */
   pickupViewPanelDataActive(data) {
-    this.selectData = data;
-    this.view.closeView({ ok: true, data: this.selectData });
+    this.selectedData = data;
+    this.view.closeView({ ok: true, data: this.selectedData });
   }
   // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
   async call(key, args) {
@@ -89,7 +89,7 @@ class MobPickupViewEngine extends ViewEngineBase {
    * @memberof MobPickupViewEngine
    */
   confirm() {
-    this.view.closeView({ ok: true, data: this.selectData });
+    this.view.closeView({ ok: true, data: this.selectedData });
   }
   /**
    * 取消

package/es/view-engine/mob-tree-view.engine.d.ts

@@ -2,15 +2,6 @@ import { ViewController, ITreeViewEvent, ITreeViewState, MDViewEngine, ITreeCont
 import { IAppDEMobTreeView } from '@ibiz/model-core';
 export declare class MobTreeViewEngine extends MDViewEngine {
     protected view: ViewController<IAppDEMobTreeView, ITreeViewState, ITreeViewEvent>;
-    /**
-     * 多数据部件名称
-     *
-     * @author zk
-     * @date 2023-06-28 09:06:55
-     * @readonly
-     * @memberof MobTreeViewEngine
-     */
-    get xdataControlName(): string;
     get tree(): ITreeController;
     onCreated(): Promise<void>;
 }

package/es/view-engine/mob-tree-view.engine.mjs

@@ -2,19 +2,8 @@ import { MDViewEngine } from '@ibiz-template/runtime';
 
 "use strict";
 class MobTreeViewEngine extends MDViewEngine {
-  /**
-   * 多数据部件名称
-   *
-   * @author zk
-   * @date 2023-06-28 09:06:55
-   * @readonly
-   * @memberof MobTreeViewEngine
-   */
-  get xdataControlName() {
-    return "treeview";
-  }
   get tree() {
-    return this.view.getController("treeview");
+    return this.view.getController("tree");
   }
   async onCreated() {
     await super.onCreated();

package/es/view-engine/mob-wf-dyna-action-view.engine.mjs

@@ -39,6 +39,8 @@ class MobWFDynaActionViewEngine extends MobWFDynaEditViewEngine {
   async onOkButtonClick() {
     if (this.isEditable) {
       await this.save();
+    } else {
+      this.form.state.modified = false;
     }
     await this.form.wfSubmit({});
     await this.view.closeView({ ok: true, data: this.getData() });

package/es/view-engine/mob-wf-dyna-edit-view.engine.mjs

@@ -233,6 +233,7 @@ class MobWFDynaEditViewEngine extends MobEditViewEngine {
       newParams
     );
     if (result.ok) {
+      ibiz.mc.command.send({ srfdecodename: "SysTodo" }, "OBJECTUPDATED");
       await this.view.closeView();
     }
   }

package/es/view-engine/mob-wizard-view-engine.d.ts

@@ -0,0 +1,26 @@
+import { ViewEngineBase, ViewController, IWizardViewState, IWizardViewEvent, IWizardPanelController } from '@ibiz-template/runtime';
+import { IAppDEWizardView } from '@ibiz/model-core';
+export declare class MobWizardViewEngine extends ViewEngineBase {
+    /**
+     * 视图控制器
+     *
+     * @protected
+     * @type {ViewController<IAppDEWizardView, IWizardViewState, IWizardViewEvent>}
+     * @memberof MobWizardViewEngine
+     */
+    protected view: ViewController<IAppDEWizardView, IWizardViewState, IWizardViewEvent>;
+    /**
+     * 数据视图（卡片）部件
+     *
+     * @readonly
+     * @memberof MobWizardViewEngine
+     */
+    get wizardPanel(): IWizardPanelController;
+    onCreated(): Promise<void>;
+    /**
+     * 视图mounted生命周期执行逻辑
+     *
+     * @memberof MobWizardViewEngine
+     */
+    onMounted(): Promise<void>;
+}

package/es/view-engine/mob-wizard-view-engine.mjs

@@ -0,0 +1,36 @@
+import { ViewEngineBase } from '@ibiz-template/runtime';
+
+"use strict";
+class MobWizardViewEngine extends ViewEngineBase {
+  /**
+   * 数据视图（卡片）部件
+   *
+   * @readonly
+   * @memberof MobWizardViewEngine
+   */
+  get wizardPanel() {
+    return this.view.getController("wizardpanel");
+  }
+  async onCreated() {
+    await super.onCreated();
+    const { childNames } = this.view;
+    childNames.push("wizardpanel");
+  }
+  /**
+   * 视图mounted生命周期执行逻辑
+   *
+   * @memberof MobWizardViewEngine
+   */
+  async onMounted() {
+    await super.onMounted();
+    if (!this.view.slotProps.wizardpanel) {
+      this.view.slotProps.wizardpanel = {};
+    }
+    this.wizardPanel.initialize();
+    this.wizardPanel.evt.on("onFinishSuccess", (_event) => {
+      this.view.closeView({ ok: true, data: [] });
+    });
+  }
+}
+
+export { MobWizardViewEngine };

package/lib/common/action-toolbar/action-toolbar.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-action-toolbar{--ibiz-action-toolbar-item-margin:0 0 0 4px;--ibiz-action-toolbar-separator-width:2px;--ibiz-action-toolbar-separator-color:var(--ibiz-color-border)}.ibiz-action-toolbar__item+.ibiz-action-toolbar__item{margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__separator{display:inline-block;width:var(--ibiz-action-toolbar-separator-width);vertical-align:middle;background-color:var(--ibiz-action-toolbar-separator-color)}.ibiz-action-toolbar__separator:first-child{display:none}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption{cursor:pointer}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption-icon{vertical-align:bottom}
+@charset "UTF-8";.ibiz-action-toolbar{--ibiz-action-toolbar-item-margin:0 0 0 0.25rem;--ibiz-action-toolbar-separator-width:0.125rem;--ibiz-action-toolbar-separator-color:var(--ibiz-color-border)}.ibiz-action-toolbar__item+.ibiz-action-toolbar__item{margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__separator{display:inline-block;width:var(--ibiz-action-toolbar-separator-width);vertical-align:middle;background-color:var(--ibiz-action-toolbar-separator-color)}.ibiz-action-toolbar__separator:first-child{display:none}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption{cursor:pointer}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption-icon{vertical-align:bottom}

package/lib/common/rawitem/rawitem.cjs

@@ -43,6 +43,7 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
         rawItemContent.value = rawItem.content;
       }
     } else if (["VIDEO", "DIVIDER", "INFO", "WARNING", "ERROR"].includes(contentType)) {
+      rawItemContent.value = props.content;
     } else if (contentType === "IMAGE" && sysImage) {
       rawItemContent.value = sysImage;
     }
@@ -66,7 +67,9 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
       type: "info",
       title: "",
       closeabled: true,
-      showIcon: false
+      showIcon: false,
+      class: "",
+      "left-icon": ""
     });
     const rawItemText = vue.ref("");
     const convertValue = () => {
@@ -109,7 +112,12 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
                 case "INFO":
                 case "WARNING":
                 case "ERROR":
-                  alertParams.value.type = rawItemType.value.toLocaleLowerCase();
+                  alertParams.value.class = rawItemType.value.toLocaleLowerCase();
+                  if (rawItemType.value === "ERROR") {
+                    alertParams.value["left-icon"] = "close";
+                  } else {
+                    alertParams.value["left-icon"] = rawItemType.value.toLocaleLowerCase();
+                  }
                   Object.assign(alertParams.value, rawConfig);
                   break;
                 default:
@@ -217,7 +225,7 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
         }, null), vue.createTextVNode("\u4F60\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301video\u6807\u7B7E")])]);
       }
       if (this.rawItemType === "DIVIDER") {
-        return vue.createVNode(vue.resolveComponent("el-divider"), {
+        return vue.createVNode(vue.resolveComponent("van-divider"), {
           "content-position": this.dividerParams.contentPosition
         }, {
           default: () => [vue.createVNode("span", {
@@ -226,12 +234,15 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
         });
       }
       if (this.rawItemType === "INFO" || this.rawItemType === "WARNING" || this.rawItemType === "ERROR") {
-        return vue.createVNode(vue.resolveComponent("el-alert"), {
-          "title": this.alertParams.title,
-          "type": this.alertParams.type,
+        return vue.createVNode(vue.resolveComponent("van-notice-bar"), {
+          "text": this.alertParams.title,
           "show-icon": this.alertParams.showIcon,
-          "closable": this.alertParams.closeabled
-        }, null);
+          "class": this.alertParams.class,
+          "left-icon": this.alertParams.showIcon ? this.alertParams["left-icon"] : "",
+          "mode": this.alertParams.closeabled ? "closeable" : ""
+        }, {
+          default: () => [this.alertParams.title]
+        });
       }
       if (this.rawItemType === "MARKDOWN") {
         return vue.createVNode(vue.resolveComponent("iBizMarkDown"), {

package/lib/common/rawitem/rawitem.css

@@ -1 +1 @@
-.ibiz-rawitem{width:100%;height:100%;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-editor-default-text-color)}.ibiz-rawitem .ibiz-icon{width:100%;height:100%}
+.ibiz-rawitem{width:100%;height:100%;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-editor-default-text-color)}.ibiz-rawitem .ibiz-icon{width:100%;height:100%}.ibiz-rawitem .van-notice-bar.info{--van-notice-bar-text-color:var(--ibiz-color-primary);--van-notice-bar-background:var(--ibiz-color-primary-light-default)}.ibiz-rawitem .van-notice-bar.warning{--van-notice-bar-text-color:var(--ibiz-color-warning)}.ibiz-rawitem .van-notice-bar.error{--van-notice-bar-text-color:var(--ibiz-color-danger);--van-notice-bar-background:var(--ibiz-color-danger-light-default)}

package/lib/control/app-menu/app-menu.cjs

@@ -93,7 +93,7 @@ const AppMenuControl = /* @__PURE__ */ vue.defineComponent({
         });
       }
       return vue.createVNode("div", {
-        "class": [ns.b(), ns.m(props.modelData.id)]
+        "class": [ns.b(), ns.m(props.modelData.id), ns.m(model.controlStyle || "default")]
       }, [vue.createVNode(vue.resolveComponent("van-tabbar"), {
         "modelValue": activeName.value,
         "onChange": onTabChange

package/lib/control/app-menu/app-menu.css

@@ -1 +1 @@
-.ibiz-control-appmenu{--ibiz-control-appmenu-list-view-icon-size:var(--ibiz-font-size-header-4);--ibiz-control-appmenu-list-view-font-size:var(--ibiz-font-size-regular);--ibiz-control-appmenu-list-view-padding:0 16px;--ibiz-control-appmenu-list-view-item-padding:8px 0;--ibiz-control-appmenu-icon-width:100%;--ibiz-control-appmenu-icon-view-icon-size:35px;--ibiz-control-appmenu-icon-view-icon-margin:5px;width:100%;height:100%}.ibiz-control-appmenu-listview{--van-cell-border-color:getCssVar("color", "border");--van-divider-margin:2px;--van-divider-border-color:transparent;--van-cell-horizontal-padding:12px;--van-cell-active-color:transparent;--van-cell-right-icon-color:var(--van-gray-6);padding:var(--ibiz-control-appmenu-list-view-padding)}.ibiz-control-appmenu-listview .ibiz-control-appmenu-item{padding:var(--ibiz-control-appmenu-list-view-item-padding);font-size:var(--ibiz-control-appmenu-list-view-font-size);border-bottom:var(--ibiz-color-border) solid 1px}.ibiz-control-appmenu-listview .ibiz-control-appmenu-item:last-child{border-width:0}.ibiz-control-appmenu-listview .ibiz-control-appmenu-icon{display:flex;align-items:center;justify-content:center;margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-control-appmenu-list-view-icon-size)}.ibiz-control-appmenu-iconview .van-grid-item__text{display:-webkit-box;flex:1;height:-moz-fit-content;height:fit-content;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ibiz-control-appmenu-iconview .van-badge__wrapper{display:flex;justify-content:center;width:100%}.ibiz-control-appmenu-iconview .van-grid-item__content--clickable:active{background-color:inherit}.ibiz-control-appmenu-iconview .ibiz-control-appmenu-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-icon-width);margin-bottom:var(--ibiz-control-appmenu-icon-view-icon-margin);font-size:var(--ibiz-control-appmenu-icon-view-icon-size)}.ibiz-control-appmenu-nav{height:calc(100% - var(--van-tabbar-height))}
+.ibiz-control-appmenu{--ibiz-control-appmenu-list-view-icon-size:var(--ibiz-font-size-header-4);--ibiz-control-appmenu-list-view-font-size:var(--ibiz-font-size-regular);--ibiz-control-appmenu-list-view-padding:0 1rem;--ibiz-control-appmenu-list-view-item-padding:0.5rem 0;--ibiz-control-appmenu-icon-width:100%;--ibiz-control-appmenu-icon-view-icon-size:2.1875rem;--ibiz-control-appmenu-icon-view-icon-margin:0.3125rem;width:100%;height:100%}.ibiz-control-appmenu--default{height:var(--van-tabbar-height)}.ibiz-control-appmenu-listview{--van-cell-border-color:var(--ibiz-color-border);--van-divider-margin:0.125rem;--van-divider-border-color:transparent;--van-cell-horizontal-padding:0.75rem;--van-cell-active-color:transparent;--van-cell-right-icon-color:var(--van-gray-6);padding:var(--ibiz-control-appmenu-list-view-padding)}.ibiz-control-appmenu-listview .ibiz-control-appmenu-item{padding:var(--ibiz-control-appmenu-list-view-item-padding);font-size:var(--ibiz-control-appmenu-list-view-font-size);border-bottom:var(--ibiz-color-border) solid .0625rem}.ibiz-control-appmenu-listview .ibiz-control-appmenu-item:last-child{border-width:0}.ibiz-control-appmenu-listview .ibiz-control-appmenu-icon{display:flex;align-items:center;justify-content:center;margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-control-appmenu-list-view-icon-size)}.ibiz-control-appmenu-iconview .van-grid-item__text{display:-webkit-box;flex:1;height:-moz-fit-content;height:fit-content;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ibiz-control-appmenu-iconview .van-badge__wrapper{display:flex;justify-content:center;width:100%}.ibiz-control-appmenu-iconview .van-grid-item__content--clickable:active{background-color:inherit}.ibiz-control-appmenu-iconview .ibiz-control-appmenu-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-icon-width);margin-bottom:var(--ibiz-control-appmenu-icon-view-icon-margin);font-size:var(--ibiz-control-appmenu-icon-view-icon-size)}.ibiz-control-appmenu-nav{height:calc(100% - var(--van-tabbar-height))}

package/lib/control/calendar/calendar.css

@@ -1 +1 @@
-.ibiz-control-calendar{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);display:flex;flex-direction:column;width:100%;height:100%}.ibiz-control-calendar__calendar-item{display:flex;gap:var(--ibiz-spacing-base-tight);align-items:center;padding:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar__icon{width:10px;height:10px;border-radius:50%}.ibiz-control-calendar__day{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ibiz-control-calendar__mark{display:flex;position:absolute;bottom:-4px;left:0;flex-grow:1;justify-content:space-around;width:100%}.ibiz-control-calendar__mark--item{width:4px;height:4px;background-color:red;border-radius:50px}.ibiz-control-calendar-content{width:100%}.ibiz-control-calendar-item{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);height:100%;padding:var(--ibiz-control-calendar-item-padding);margin-bottom:var(--ibiz-control-calendar-margin);overflow:hidden;font-size:var(--ibiz-control-calendar-font-size);color:var(--ibiz-control-calendar-text-color);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:var(--ibiz-color-bg-0);border:solid .5px transparent;border-radius:var(--ibiz-control-calendar-border-radius)}.ibiz-control-calendar-date-text{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);padding:var(--ibiz-control-calendar-item-padding);margin-top:0}.ibiz-control-calendar-day{height:-moz-fit-content;height:fit-content}.ibiz-control-calendar-content-header{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);display:flex;gap:var(--ibiz-control-calendar-item-padding);align-items:center}.ibiz-control-calendar-footer{flex-grow:1;min-height:0}.ibiz-control-calendar-footer .van-tabs{height:100%}.ibiz-control-calendar-footer .van-tabs__content{height:calc(100% - var(--van-tabs-line-height));margin:0 var(--ibiz-control-calendar-item-padding);overflow-y:auto}.ibiz-control-calendar-title{position:relative;display:flex;align-items:center;justify-content:space-between}.ibiz-control-calendar-title .van-field{width:50%}.ibiz-control-calendar-title input{font-weight:100;text-align:inherit;background-color:transparent;border:1px var(--ibiz-color-border) solid;box-shadow:none}.ibiz-control-calendar-title span{top:0;left:0}
+.ibiz-control-calendar{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);display:flex;flex-direction:column;width:100%;height:100%}.ibiz-control-calendar .calendar_day{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-control-calendar__calendar-item{display:flex;gap:var(--ibiz-spacing-base-tight);align-items:center;padding:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar__icon{width:.625rem;height:.625rem;border-radius:50%}.ibiz-control-calendar__day{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ibiz-control-calendar__mark{display:flex;position:absolute;bottom:-.25rem;left:0;flex-grow:1;justify-content:space-around;width:100%}.ibiz-control-calendar__mark--item{width:.25rem;height:.25rem;background-color:red;border-radius:3.125rem}.ibiz-control-calendar-content{width:100%}.ibiz-control-calendar-item{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);height:100%;padding:var(--ibiz-control-calendar-item-padding);margin-bottom:var(--ibiz-control-calendar-margin);overflow:hidden;font-size:var(--ibiz-control-calendar-font-size);color:var(--ibiz-control-calendar-text-color);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:var(--ibiz-color-bg-1);border:solid .03125rem transparent;border-radius:var(--ibiz-control-calendar-border-radius)}.ibiz-control-calendar-date-text{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);padding:var(--ibiz-control-calendar-item-padding);margin-top:0}.ibiz-control-calendar-day{height:-moz-fit-content;height:fit-content}.ibiz-control-calendar-content-header{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);display:flex;gap:var(--ibiz-control-calendar-item-padding);align-items:center}.ibiz-control-calendar-footer{flex-grow:1;min-height:0}.ibiz-control-calendar-footer .van-tabs{height:100%}.ibiz-control-calendar-footer .van-tabs__content{height:calc(100% - var(--van-tabs-line-height));margin:0 var(--ibiz-control-calendar-item-padding);overflow-y:auto}.ibiz-control-calendar-title{position:relative;display:flex;align-items:center;justify-content:space-between}.ibiz-control-calendar-title .van-field{width:50%}.ibiz-control-calendar-title input{font-weight:100;text-align:inherit;background-color:transparent;border:.0625rem var(--ibiz-color-border) solid;box-shadow:none}.ibiz-control-calendar-title span{top:0;left:0}

package/lib/control/caption-bar/caption-bar.css

@@ -1 +1 @@
-.ibiz-control-captionbar{--ibiz-control-captionbar-color:var(--ibiz-color-text-0);--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-sub-main-font-size:var(--ibiz-font-size-header-6);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-captionbar-line-height:40px;--ibiz-control-captionbar-text-align:center;--ibiz-control-captionbar-min-height:var(--ibiz-spacing-super-loose);--ibiz-control-captionbar-sub-caption-font-size:var(--ibiz-font-size-regular);--ibiz-control-captionbar-sub-caption-color:var(--ibiz-color-text-2);position:relative;display:flex;flex-direction:column;align-items:center;height:100%;min-height:var(--ibiz-control-captionbar-min-height);padding:0 var(--ibiz-spacing-base)}.ibiz-control-captionbar.is-hasSub .ibiz-control-captionbar-caption{font-size:var(--ibiz-control-captionbar-sub-main-font-size)}.ibiz-control-captionbar .ibiz-control-captionbar-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-font-size);font-weight:var(--ibiz-control-captionbar-font-weight);line-height:var(--ibiz-control-captionbar-line-height);color:var(--ibiz-control-captionbar-color);text-align:var(--ibiz-control-captionbar-text-align)}.ibiz-control-captionbar .ibiz-control-captionbar-sub-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-sub-caption-font-size);color:var(--ibiz-control-captionbar-sub-caption-color);text-align:var(--ibiz-control-captionbar-text-align)}
+.ibiz-control-captionbar{--ibiz-control-captionbar-color:var(--ibiz-color-text-0);--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-sub-main-font-size:var(--ibiz-font-size-header-6);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-captionbar-line-height:2.5rem;--ibiz-control-captionbar-text-align:center;--ibiz-control-captionbar-min-height:var(--ibiz-spacing-super-loose);--ibiz-control-captionbar-sub-caption-font-size:var(--ibiz-font-size-regular);--ibiz-control-captionbar-sub-caption-color:var(--ibiz-color-text-2);position:relative;display:flex;flex-direction:column;align-items:center;height:100%;min-height:var(--ibiz-control-captionbar-min-height);padding:0 var(--ibiz-spacing-base)}.ibiz-control-captionbar.is-hasSub .ibiz-control-captionbar-caption{font-size:var(--ibiz-control-captionbar-sub-main-font-size)}.ibiz-control-captionbar .ibiz-control-captionbar-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-font-size);font-weight:var(--ibiz-control-captionbar-font-weight);line-height:var(--ibiz-control-captionbar-line-height);color:var(--ibiz-control-captionbar-color);text-align:var(--ibiz-control-captionbar-text-align)}.ibiz-control-captionbar .ibiz-control-captionbar-sub-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-sub-caption-font-size);color:var(--ibiz-control-captionbar-sub-caption-color);text-align:var(--ibiz-control-captionbar-text-align)}

package/lib/control/dashboard/portlet/portlet-layout/portlet-layout.cjs

@@ -44,10 +44,10 @@ const PortletLayout = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.be("header", "left")
     }, [model.showTitleBar && vue.createVNode("div", {
       "class": this.ns.e("caption")
-    }, [vue.createVNode(vue.resolveComponent("app-icon"), {
+    }, [vue.createVNode(vue.resolveComponent("iBizIcon"), {
       "class": this.ns.e("caption-icon"),
       "icon": model.sysImage
-    }, null), vue.createVNode("span", {
+    }, null), vue.createVNode("div", {
       "class": this.ns.e("caption-text"),
       "title": model.title
     }, [model.title])])]), vue.createVNode("div", {

package/lib/control/dashboard/portlet/portlet-layout/portlet-layout.css

@@ -1 +1 @@
-.ibiz-portlet-layout{--ibiz-portlet-layout-bg-color:var(--ibiz-color-bg-0);--ibiz-portlet-layout-header-height:40px;--ibiz-portlet-layout-header-padding:16px;--ibiz-portlet-layout-header-margin:0;--ibiz-portlet-layout-header-bg-color:transparent;--ibiz-portlet-layout-header-border-bottom:1px solid var(--ibiz-color-border);--ibiz-portlet-layout-caption-max-width:300px;--ibiz-portlet-layout-caption-font-weight:600;--ibiz-portlet-layout-caption-font-size:var(--ibiz-font-size-header-6);--ibiz-portlet-layout-caption-color:var(--ibiz-color-text-0);--ibiz-portlet-layout-content-bg-color:transparent;--ibiz-portlet-layout-content-padding:0;--ibiz-portlet-layout-content-margin:0;--ibiz-portlet-layout-border-radius:var(--ibiz-border-radius-medium);width:100%;height:100%;background-color:var(--ibiz-portlet-layout-bg-color);border-radius:var(--ibiz-portlet-layout-border-radius)}.ibiz-portlet-layout__caption{max-width:var(--ibiz-portlet-layout-caption-max-width)}.ibiz-portlet-layout__caption-text{font-size:var(--ibiz-portlet-layout-caption-font-size);font-weight:var(--ibiz-portlet-layout-caption-font-weight);color:var(--ibiz-portlet-layout-caption-color)}.ibiz-portlet-layout.is-no-header>.ibiz-portlet-layout-content{height:100%}.ibiz-portlet-layout-header{display:flex;justify-content:space-between;height:var(--ibiz-portlet-layout-header-height);padding-left:var(--ibiz-portlet-layout-header-padding);margin:var(--ibiz-portlet-layout-header-margin);line-height:var(--ibiz-portlet-layout-header-height);background-color:var(--ibiz-portlet-layout-header-bg-color)}.ibiz-portlet-layout-content{height:calc(100% - var(--ibiz-portlet-layout-header-height));padding:var(--ibiz-portlet-layout-content-padding);margin:var(--ibiz-portlet-layout-content-margin);background-color:var(--ibiz-portlet-layout-content-bg-color)}
+.ibiz-portlet-layout{--ibiz-portlet-layout-bg-color:var(--ibiz-color-bg-1);--ibiz-portlet-layout-header-height:2.5rem;--ibiz-portlet-layout-header-padding:1rem;--ibiz-portlet-layout-header-margin:0;--ibiz-portlet-layout-header-bg-color:transparent;--ibiz-portlet-layout-header-border-bottom:0.0625rem solid var(--ibiz-color-border);--ibiz-portlet-layout-caption-max-width:18.75rem;--ibiz-portlet-layout-caption-font-weight:600;--ibiz-portlet-layout-caption-font-size:var(--ibiz-font-size-header-6);--ibiz-portlet-layout-caption-color:var(--ibiz-color-text-0);--ibiz-portlet-layout-content-bg-color:transparent;--ibiz-portlet-layout-content-padding:0;--ibiz-portlet-layout-content-margin:0;--ibiz-portlet-layout-border-radius:var(--ibiz-border-radius-medium);width:100%;height:100%;background-color:var(--ibiz-portlet-layout-bg-color);border-radius:var(--ibiz-portlet-layout-border-radius)}.ibiz-portlet-layout__caption{max-width:var(--ibiz-portlet-layout-caption-max-width)}.ibiz-portlet-layout__caption-text{font-size:var(--ibiz-portlet-layout-caption-font-size);font-weight:var(--ibiz-portlet-layout-caption-font-weight);color:var(--ibiz-portlet-layout-caption-color)}.ibiz-portlet-layout.is-no-header>.ibiz-portlet-layout-content{height:100%}.ibiz-portlet-layout-header{display:flex;justify-content:space-between;height:var(--ibiz-portlet-layout-header-height);padding-left:var(--ibiz-portlet-layout-header-padding);margin:var(--ibiz-portlet-layout-header-margin);line-height:var(--ibiz-portlet-layout-header-height);background-color:var(--ibiz-portlet-layout-header-bg-color)}.ibiz-portlet-layout-content{height:calc(100% - var(--ibiz-portlet-layout-header-height));padding:var(--ibiz-portlet-layout-content-padding);margin:var(--ibiz-portlet-layout-content-margin);background-color:var(--ibiz-portlet-layout-content-bg-color)}

package/lib/control/data-view/data-view.cjs

@@ -65,6 +65,18 @@ const DataViewControl = /* @__PURE__ */ vue.defineComponent({
         "class": ns.be("item-content", "bottom")
       }, [renderItemAction(item)]) : null]);
     };
+    const renderNoData = () => {
+      const {
+        isLoaded
+      } = c.state;
+      if (!isLoaded) {
+        return;
+      }
+      return isLoaded && vue.createVNode(vue.resolveComponent("iBizNoData"), {
+        "text": c.model.emptyText,
+        "emptyTextLanguageRes": c.model.emptyTextLanguageRes
+      }, null);
+    };
     const renderCard = (item) => {
       const model = c.model;
       const findIndex = c.state.selectedData.findIndex((data) => {
@@ -130,6 +142,7 @@ const DataViewControl = /* @__PURE__ */ vue.defineComponent({
     return {
       c,
       ns,
+      renderNoData,
       renderMDContent
     };
   },
@@ -137,7 +150,7 @@ const DataViewControl = /* @__PURE__ */ vue.defineComponent({
     return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
       "controller": this.c
     }, {
-      default: () => [this.c.state.isCreated && [this.renderMDContent()]]
+      default: () => [this.c.state.isCreated && (this.c.state.items.length > 0 ? this.renderMDContent() : this.renderNoData())]
     });
   }
 });