@ibiz-template/vue3-components 0.7.41-alpha.18 → 0.7.41-alpha.19

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

@@ -4,7 +4,7 @@ var vue = require('vue');
 var vueRouter = require('vue-router');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./auth-userinfo.css');
-var runtime = require('@ibiz-template/runtime');
+var authUserinfo_controller = require('./auth-userinfo.controller.cjs');
 
 "use strict";
 const AuthUserinfo = /* @__PURE__ */ vue.defineComponent({
@@ -21,7 +21,7 @@ const AuthUserinfo = /* @__PURE__ */ vue.defineComponent({
      * @description 用户信息控件控制器
      */
     controller: {
-      type: runtime.PanelItemController,
+      type: authUserinfo_controller.AuthUserinfoController,
       required: true
     }
   },
@@ -45,8 +45,20 @@ const AuthUserinfo = /* @__PURE__ */ vue.defineComponent({
       ibiz.hub.controller.logout();
     };
     const isCollapse = vue.computed(() => {
+      const {
+        strictly
+      } = c.rawItemParams;
+      if (strictly && strictly === "true") {
+        return false;
+      }
       return c.panel.view.state.isCollapse;
     });
+    const isReadonly = vue.computed(() => {
+      const {
+        readonly
+      } = c.rawItemParams;
+      return readonly === "true";
+    });
     return {
       ns,
       c,
@@ -55,13 +67,16 @@ const AuthUserinfo = /* @__PURE__ */ vue.defineComponent({
       loginname,
       router,
       menuAlign,
-      isCollapse
+      isCollapse,
+      isReadonly
     };
   },
   render() {
     return vue.createVNode("div", {
-      "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass, this.ns.is("left", this.menuAlign === "LEFT"), this.ns.is("top", this.menuAlign === "TOP"), this.ns.is("collapse", this.isCollapse)]
-    }, [vue.createVNode(vue.resolveComponent("el-dropdown"), null, {
+      "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass, this.ns.is("left", this.menuAlign === "LEFT"), this.ns.is("top", this.menuAlign === "TOP"), this.ns.is("collapse", this.isCollapse), this.ns.is("readonly", this.isReadonly)]
+    }, [vue.createVNode(vue.resolveComponent("el-dropdown"), {
+      "disabled": this.isReadonly
+    }, {
       default: () => vue.createVNode("div", {
         "class": [this.ns.b("info"), this.ns.is("collapse", this.isCollapse)]
       }, [vue.createVNode("div", {

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

@@ -0,0 +1,53 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class AuthUserinfoController extends runtime.PanelItemController {
+  constructor() {
+    super(...arguments);
+    /**
+     * @description 自定义补充参数
+     * @exposedoc
+     * @type {IData}
+     * @memberof AuthUserinfoController
+     */
+    __publicField(this, "rawItemParams", {});
+  }
+  /**
+   * 初始化
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof AuthUserinfoController
+   */
+  async onInit() {
+    await super.onInit();
+    this.handleRawItemParams();
+  }
+  /**
+   * @description 处理自定义补充参数 [{key:'name',value:'data'}] => {name:'data'}
+   * @protected
+   * @memberof AuthUserinfoController
+   */
+  handleRawItemParams() {
+    var _a;
+    const rawItemParams = (_a = this.model.rawItem) == null ? void 0 : _a.rawItemParams;
+    if (Array.isArray(rawItemParams)) {
+      rawItemParams.forEach((item) => {
+        const key = item.key;
+        const value = item.value;
+        if (key && value) {
+          this.rawItemParams[key.toLowerCase()] = value;
+        }
+      });
+    }
+  }
+}
+
+exports.AuthUserinfoController = AuthUserinfoController;

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

@@ -1 +1 @@
-.ibiz-user-info{--ibiz-user-info-padding:0 var(--ibiz-spacing-loose);--ibiz-user-info-color:var(--ibiz-color-text-0);--ibiz-user-info-font-size:var(--ibiz-font-size-header-5);--ibiz-user-info-height:44px;display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%}.ibiz-user-info .el-dropdown{width:100%;height:var(--ibiz-user-info-height);padding:var(--ibiz-user-info-padding);cursor:pointer}.ibiz-user-info.is-left .ibiz-user-info__down{display:none}.ibiz-user-info.is-top .ibiz-user-info__down{margin-left:12px;font-size:var(--ibiz-user-info-font-size)}.ibiz-user-info.is-top .ibiz-user-info-avatar{max-width:32px;max-height:32px;margin-right:var(--ibiz-spacing-base)}.ibiz-user-info.is-collapse .el-dropdown{padding:0 var(--ibiz-spacing-base-tight)}.ibiz-user-info.is-collapse .ibiz-user-info-avatar{max-width:32px;max-height:32px;margin:0}.ibiz-user-info-avatar{width:var(--ibiz-user-info-height);height:var(--ibiz-user-info-height);margin-right:10px}.ibiz-user-info-info{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--ibiz-user-info-color)}.ibiz-user-info-info.is-collapse{justify-content:center}.ibiz-user-info-name__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:var(--ibiz-user-info-font-size);line-height:1.3}.ibiz-user-info-name__person-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;margin-top:4px;font-size:var(--ibiz-font-size-small);line-height:1.2}.ibiz-user-info-name.is-collapse{display:none}.ibiz-user-info-label{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-user-info-font-size);color:var(--ibiz-user-info-color);outline:0}
+.ibiz-user-info{--ibiz-user-info-padding:0 var(--ibiz-spacing-loose);--ibiz-user-info-color:var(--ibiz-color-text-0);--ibiz-user-info-font-size:var(--ibiz-font-size-header-5);--ibiz-user-info-height:44px;display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%}.ibiz-user-info .el-dropdown{width:100%;height:var(--ibiz-user-info-height);padding:var(--ibiz-user-info-padding);cursor:pointer}.ibiz-user-info.is-left .ibiz-user-info__down{display:none}.ibiz-user-info.is-top .ibiz-user-info__down{margin-left:12px;font-size:var(--ibiz-user-info-font-size)}.ibiz-user-info.is-top .ibiz-user-info-avatar{max-width:32px;max-height:32px;margin-right:var(--ibiz-spacing-base)}.ibiz-user-info.is-collapse .el-dropdown{padding:0 var(--ibiz-spacing-base-tight)}.ibiz-user-info.is-collapse .ibiz-user-info-avatar{max-width:32px;max-height:32px;margin:0}.ibiz-user-info.is-readonly .el-dropdown{cursor:default}.ibiz-user-info-avatar{width:var(--ibiz-user-info-height);height:var(--ibiz-user-info-height);margin-right:10px}.ibiz-user-info-info{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--ibiz-user-info-color)}.ibiz-user-info-info.is-collapse{justify-content:center}.ibiz-user-info-name__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:var(--ibiz-user-info-font-size);line-height:1.3}.ibiz-user-info-name__person-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;margin-top:4px;font-size:var(--ibiz-font-size-small);line-height:1.2}.ibiz-user-info-name.is-collapse{display:none}.ibiz-user-info-label{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-user-info-font-size);color:var(--ibiz-user-info-color);outline:0}

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var runtime = require('@ibiz-template/runtime');
+var authUserinfo_controller = require('./auth-userinfo.controller.cjs');
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -14,7 +14,7 @@ class AuthUserinfoProvider {
     __publicField(this, "component", "IBizAuthUserinfo");
   }
   async createController(panelItem, panel, parent) {
-    const c = new runtime.PanelItemController(panelItem, panel, parent);
+    const c = new authUserinfo_controller.AuthUserinfoController(panelItem, panel, parent);
     await c.init();
     return c;
   }

package/lib/panel-component/global-search/global-search.cjs

@@ -48,6 +48,12 @@ const GlobalSearch = /* @__PURE__ */ vue.defineComponent({
       const showEmpty = histories.includes(query) && list.length === 0;
       return (showSearch || showEmpty || showHistory || loading) && activated.value;
     });
+    const curPlaceholder = vue.computed(() => {
+      const {
+        placeholder
+      } = c.rawItemParams;
+      return placeholder || ibiz.i18n.t("panelComponent.globalSearch.placeholder");
+    });
     const handleEnter = (event) => {
       if (event.key === "Enter") {
         activated.value = true;
@@ -190,6 +196,7 @@ const GlobalSearch = /* @__PURE__ */ vue.defineComponent({
       visible,
       editorRef,
       searchValue,
+      curPlaceholder,
       handleFocus,
       handleEnter,
       renderAction,
@@ -214,7 +221,7 @@ const GlobalSearch = /* @__PURE__ */ vue.defineComponent({
           "ref": "editorRef",
           "modelValue": this.searchValue,
           "onUpdate:modelValue": ($event) => this.searchValue = $event,
-          "placeholder": ibiz.i18n.t("panelComponent.globalSearch.placeholder"),
+          "placeholder": this.curPlaceholder,
           "class": [this.ns.e("search"), this.ns.is("search", this.visible)],
           "onFocus": this.handleFocus,
           "onKeyup": this.handleEnter,

package/lib/panel-component/global-search/global-search.controller.cjs

@@ -2,7 +2,6 @@
 
 var runtime = require('@ibiz-template/runtime');
 var qxUtil = require('qx-util');
-var core = require('@ibiz-template/core');
 var globalSearch_state = require('./global-search.state.cjs');
 
 "use strict";
@@ -32,7 +31,7 @@ class GlobalSearchController extends runtime.PanelItemController {
     /**
      * @description 自定义参数
      * @exposedoc
-     * @protected
+     * @public
      * @type {IData}
      * @memberof GlobalSearchController
      */
@@ -127,6 +126,38 @@ class GlobalSearchController extends runtime.PanelItemController {
     if (cache)
       this.state.histories = JSON.parse(cache);
   }
+  /**
+   * @description 获取全局搜索应用功能
+   * @param {IAppMenuItem[]} appMenuItems
+   * @returns {*}  {Promise<IAppFunc[]>}
+   * @memberof GlobalSearchController
+   */
+  async getSearchFunc(appMenuItems) {
+    const result = [];
+    const promises = appMenuItems.map(async (menuItem) => {
+      try {
+        if (menuItem.appMenuItems) {
+          const subFuncs = await this.getSearchFunc(menuItem.appMenuItems);
+          result.push(...subFuncs);
+          return;
+        }
+        if (menuItem.appFuncId) {
+          let app = ibiz.hub.getApp(menuItem.appId);
+          if (!app) {
+            app = await ibiz.hub.getAppAsync(menuItem.appId);
+          }
+          const appFunc = app.getAppFunc(menuItem.appFuncId);
+          if (appFunc && appFunc.appFuncType === "SEARCH" && appFunc.appDEACModeId && appFunc.appDataEntityId) {
+            result.push(appFunc);
+          }
+        }
+      } catch (err) {
+        console.error("\u8BA1\u7B97\u83DC\u5355\u5E94\u7528\u529F\u80FD\u5F02\u5E38: ".concat(menuItem.appFuncId), err);
+      }
+    });
+    await Promise.all(promises);
+    return result;
+  }
   /**
    * 初始化全局搜索项
    *
@@ -134,24 +165,14 @@ class GlobalSearchController extends runtime.PanelItemController {
    * @memberof GlobalSearchController
    */
   async initGlobalSearchItem() {
-    const appMenu = runtime.getControl(this.panel.view.model, "appmenu");
+    const appMenu = runtime.getControl(
+      this.panel.view.model,
+      "appmenu"
+    );
     if (!appMenu)
       return;
-    const appFuncs = [];
-    core.recursiveIterate(
-      appMenu,
-      (menuItem) => {
-        if (menuItem.appFuncId) {
-          const app = ibiz.hub.getApp(menuItem.appId);
-          const appFunc = app.getAppFunc(menuItem.appFuncId);
-          if (appFunc && appFunc.appFuncType === "SEARCH" && appFunc.appDEACModeId && appFunc.appDataEntityId)
-            appFuncs.push(appFunc);
-        }
-      },
-      {
-        childrenFields: ["appMenuItems"]
-      }
-    );
+    const appMenuItems = appMenu.appMenuItems || [];
+    const appFuncs = await this.getSearchFunc(appMenuItems);
     await Promise.all(
       appFuncs.map(async (func) => {
         const deACMode = await runtime.getDeACMode(

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

@@ -59,8 +59,6 @@ class IndexBlankPlaceholderController extends runtime.PanelItemController {
         const appView = await ibiz.hub.config.view.get(appViewId);
         const { openMode = "INDEXVIEWTAB" } = appView;
         this.state.visible = !openMode.startsWith("INDEXVIEWTAB");
-      } else {
-        this.state.visible = true;
       }
     });
   }

package/lib/panel-component/panel-app-title/panel-app-title.cjs

@@ -62,6 +62,12 @@ const PanelAppTitle = /* @__PURE__ */ vue.defineComponent({
       return false;
     });
     const isCollapse = vue.computed(() => {
+      const {
+        strictly
+      } = c.rawItemParams;
+      if (strictly && strictly === "true") {
+        return false;
+      }
       return c.panel.view.state.isCollapse;
     });
     const showIcon = vue.computed(() => {

package/lib/panel-component/panel-app-title/panel-app-title.controller.cjs

@@ -74,8 +74,11 @@ class PanelAppTitleController extends runtime.PanelItemController {
     if (this.state.icon.endsWith(".svg") || this.state.icon2.endsWith(".svg")) {
       this.state.isSvg = true;
     }
-    if (ibiz.env.AppTitle)
-      this.state.caption = ibiz.env.AppTitle;
+    const defaultApp = ibiz.hub.getApp();
+    if (defaultApp.model.appId === indexViewModel.appId) {
+      if (ibiz.env.AppTitle)
+        this.state.caption = ibiz.env.AppTitle;
+    }
   }
   /**
    * 处理自定义补充参数 [{key:'name',value:'data'}] => {name:'data'}

package/lib/panel-component/panel-index-view-search/panel-index-view-search.cjs

@@ -4,6 +4,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var runtime = require('@ibiz-template/runtime');
 var lodashEs = require('lodash-es');
+var panelIndexViewSearch_controller = require('./panel-index-view-search.controller.cjs');
 require('./panel-index-view-search.css');
 
 "use strict";
@@ -21,7 +22,7 @@ const PanelIndexViewSearch = /* @__PURE__ */ vue.defineComponent({
      * @description 首页搜索控件控制器
      */
     controller: {
-      type: runtime.PanelItemController,
+      type: panelIndexViewSearch_controller.PanelIndexViewSearchController,
       required: true
     }
   },
@@ -43,8 +44,20 @@ const PanelIndexViewSearch = /* @__PURE__ */ vue.defineComponent({
       return "LEFT";
     });
     const isCollapse = vue.computed(() => {
+      const {
+        strictly
+      } = c.rawItemParams;
+      if (strictly && strictly === "true") {
+        return false;
+      }
       return c.panel.view.state.isCollapse;
     });
+    const curPlaceholder = vue.computed(() => {
+      const {
+        placeholder
+      } = c.rawItemParams;
+      return placeholder || ibiz.i18n.t("component.indexSearch.placeholder");
+    });
     const classArr = vue.computed(() => {
       const {
         id
@@ -80,6 +93,7 @@ const PanelIndexViewSearch = /* @__PURE__ */ vue.defineComponent({
       ns,
       classArr,
       isCollapse,
+      curPlaceholder,
       onInput,
       onSearch,
       c,
@@ -97,7 +111,7 @@ const PanelIndexViewSearch = /* @__PURE__ */ vue.defineComponent({
     }, [this.menuAlign === "LEFT" && !this.isCollapse && vue.createVNode(vue.resolveComponent("el-input"), {
       "model-value": this.query,
       "class": this.ns.b("search"),
-      "placeholder": ibiz.i18n.t("component.indexSearch.placeholder"),
+      "placeholder": this.curPlaceholder,
       "onInput": this.onInput,
       "onKeyup": this.onEnter
     }, {

package/lib/panel-component/panel-index-view-search/panel-index-view-search.controller.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class PanelIndexViewSearchController extends runtime.PanelItemController {
+  constructor() {
+    super(...arguments);
+    /**
+     * @description 自定义补充参数
+     * @exposedoc
+     * @type {IData}
+     * @memberof PanelIndexViewSearchController
+     */
+    __publicField(this, "rawItemParams", {});
+  }
+  /**
+   * 初始化
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof PanelIndexViewSearchController
+   */
+  async onInit() {
+    await super.onInit();
+    this.handleRawItemParams();
+  }
+  /**
+   * @description 处理自定义补充参数 [{key:'name',value:'data'}] => {name:'data'}
+   * @protected
+   * @memberof PanelIndexViewSearchController
+   */
+  handleRawItemParams() {
+    var _a;
+    const rawItemParams = (_a = this.model.rawItem) == null ? void 0 : _a.rawItemParams;
+    if (Array.isArray(rawItemParams)) {
+      rawItemParams.forEach((item) => {
+        const key = item.key;
+        const value = item.value;
+        if (key && value) {
+          this.rawItemParams[key.toLowerCase()] = value;
+        }
+      });
+    }
+  }
+}
+
+exports.PanelIndexViewSearchController = PanelIndexViewSearchController;

package/lib/panel-component/panel-index-view-search/panel-index-view-search.provider.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var runtime = require('@ibiz-template/runtime');
+var panelIndexViewSearch_controller = require('./panel-index-view-search.controller.cjs');
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -14,7 +14,7 @@ class PanelIndexViewSearchProvider {
     __publicField(this, "component", "IBizPanelIndexViewSearch");
   }
   async createController(panelItem, panel, parent) {
-    const c = new runtime.PanelItemController(panelItem, panel, parent);
+    const c = new panelIndexViewSearch_controller.PanelIndexViewSearchController(panelItem, panel, parent);
     await c.init();
     return c;
   }

package/lib/panel-component/panel-tab-panel/panel-tab-panel.cjs

@@ -75,8 +75,8 @@ const PanelTabPanel = /* @__PURE__ */ vue.defineComponent({
         "label": c.model.caption,
         "name": c.model.id,
         "lazy": true
-      }, _isSlot(slot) ? slot : {
-        default: () => [slot]
+      }, {
+        default: () => [this.state.activeTab === c.model.id && slot]
       });
     })) ? _slot : {
       default: () => [_slot]

package/lib/util/app-modal/app-modal-component.cjs

@@ -6,8 +6,12 @@ var lodashEs = require('lodash-es');
 var runtime = require('@ibiz-template/runtime');
 require('./app-modal-component.css');
 var core = require('@ibiz-template/core');
+var icon = require('../icon/icon.cjs');
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
 const AppModalComponent = /* @__PURE__ */ vue.defineComponent({
   props: {
     opts: {
@@ -22,6 +26,7 @@ const AppModalComponent = /* @__PURE__ */ vue.defineComponent({
       zIndex
     } = vue3Util.useUIStore();
     const modalZIndex = zIndex.increment();
+    let modalView;
     const customStyle = vue.reactive({});
     const {
       width,
@@ -57,6 +62,13 @@ const AppModalComponent = /* @__PURE__ */ vue.defineComponent({
         ctx.emit("dismiss", data);
       }
     });
+    const viewShellHooks = new runtime.ViewShellHooks();
+    viewShellHooks.hooks.viewCreated.tapPromise(async (_event) => {
+      modalView = _event.view;
+    });
+    const handleViewCreated = (event) => {
+      modalView = event.view;
+    };
     const onBeforeClose = async (done) => {
       const isClose = await modal.dismiss();
       if (isClose) {
@@ -69,6 +81,12 @@ const AppModalComponent = /* @__PURE__ */ vue.defineComponent({
     const present = () => {
       isShow.value = true;
     };
+    const prevRecord = () => {
+      modalView == null ? void 0 : modalView.call(runtime.SysUIActionTag.PREV_RECORD);
+    };
+    const nextRecord = () => {
+      modalView == null ? void 0 : modalView.call(runtime.SysUIActionTag.NEXT_RECORD);
+    };
     return {
       ns,
       isShow,
@@ -76,13 +94,18 @@ const AppModalComponent = /* @__PURE__ */ vue.defineComponent({
       modalZIndex,
       customStyle,
       modal,
+      viewShellHooks,
       present,
       dismiss,
-      onBeforeClose
+      onBeforeClose,
+      prevRecord,
+      nextRecord,
+      handleViewCreated
     };
   },
   render() {
     var _a, _b;
+    let _slot, _slot2;
     return vue.h(vue.resolveComponent("el-dialog"), {
       modelValue: this.isShow,
       alignCenter: true,
@@ -91,7 +114,25 @@ const AppModalComponent = /* @__PURE__ */ vue.defineComponent({
       zIndex: this.modalZIndex,
       beforeClose: this.onBeforeClose,
       ...this.options
-    }, (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a, this.modal));
+    }, [
+      // eslint-disable-next-line vue/no-multiple-slot-args
+      (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a, this.modal, this.viewShellHooks),
+      this.options.openIndicator && vue.createVNode("div", {
+        "class": this.ns.e("record")
+      }, [vue.createVNode(vue.resolveComponent("el-button"), {
+        "class": this.ns.em("record", "prev"),
+        "title": ibiz.i18n.t("util.appModal.prev"),
+        "onClick": this.prevRecord
+      }, _isSlot(_slot = icon.ArrowLeftBold()) ? _slot : {
+        default: () => [_slot]
+      }), vue.createVNode(vue.resolveComponent("el-button"), {
+        "class": this.ns.em("record", "next"),
+        "title": ibiz.i18n.t("util.appModal.next"),
+        "onClick": this.nextRecord
+      }, _isSlot(_slot2 = icon.ArrowRightBold()) ? _slot2 : {
+        default: () => [_slot2]
+      })])
+    ]);
   }
 });
 function createModal(render, opts) {

package/lib/util/app-modal/app-modal-component.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-modal{--ibiz-modal-z-index:var(--ibiz-z-index-modal);--ibiz-modal-background-color:var(--ibiz-color-bg-1)}.ibiz-modal.el-dialog{overflow:visible}.ibiz-modal .el-dialog__header{position:relative;padding:0}.ibiz-modal .el-dialog__body{height:100%;padding:0;background-color:var(--ibiz-modal-background-color)}.ibiz-modal .el-dialog__headerbtn{top:-40px;right:-60px;border:var(--ibiz-spacing-super-tight) solid var(--ibiz-color-primary-text);border-radius:var(--ibiz-border-radius-circle);display:flex;align-items:center;justify-content:center}.ibiz-modal .el-dialog__headerbtn .el-dialog__close{font-size:var(--ibiz-font-size-header-4);color:var(--ibiz-color-primary-text)}
+@charset "UTF-8";.ibiz-modal{--ibiz-modal-z-index:var(--ibiz-z-index-modal);--ibiz-modal-background-color:var(--ibiz-color-bg-1)}.ibiz-modal__record--prev{position:absolute;top:50%;left:-6px;transform:translate(-100%,-50%)}.ibiz-modal__record--next{position:absolute;top:50%;right:-6px;font-size:var(--ibiz-font-size-regular);transform:translate(100%,-50%)}.ibiz-modal__record .el-button{height:auto;padding:var(--ibiz-spacing-loose) var(--ibiz-spacing-tight);margin:0;--el-button-bg-color:var(--ibiz-color-bg-0);--el-button-text-color:var(--ibiz-color-text-2);--el-button-hover-bg-color:var(--ibiz-color-bg-1);--el-button-hover-text-color:var(--ibiz-color-text-3);--el-button-active-bg-color:var(--ibiz-color-bg-0);--el-button-active-text-color:var(--ibiz-color-text-2)}.ibiz-modal.el-dialog{overflow:visible}.ibiz-modal .el-dialog__header{position:relative;padding:0}.ibiz-modal .el-dialog__body{height:100%;padding:0;background-color:var(--ibiz-modal-background-color)}.ibiz-modal .el-dialog__headerbtn{top:-40px;right:-60px;border:var(--ibiz-spacing-super-tight) solid var(--ibiz-color-primary-text);border-radius:var(--ibiz-border-radius-circle);display:flex;align-items:center;justify-content:center}.ibiz-modal .el-dialog__headerbtn .el-dialog__close{font-size:var(--ibiz-font-size-header-4);color:var(--ibiz-color-primary-text)}

package/lib/util/icon/icon.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var vue = require('vue');
+
+"use strict";
+const ArrowLeftBold = () => vue.createVNode("svg", {
+  "data-v-9a20e128": "",
+  "xmlns": "http://www.w3.org/2000/svg",
+  "viewBox": "0 0 1024 1024",
+  "width": "1em",
+  "height": "1em"
+}, [vue.createVNode("path", {
+  "fill": "currentColor",
+  "d": "M685.248 104.704a64 64 0 0 1 0 90.496L368.448 512l316.8 316.8a64 64 0 0 1-90.496 90.496L232.704 557.248a64 64 0 0 1 0-90.496l362.048-362.048a64 64 0 0 1 90.496 0z"
+}, null)]);
+const ArrowRightBold = () => vue.createVNode("svg", {
+  "data-v-9a20e128": "",
+  "xmlns": "http://www.w3.org/2000/svg",
+  "viewBox": "0 0 1024 1024",
+  "width": "1em",
+  "height": "1em"
+}, [vue.createVNode("path", {
+  "fill": "currentColor",
+  "d": "M338.752 104.704a64 64 0 0 0 0 90.496l316.8 316.8-316.8 316.8a64 64 0 0 0 90.496 90.496l362.048-362.048a64 64 0 0 0 0-90.496L429.248 104.704a64 64 0 0 0-90.496 0z"
+}, null)]);
+
+exports.ArrowLeftBold = ArrowLeftBold;
+exports.ArrowRightBold = ArrowRightBold;

package/lib/util/index.cjs

@@ -16,6 +16,7 @@ var wangEditorUtil = require('./wang-editor-util/wang-editor-util.cjs');
 var keydownUtil = require('./keydown-util/keydown-util.cjs');
 var aiUtil = require('./ai-util/ai-util.cjs');
 var buttonUtil = require('./button-util/button-util.cjs');
+var icon = require('./icon/icon.cjs');
 
 "use strict";
 
@@ -35,3 +36,5 @@ exports.parseHtml = wangEditorUtil.parseHtml;
 exports.useFocusByEnter = keydownUtil.useFocusByEnter;
 exports.calcAiToolbarItemsByAc = aiUtil.calcAiToolbarItemsByAc;
 exports.convertBtnType = buttonUtil.convertBtnType;
+exports.ArrowLeftBold = icon.ArrowLeftBold;
+exports.ArrowRightBold = icon.ArrowRightBold;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.41-alpha.18",
+  "version": "0.7.41-alpha.19",
   "description": "web端组件库(vue3)",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -36,10 +36,10 @@
     "@ibiz-template-plugin/data-view": "0.0.4",
     "@ibiz-template/core": "0.7.41-alpha.18",
     "@ibiz-template/devtool": "0.0.11",
-    "@ibiz-template/model-helper": "0.7.41-alpha.18",
-    "@ibiz-template/runtime": "0.7.41-alpha.18",
+    "@ibiz-template/model-helper": "0.7.41-alpha.19",
+    "@ibiz-template/runtime": "0.7.41-alpha.19",
     "@ibiz-template/theme": "0.7.39",
-    "@ibiz-template/vue3-util": "0.7.41-alpha.18",
+    "@ibiz-template/vue3-util": "0.7.41-alpha.19",
     "@ibiz-template/web-theme": "3.8.0",
     "@ibiz/model-core": "^0.1.79",
     "@imengyu/vue3-context-menu": "^1.3.5",