@ibiz-template/vue3-components 0.7.37-alpha.5 → 0.7.38-alpha.21

package/es/node_modules/.pnpm/{snabbdom@3.5.1 → snabbdom@3.6.2}/node_modules/snabbdom/build/init.mjs

@@ -1,5 +1,5 @@
 import { vnode } from './vnode.mjs';
-import { array, primitive } from './is.mjs';
+import { primitive, array } from './is.mjs';
 import { htmlDomApi } from './htmldomapi.mjs';
 
 function isUndef(s) {
@@ -48,7 +48,7 @@ const hooks = [
     "remove",
     "destroy",
     "pre",
-    "post",
+    "post"
 ];
 function init(modules, domApi, options) {
     const cbs = {
@@ -57,7 +57,7 @@ function init(modules, domApi, options) {
         remove: [],
         destroy: [],
         pre: [],
-        post: [],
+        post: []
     };
     const api = domApi !== undefined ? domApi : htmlDomApi;
     for (const hook of hooks) {
@@ -83,7 +83,9 @@ function init(modules, domApi, options) {
         return function rmCb() {
             if (--listeners === 0) {
                 const parent = api.parentNode(childElm);
-                api.removeChild(parent, childElm);
+                if (parent !== null) {
+                    api.removeChild(parent, childElm);
+                }
             }
         };
     }
@@ -106,6 +108,10 @@ function init(modules, domApi, options) {
             }
             vnode.elm = api.createComment(vnode.text);
         }
+        else if (sel === "") {
+            // textNode has no selector
+            vnode.elm = api.createTextNode(vnode.text);
+        }
         else if (sel !== undefined) {
             // Parse selector
             const hashIdx = sel.indexOf("#");
@@ -125,6 +131,11 @@ function init(modules, domApi, options) {
                 elm.setAttribute("class", sel.slice(dot + 1).replace(/\./g, " "));
             for (i = 0; i < cbs.create.length; ++i)
                 cbs.create[i](emptyNode, vnode);
+            if (primitive(vnode.text) &&
+                (!array(children) || children.length === 0)) {
+                // allow h1 and similar nodes to be created w/ text and empty child list
+                api.appendChild(elm, api.createTextNode(vnode.text));
+            }
             if (array(children)) {
                 for (i = 0; i < children.length; ++i) {
                     const ch = children[i];
@@ -133,9 +144,6 @@ function init(modules, domApi, options) {
                     }
                 }
             }
-            else if (primitive(vnode.text)) {
-                api.appendChild(elm, api.createTextNode(vnode.text));
-            }
             const hook = vnode.data.hook;
             if (isDef(hook)) {
                 (_b = hook.create) === null || _b === void 0 ? void 0 : _b.call(hook, emptyNode, vnode);
@@ -274,10 +282,18 @@ function init(modules, domApi, options) {
                 }
                 idxInOld = oldKeyToIdx[newStartVnode.key];
                 if (isUndef(idxInOld)) {
-                    // New element
+                    // `newStartVnode` is new, create and insert it in beginning
                     api.insertBefore(parentElm, createElm(newStartVnode, insertedVnodeQueue), oldStartVnode.elm);
+                    newStartVnode = newCh[++newStartIdx];
+                }
+                else if (isUndef(oldKeyToIdx[newEndVnode.key])) {
+                    // `newEndVnode` is new, create and insert it in the end
+                    api.insertBefore(parentElm, createElm(newEndVnode, insertedVnodeQueue), api.nextSibling(oldEndVnode.elm));
+                    newEndVnode = newCh[--newEndIdx];
                 }
                 else {
+                    // Neither of the new endpoints are new vnodes, so we make progress by
+                    // moving `newStartVnode` into position
                     elmToMove = oldCh[idxInOld];
                     if (elmToMove.sel !== newStartVnode.sel) {
                         api.insertBefore(parentElm, createElm(newStartVnode, insertedVnodeQueue), oldStartVnode.elm);
@@ -287,8 +303,8 @@ function init(modules, domApi, options) {
                         oldCh[idxInOld] = undefined;
                         api.insertBefore(parentElm, elmToMove.elm, oldStartVnode.elm);
                     }
+                    newStartVnode = newCh[++newStartIdx];
                 }
-                newStartVnode = newCh[++newStartIdx];
             }
         }
         if (newStartIdx <= newEndIdx) {

package/es/node_modules/.pnpm/{snabbdom@3.5.1 → snabbdom@3.6.2}/node_modules/snabbdom/build/jsx.mjs

@@ -1,7 +1,6 @@
 import { vnode } from './vnode.mjs';
 import { h } from './h.mjs';
 
-/* eslint-disable @typescript-eslint/no-namespace, import/export */
 function Fragment(data, ...children) {
     const flatChildren = flattenAndFilter(children, []);
     if (flatChildren.length === 1 &&
@@ -58,7 +57,5 @@ function jsx(tag, data, ...children) {
         }
     }
 }
-(function (jsx) {
-})(jsx || (jsx = {}));
 
 export { Fragment, jsx };

package/es/node_modules/.pnpm/{snabbdom@3.5.1 → snabbdom@3.6.2}/node_modules/snabbdom/build/modules/attributes.mjs

@@ -1,7 +1,9 @@
 const xlinkNS = "http://www.w3.org/1999/xlink";
+const xmlnsNS = "http://www.w3.org/2000/xmlns/";
 const xmlNS = "http://www.w3.org/XML/1998/namespace";
 const colonChar = 58;
 const xChar = 120;
+const mChar = 109;
 function updateAttrs(oldVnode, vnode) {
     let key;
     const elm = vnode.elm;
@@ -33,8 +35,10 @@ function updateAttrs(oldVnode, vnode) {
                     elm.setAttributeNS(xmlNS, key, cur);
                 }
                 else if (key.charCodeAt(5) === colonChar) {
-                    // Assume xlink namespace
-                    elm.setAttributeNS(xlinkNS, key, cur);
+                    // Assume 'xmlns' or 'xlink' namespace
+                    key.charCodeAt(1) === mChar
+                        ? elm.setAttributeNS(xmlnsNS, key, cur)
+                        : elm.setAttributeNS(xlinkNS, key, cur);
                 }
                 else {
                     elm.setAttribute(key, cur);
@@ -53,7 +57,7 @@ function updateAttrs(oldVnode, vnode) {
 }
 const attributesModule = {
     create: updateAttrs,
-    update: updateAttrs,
+    update: updateAttrs
 };
 
 export { attributesModule };

package/es/node_modules/.pnpm/{snabbdom@3.5.1 → snabbdom@3.6.2}/node_modules/snabbdom/build/modules/dataset.mjs

@@ -12,7 +12,7 @@ function updateDataset(oldVnode, vnode) {
     dataset = dataset || {};
     const d = elm.dataset;
     for (key in oldDataset) {
-        if (!dataset[key]) {
+        if (!(key in dataset)) {
             if (d) {
                 if (key in d) {
                     delete d[key];
@@ -36,7 +36,7 @@ function updateDataset(oldVnode, vnode) {
 }
 const datasetModule = {
     create: updateDataset,
-    update: updateDataset,
+    update: updateDataset
 };
 
 export { datasetModule };

package/es/node_modules/.pnpm/{snabbdom@3.5.1 → snabbdom@3.6.2}/node_modules/snabbdom/build/modules/eventlisteners.mjs

@@ -79,7 +79,7 @@ function updateEventListeners(oldVnode, vnode) {
 const eventListenersModule = {
     create: updateEventListeners,
     update: updateEventListeners,
-    destroy: updateEventListeners,
+    destroy: updateEventListeners
 };
 
 export { eventListenersModule };

package/es/node_modules/.pnpm/{snabbdom@3.5.1 → snabbdom@3.6.2}/node_modules/snabbdom/build/modules/style.mjs

@@ -1,7 +1,7 @@
-// Bindig `requestAnimationFrame` like this fixes a bug in IE/Edge. See #360 and #409.
-const raf = (typeof window !== "undefined" &&
-    window.requestAnimationFrame.bind(window)) ||
-    setTimeout;
+// Binding `requestAnimationFrame` like this fixes a bug in IE/Edge. See #360 and #409.
+const raf = typeof (window === null || window === void 0 ? void 0 : window.requestAnimationFrame) === "function"
+    ? window.requestAnimationFrame.bind(window)
+    : setTimeout;
 const nextFrame = function (fn) {
     raf(function () {
         raf(fn);
@@ -27,7 +27,7 @@ function updateStyle(oldVnode, vnode) {
     style = style || {};
     const oldHasDel = "delayed" in oldStyle;
     for (name in oldStyle) {
-        if (!style[name]) {
+        if (!(name in style)) {
             if (name[0] === "-" && name[1] === "-") {
                 elm.style.removeProperty(name);
             }
@@ -109,7 +109,7 @@ const styleModule = {
     create: updateStyle,
     update: updateStyle,
     destroy: applyDestroyStyle,
-    remove: applyRemoveStyle,
+    remove: applyRemoveStyle
 };
 
 export { styleModule };

package/es/node_modules/.pnpm/{snabbdom@3.5.1 → snabbdom@3.6.2}/node_modules/snabbdom/build/thunk.mjs

@@ -45,7 +45,7 @@ const thunk = function thunk(sel, key, fn, args) {
         key: key,
         hook: { init, prepatch },
         fn: fn,
-        args: args,
+        args: args
     });
 };
 

package/es/node_modules/.pnpm/{snabbdom@3.5.1 → snabbdom@3.6.2}/node_modules/snabbdom/build/tovnode.mjs

@@ -20,11 +20,7 @@ function toVNode(node, domApi) {
         const elmChildren = node.childNodes;
         for (i = 0, n = elmAttrs.length; i < n; i++) {
             name = elmAttrs[i].nodeName;
-            if (name[0] === "d" &&
-                name[1] === "a" &&
-                name[2] === "t" &&
-                name[3] === "a" &&
-                name[4] === "-") {
+            if (name.startsWith("data-")) {
                 dataset[name.slice(5)] = elmAttrs[i].nodeValue || "";
             }
             else if (name !== "id" && name !== "class") {
@@ -38,9 +34,7 @@ function toVNode(node, domApi) {
             data.attrs = attrs;
         if (Object.keys(dataset).length > 0)
             data.dataset = dataset;
-        if (sel[0] === "s" &&
-            sel[1] === "v" &&
-            sel[2] === "g" &&
+        if (sel.startsWith("svg") &&
             (sel.length === 3 || sel[3] === "." || sel[3] === "#")) {
             addNS(data, children, sel);
         }

package/es/panel-component/auth-captcha/auth-captcha.mjs

@@ -1,4 +1,4 @@
-import { computed, resolveComponent, createVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { defineComponent, computed, createVNode, resolveComponent, withDirectives, resolveDirective } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { showTitle } from '@ibiz-template/core';
 import { AuthCaptchaController } from './auth-captcha.controller.mjs';

package/es/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-6);display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%}.ibiz-user-info .el-dropdown{width:100%;padding:var(--ibiz-user-info-padding);cursor:pointer}.ibiz-user-info.is-left .ibiz-user-info__down{position:relative;top:12px}.ibiz-user-info.is-left .ibiz-user-info__down.is-collapse{display:none}.ibiz-user-info.is-top .ibiz-user-info__down{margin-left:35px}.ibiz-user-info.is-top .ibiz-user-info-avatar{max-width:24px;max-height:24px}.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:24px;max-height:24px;margin:0}.ibiz-user-info-avatar{max-width:44px;max-height:44px;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;line-height:1.3}.ibiz-user-info-name__person-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;margin-top:10px;font-size:var(--ibiz-font-size-small);line-height:1.2}.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-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/es/panel-component/auth-userinfo/auth-userinfo.mjs

@@ -1,4 +1,4 @@
-import { inject, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, inject, computed, createVNode, resolveComponent } from 'vue';
 import { useRouter } from 'vue-router';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './auth-userinfo.css';
@@ -61,8 +61,8 @@ const AuthUserinfo = /* @__PURE__ */ defineComponent({
       }, [createVNode(resolveComponent("el-avatar"), {
         "class": this.ns.b("avatar"),
         "src": "./assets/images/user-avatar.png"
-      }, null), !this.isCollapse && createVNode("div", {
-        "class": this.ns.b("name")
+      }, null), createVNode("div", {
+        "class": [this.ns.b("name"), this.ns.is("collapse", this.isCollapse)]
       }, [createVNode("div", {
         "class": this.ns.be("name", "user-name")
       }, [this.srfusername]), this.menuAlign === "LEFT" && this.loginname && createVNode("div", {

package/es/panel-component/coop-pos/coop-pos.mjs

@@ -1,4 +1,4 @@
-import { computed, createVNode, resolveComponent, mergeProps, defineComponent } from 'vue';
+import { defineComponent, computed, createVNode, resolveComponent, mergeProps } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { CoopPosController } from './coop-pos.controller.mjs';
 import './coop-pos.css';

package/es/panel-component/data-import/data-import-shell.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, h, defineComponent } from 'vue';
+import { defineComponent, h, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { PanelItemController } from '@ibiz-template/runtime';
 import './data-import-shell.css';

package/es/panel-component/index-actions/index-actions.css

@@ -1 +1 @@
-.ibiz-index-actions{width:100%;height:100%}.ibiz-index-actions>.ibiz-row{height:100%;overflow:visible}.ibiz-index-actions>.ibiz-row>.ibiz-col:first-child{overflow:visible}.ibiz-index-actions>.ibiz-row>.ibiz-col:first-child>.ibiz-panel-container>.ibiz-row{overflow:visible}.ibiz-index-actions.is-hidden{display:none}.ibiz-index-actions.is-collapse{position:relative}.ibiz-index-actions.is-collapse::after{position:absolute;bottom:0;left:12px;width:32px;height:1px;content:"";background-color:var(--ibiz-color-primary-light-active);opacity:.5}.ibiz-index-actions.is-collapse>.ibiz-row{flex-wrap:wrap}.ibiz-index-actions .el-button{font-size:var(--ibiz-font-size-header-2)}.ibiz-index-actions .el-button:hover{background-color:transparent}
+.ibiz-index-actions{--ibiz-index-actions-height:58px;--ibiz-index-actions-collapse-item-height:48px;width:100%;height:var(--ibiz-index-actions-height)}.ibiz-index-actions>.ibiz-row{height:100%;overflow:visible}.ibiz-index-actions>.ibiz-row>.ibiz-col:first-child{overflow:visible}.ibiz-index-actions>.ibiz-row>.ibiz-col:first-child>.ibiz-panel-container>.ibiz-row{overflow:visible}.ibiz-index-actions.is-hidden{display:none}.ibiz-index-actions.is-collapse{position:relative;height:auto;padding:0}.ibiz-index-actions.is-collapse>.ibiz-row{flex-wrap:wrap}.ibiz-index-actions.is-collapse>.ibiz-row>.ibiz-col{height:var(--ibiz-index-actions-collapse-item-height)!important}.ibiz-index-actions .el-button{font-size:var(--ibiz-font-size-header-2)}.ibiz-index-actions .el-button:hover{background-color:transparent}

package/es/panel-component/index-actions/index-actions.mjs

@@ -1,4 +1,4 @@
-import { isVNode, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, computed, createVNode, resolveComponent } from 'vue';
 import { PanelContainerController, useNamespace } from '@ibiz-template/vue3-util';
 import './index-actions.css';
 

package/es/panel-component/index.mjs

@@ -1,7 +1,8 @@
-import { IBizPanelContainer, IBizPanelCtrlPos, IBizScrollContainer, IBizNavPos, IBizSingleDataContainer, IBizMultiDataContainer, IBizPanelField, IBizPanelRawItem, IBizGridContainer, IBizPanelTabPage, IBizPanelContainerGroup, IBizPanelContainerImage, IBizPanelItemRender, IBizTeleportPlaceholder, IBizPanelContainerTabs } from '@ibiz-template/vue3-util';
+import { IBizPanelCtrlViewPageCaption, IBizPanelContainer, IBizPanelCtrlPos, IBizScrollContainer, IBizNavPos, IBizSingleDataContainer, IBizMultiDataContainer, IBizMultiDataContainerRaw, IBizPanelField, IBizPanelRawItem, IBizGridContainer, IBizPanelTabPage, IBizPanelContainerGroup, IBizPanelContainerImage, IBizPanelItemRender, IBizTeleportPlaceholder, IBizPanelContainerTabs } from '@ibiz-template/vue3-util';
 import { IBizAuthUserinfo } from './auth-userinfo/index.mjs';
 import { IBizNavPosIndex } from './nav-pos-index/index.mjs';
 import { IBizNavTabs } from './nav-tabs/index.mjs';
+import { IBizNavBreadcrumb } from './nav-breadcrumb/index.mjs';
 import { IBizPanelButton } from './panel-button/index.mjs';
 import { IBizPanelAppTitle } from './panel-app-title/index.mjs';
 import { IBizPanelAppHeader } from './panel-app-header/index.mjs';
@@ -24,6 +25,7 @@ import { IBizUserAction } from './user-action/index.mjs';
 import { IBizDataImport } from './data-import/index.mjs';
 import { IBizShortCut } from './short-cut/index.mjs';
 import { IBizAuthCaptcha } from './auth-captcha/index.mjs';
+import { IBizPanelButtonList } from './panel-button-list/index.mjs';
 export { NavPosIndexState } from './nav-pos-index/nav-pos-index.state.mjs';
 export { NavPosIndexController } from './nav-pos-index/nav-pos-index.controller.mjs';
 export { PanelButtonController } from './panel-button/panel-button.controller.mjs';
@@ -33,17 +35,20 @@ export { SplitContainerController } from './split-container/split-container.cont
 "use strict";
 const IBizPanelComponents = {
   install: (v) => {
+    v.use(IBizPanelCtrlViewPageCaption);
     v.use(IBizPanelContainer);
     v.use(IBizPanelCtrlPos);
     v.use(IBizScrollContainer);
     v.use(IBizAuthUserinfo);
     v.use(IBizNavPosIndex);
     v.use(IBizNavTabs);
+    v.use(IBizNavBreadcrumb);
     v.use(IBizPanelButton);
     v.use(IBizNavPos);
     v.use(IBizPanelAppTitle);
     v.use(IBizSingleDataContainer);
     v.use(IBizMultiDataContainer);
+    v.use(IBizMultiDataContainerRaw);
     v.use(IBizPanelField);
     v.use(IBizPanelAppHeader);
     v.use(IBizPanelViewHeader);
@@ -73,6 +78,7 @@ const IBizPanelComponents = {
     v.use(IBizDataImport);
     v.use(IBizShortCut);
     v.use(IBizAuthCaptcha);
+    v.use(IBizPanelButtonList);
   }
 };
 

package/es/panel-component/nav-breadcrumb/index.d.ts

@@ -0,0 +1,26 @@
+export * from './nav-breadcrumb.controller';
+export * from './nav-breadcrumb.state';
+export declare const IBizNavBreadcrumb: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("./nav-breadcrumb.controller").NavBreadcrumbController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: import("./nav-breadcrumb.controller").NavBreadcrumbController;
+    items: import("vue").ComputedRef<import("./nav-breadcrumb.state").BreadcrumbMsg[]>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("./nav-breadcrumb.controller").NavBreadcrumbController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizNavBreadcrumb;

package/es/panel-component/nav-breadcrumb/index.mjs

@@ -0,0 +1,17 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { NavBreadcrumb } from './nav-breadcrumb.mjs';
+import { NavBreadcrumbProvider } from './nav-breadcrumb.provider.mjs';
+export { NavBreadcrumbController } from './nav-breadcrumb.controller.mjs';
+export { NavBreadcrumbState } from './nav-breadcrumb.state.mjs';
+
+"use strict";
+const IBizNavBreadcrumb = withInstall(NavBreadcrumb, function(v) {
+  v.component(NavBreadcrumb.name, NavBreadcrumb);
+  registerPanelItemProvider(
+    "RAWITEM_NAV_BREADCRUMB",
+    () => new NavBreadcrumbProvider()
+  );
+});
+
+export { IBizNavBreadcrumb, IBizNavBreadcrumb as default };

package/es/panel-component/nav-breadcrumb/nav-breadcrumb.controller.d.ts

@@ -0,0 +1,120 @@
+import { IAppMenuController, PanelItemController } from '@ibiz-template/runtime';
+import { IPanelRawItem } from '@ibiz/model-core';
+import { Router } from 'vue-router';
+import { NavBreadcrumbState } from './nav-breadcrumb.state';
+import { NavBreadcrumbService } from './nav-breadcrumb.service';
+import { NavPosIndexController } from '../nav-pos-index';
+/**
+ * @description 面包屑控制器
+ * @export
+ * @class NavBreadcrumbController
+ * @extends {PanelItemController<IPanelRawItem>}
+ */
+export declare class NavBreadcrumbController extends PanelItemController<IPanelRawItem> {
+    state: NavBreadcrumbState;
+    protected createState(): NavBreadcrumbState;
+    /**
+     * @description 面包屑分割符
+     * @type {string}
+     * @memberof NavBreadcrumbController
+     */
+    separator: string;
+    /**
+     * @description 导航模式（路由、菜单、缓存）
+     * @type {('router' | 'menu' | 'store')}
+     * @memberof NavBreadcrumbController
+     */
+    navMode: 'router' | 'menu' | 'store';
+    /**
+     * @description 是否显示应用标题
+     * @type {boolean}
+     * @memberof NavBreadcrumbController
+     */
+    showHome: boolean;
+    /**
+     * @description 面包屑服务
+     * @type {NavBreadcrumbService}
+     * @memberof NavBreadcrumbController
+     */
+    service: NavBreadcrumbService;
+    /**
+     * @description 自定义补充参数
+     * @type {IData}
+     * @memberof NavBreadcrumbController
+     */
+    rawItemParams: IData;
+    /**
+     * @description 应用菜单控制器
+     * @readonly
+     * @type {(IAppMenuController | undefined)}
+     * @memberof NavBreadcrumbController
+     */
+    get appmenu(): IAppMenuController | undefined;
+    /**
+     * @description 首页导航栏
+     * @readonly
+     * @type {(NavPosIndexController | undefined)}
+     * @memberof NavBreadcrumbController
+     */
+    get navPos(): NavPosIndexController | undefined;
+    protected onInit(): Promise<void>;
+    /**
+     * @description 初始化
+     * @param {Router} router
+     * @memberof NavBreadcrumbController
+     */
+    onCreated(router: Router): void;
+    /**
+     * @description 路由改变
+     * @param {Router} router
+     * @memberof NavBreadcrumbController
+     */
+    onRouteChange(router: Router): void;
+    /**
+     * @description 重置面包屑数据
+     * @memberof NavBreadcrumbController
+     */
+    resetBreadcrumbs(): void;
+    /**
+     * 更新视图信息
+     * @author lxm
+     * @date 2023-05-09 01:40:34
+     * @param {string} key
+     * @param {{ caption?: string; dataInfo?: string }} info
+     */
+    updateViewInfo(fullPath: string, info: {
+        viewName: string;
+        caption?: string;
+        dataInfo?: string;
+    }): void;
+    /**
+     * @description 删除缓存数据
+     * @param {string} fullPath
+     * @memberof NavBreadcrumbController
+     */
+    removeCache(fullPath: string): void;
+    /**
+     * @description 根据路由计算面包屑数据
+     * @param {Router} router
+     * @memberof NavBreadcrumbController
+     */
+    protected setBreadcrumbByRouter(router: Router): void;
+    /**
+     * @description 根据路由设置菜单面包屑导航数据
+     * @param {Router} router
+     * @memberof NavBreadcrumbController
+     */
+    protected setBreadcrumbByMenu(router: Router): void;
+    /**
+     * @description 设置缓存模式面包屑数据
+     * @param {Router} router
+     * @memberof NavBreadcrumbController
+     */
+    protected setBreadcrumbByStore(router: Router): void;
+    /**
+     * @description 处理自定义补充参数
+     * @protected
+     * @memberof NavBreadcrumbController
+     */
+    protected handleRawItemParams(): void;
+}