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

package/lib/node_modules/.pnpm/{snabbdom@3.5.1 → snabbdom@3.6.2}/node_modules/snabbdom/build/modules/attributes.cjs

@@ -1,9 +1,11 @@
 'use strict';
 
 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;
@@ -35,8 +37,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);
@@ -55,7 +59,7 @@ function updateAttrs(oldVnode, vnode) {
 }
 const attributesModule = {
     create: updateAttrs,
-    update: updateAttrs,
+    update: updateAttrs
 };
 
 exports.attributesModule = attributesModule;

package/lib/node_modules/.pnpm/{snabbdom@3.5.1 → snabbdom@3.6.2}/node_modules/snabbdom/build/modules/dataset.cjs

@@ -14,7 +14,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];
@@ -38,7 +38,7 @@ function updateDataset(oldVnode, vnode) {
 }
 const datasetModule = {
     create: updateDataset,
-    update: updateDataset,
+    update: updateDataset
 };
 
 exports.datasetModule = datasetModule;

package/lib/node_modules/.pnpm/{snabbdom@3.5.1 → snabbdom@3.6.2}/node_modules/snabbdom/build/modules/eventlisteners.cjs

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

package/lib/node_modules/.pnpm/{snabbdom@3.5.1 → snabbdom@3.6.2}/node_modules/snabbdom/build/modules/style.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-// 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);
@@ -29,7 +29,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);
             }
@@ -111,7 +111,7 @@ const styleModule = {
     create: updateStyle,
     update: updateStyle,
     destroy: applyDestroyStyle,
-    remove: applyRemoveStyle,
+    remove: applyRemoveStyle
 };
 
 exports.styleModule = styleModule;

package/lib/node_modules/.pnpm/{snabbdom@3.5.1 → snabbdom@3.6.2}/node_modules/snabbdom/build/thunk.cjs

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

package/lib/node_modules/.pnpm/{snabbdom@3.5.1 → snabbdom@3.6.2}/node_modules/snabbdom/build/tovnode.cjs

@@ -22,11 +22,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") {
@@ -40,9 +36,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] === "#")) {
             h.addNS(data, children, sel);
         }

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

@@ -63,8 +63,8 @@ const AuthUserinfo = /* @__PURE__ */ vue.defineComponent({
       }, [vue.createVNode(vue.resolveComponent("el-avatar"), {
         "class": this.ns.b("avatar"),
         "src": "./assets/images/user-avatar.png"
-      }, null), !this.isCollapse && vue.createVNode("div", {
-        "class": this.ns.b("name")
+      }, null), vue.createVNode("div", {
+        "class": [this.ns.b("name"), this.ns.is("collapse", this.isCollapse)]
       }, [vue.createVNode("div", {
         "class": this.ns.be("name", "user-name")
       }, [this.srfusername]), this.menuAlign === "LEFT" && this.loginname && vue.createVNode("div", {

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-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/lib/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/lib/panel-component/index.cjs

@@ -6,28 +6,30 @@ var vue3Util = require('@ibiz-template/vue3-util');
 var index = require('./auth-userinfo/index.cjs');
 var index$1 = require('./nav-pos-index/index.cjs');
 var index$9 = require('./nav-tabs/index.cjs');
+var index$a = require('./nav-breadcrumb/index.cjs');
 var index$2 = require('./panel-button/index.cjs');
 var index$3 = require('./panel-app-title/index.cjs');
-var index$a = require('./panel-app-header/index.cjs');
-var index$b = require('./panel-view-header/index.cjs');
-var index$c = require('./panel-exp-header/index.cjs');
-var index$d = require('./panel-view-content/index.cjs');
+var index$b = require('./panel-app-header/index.cjs');
+var index$c = require('./panel-view-header/index.cjs');
+var index$d = require('./panel-exp-header/index.cjs');
+var index$e = require('./panel-view-content/index.cjs');
 var index$4 = require('./panel-tab-panel/index.cjs');
 var index$5 = require('./split-container/index.cjs');
 var index$6 = require('./panel-index-view-search/index.cjs');
-var index$e = require('./panel-app-login-view/index.cjs');
-var index$f = require('./panel-remember-me/index.cjs');
+var index$f = require('./panel-app-login-view/index.cjs');
+var index$g = require('./panel-remember-me/index.cjs');
 var index$7 = require('./index-actions/index.cjs');
-var index$g = require('./user-message/index.cjs');
-var index$h = require('./searchform-buttons/index.cjs');
-var index$i = require('./view-message/index.cjs');
-var index$j = require('./panel-static-carousel/index.cjs');
-var index$k = require('./coop-pos/index.cjs');
-var index$l = require('./view-msg-pos/index.cjs');
+var index$h = require('./user-message/index.cjs');
+var index$i = require('./searchform-buttons/index.cjs');
+var index$j = require('./view-message/index.cjs');
+var index$k = require('./panel-static-carousel/index.cjs');
+var index$l = require('./coop-pos/index.cjs');
+var index$m = require('./view-msg-pos/index.cjs');
 var index$8 = require('./user-action/index.cjs');
-var index$m = require('./data-import/index.cjs');
-var index$n = require('./short-cut/index.cjs');
-var index$o = require('./auth-captcha/index.cjs');
+var index$n = require('./data-import/index.cjs');
+var index$o = require('./short-cut/index.cjs');
+var index$p = require('./auth-captcha/index.cjs');
+var index$q = require('./panel-button-list/index.cjs');
 var navPosIndex_state = require('./nav-pos-index/nav-pos-index.state.cjs');
 var navPosIndex_controller = require('./nav-pos-index/nav-pos-index.controller.cjs');
 var panelButton_controller = require('./panel-button/panel-button.controller.cjs');
@@ -37,46 +39,50 @@ var splitContainer_controller = require('./split-container/split-container.contr
 "use strict";
 const IBizPanelComponents = {
   install: (v) => {
+    v.use(vue3Util.IBizPanelCtrlViewPageCaption);
     v.use(vue3Util.IBizPanelContainer);
     v.use(vue3Util.IBizPanelCtrlPos);
     v.use(vue3Util.IBizScrollContainer);
     v.use(index.IBizAuthUserinfo);
     v.use(index$1.IBizNavPosIndex);
     v.use(index$9.IBizNavTabs);
+    v.use(index$a.IBizNavBreadcrumb);
     v.use(index$2.IBizPanelButton);
     v.use(vue3Util.IBizNavPos);
     v.use(index$3.IBizPanelAppTitle);
     v.use(vue3Util.IBizSingleDataContainer);
     v.use(vue3Util.IBizMultiDataContainer);
+    v.use(vue3Util.IBizMultiDataContainerRaw);
     v.use(vue3Util.IBizPanelField);
-    v.use(index$a.IBizPanelAppHeader);
-    v.use(index$b.IBizPanelViewHeader);
-    v.use(index$c.IBizPanelExpHeader);
+    v.use(index$b.IBizPanelAppHeader);
+    v.use(index$c.IBizPanelViewHeader);
+    v.use(index$d.IBizPanelExpHeader);
     v.use(vue3Util.IBizPanelRawItem);
-    v.use(index$d.IBizPanelViewContent);
+    v.use(index$e.IBizPanelViewContent);
     v.use(vue3Util.IBizGridContainer);
     v.use(index$4.IBizPanelTabPanel);
     v.use(vue3Util.IBizPanelTabPage);
     v.use(index$5.IBizSplitContainer);
     v.use(index$6.IBizPanelIndexViewSearch);
-    v.use(index$e.IBizPanelAppLoginView);
-    v.use(index$f.IBizPanelRememberMe);
+    v.use(index$f.IBizPanelAppLoginView);
+    v.use(index$g.IBizPanelRememberMe);
     v.use(index$7.IBizIndexActions);
     v.use(vue3Util.IBizPanelContainerGroup);
-    v.use(index$g.IBizUserMessage);
+    v.use(index$h.IBizUserMessage);
     v.use(vue3Util.IBizPanelContainerImage);
-    v.use(index$h.IBizSearchFormButtons);
+    v.use(index$i.IBizSearchFormButtons);
     v.use(vue3Util.IBizPanelItemRender);
-    v.use(index$i.IBizViewMessage);
-    v.use(index$j.IBizPanelStaticCarousel);
+    v.use(index$j.IBizViewMessage);
+    v.use(index$k.IBizPanelStaticCarousel);
     v.use(vue3Util.IBizTeleportPlaceholder);
     v.use(vue3Util.IBizPanelContainerTabs);
-    v.use(index$k.IBizCoopPos);
-    v.use(index$l.IBizViewMsgPos);
+    v.use(index$l.IBizCoopPos);
+    v.use(index$m.IBizViewMsgPos);
     v.use(index$8.IBizUserAction);
-    v.use(index$m.IBizDataImport);
-    v.use(index$n.IBizShortCut);
-    v.use(index$o.IBizAuthCaptcha);
+    v.use(index$n.IBizDataImport);
+    v.use(index$o.IBizShortCut);
+    v.use(index$p.IBizAuthCaptcha);
+    v.use(index$q.IBizPanelButtonList);
   }
 };
 

package/lib/panel-component/nav-breadcrumb/index.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var navBreadcrumb = require('./nav-breadcrumb.cjs');
+var navBreadcrumb_provider = require('./nav-breadcrumb.provider.cjs');
+var navBreadcrumb_controller = require('./nav-breadcrumb.controller.cjs');
+var navBreadcrumb_state = require('./nav-breadcrumb.state.cjs');
+
+"use strict";
+const IBizNavBreadcrumb = vue3Util.withInstall(navBreadcrumb.NavBreadcrumb, function(v) {
+  v.component(navBreadcrumb.NavBreadcrumb.name, navBreadcrumb.NavBreadcrumb);
+  runtime.registerPanelItemProvider(
+    "RAWITEM_NAV_BREADCRUMB",
+    () => new navBreadcrumb_provider.NavBreadcrumbProvider()
+  );
+});
+
+exports.NavBreadcrumbController = navBreadcrumb_controller.NavBreadcrumbController;
+exports.NavBreadcrumbState = navBreadcrumb_state.NavBreadcrumbState;
+exports.IBizNavBreadcrumb = IBizNavBreadcrumb;
+exports.default = IBizNavBreadcrumb;

package/lib/panel-component/nav-breadcrumb/nav-breadcrumb.cjs

@@ -0,0 +1,74 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var vueRouter = require('vue-router');
+var navBreadcrumb_controller = require('./nav-breadcrumb.controller.cjs');
+require('./nav-breadcrumb.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const NavBreadcrumb = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizNavBreadcrumb",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: navBreadcrumb_controller.NavBreadcrumbController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("nav-breadcrumb");
+    const c = props.controller;
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    c.onCreated(router);
+    vue.watch(() => route.fullPath, () => {
+      c.onRouteChange(router);
+    }, {
+      immediate: true
+    });
+    const items = vue.computed(() => {
+      const {
+        breadcrumbItems
+      } = c.state;
+      let result = breadcrumbItems.filter((x) => x.caption);
+      if (!c.showHome) {
+        result = result.filter((x) => x.viewName !== ibiz.hub.defaultAppIndexViewName);
+      }
+      return result;
+    });
+    return {
+      ns,
+      c,
+      items
+    };
+  },
+  render() {
+    let _slot;
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), ...this.controller.containerClass, this.ns.m(this.c.navMode)]
+    }, [vue.createVNode(vue.resolveComponent("el-breadcrumb"), {
+      "separator": this.c.separator
+    }, _isSlot(_slot = this.items.map((item) => {
+      let label = item.caption;
+      if (item.dataInfo) {
+        label += " - ".concat(item.dataInfo);
+      }
+      return vue.createVNode(vue.resolveComponent("el-breadcrumb-item"), {
+        "to": item.fullPath
+      }, _isSlot(label) ? label : {
+        default: () => [label]
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    })]);
+  }
+});
+
+exports.NavBreadcrumb = NavBreadcrumb;