@ibiz-template/mob-vue3-components 0.7.41-alpha.19-lts.1 → 0.7.41-alpha.21

package/lib/control/tree/tree.cjs

@@ -4,10 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
+var ramda = require('ramda');
 var runtime = require('@ibiz-template/runtime');
 var lodashEs = require('lodash-es');
 var qxUtil = require('qx-util');
 var vsTreeEx = require('@ibiz-template-package/vs-tree-ex');
+var createVueApp = require('../../mob-app/create-vue-app.cjs');
 require('./tree.css');
 
 "use strict";
@@ -85,6 +87,8 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
     const currentVal = vue.ref("");
     const uuid = qxUtil.createUUID();
     const breadcrumb = vue.ref(true);
+    const hiddenBreadcrumb = vue.ref(false);
+    const isHeaderStyle = c.crumbShowMode === "HEADERSTYLE" || c.state.navigational;
     const createIconNode = (customProps) => {
       const iop = vue.h(vue3Util.IBizIcon, customProps);
       const vueApp = vue.createApp(iop);
@@ -121,25 +125,37 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
       }, []);
       return toElNodes(nodes);
     });
-    function findNodeData(key, controller) {
-      const find = controller.state.items.find((item) => item._id === key);
-      if (find) {
-        return find;
+    const findNodeModel = (key) => {
+      const nodeData = c.getNodeData(key);
+      if (nodeData)
+        return c.getNodeModel(nodeData._nodeId);
+    };
+    const findNodeLayoutPanel = (key) => {
+      const nodeData = c.getNodeData(key);
+      if (nodeData) {
+        const nodeModel = c.getNodeModel(nodeData._nodeId);
+        const layoutPanel = nodeModel ? runtime.getControlPanel(nodeModel) : void 0;
+        if (layoutPanel)
+          return {
+            nodeData,
+            layoutPanel
+          };
       }
-      return controller.state.items.find((item) => item._uuid === key);
-    }
+    };
     const updateUI = () => {
+      var _a2;
       if (treeRef.value) {
         treeRef.value.tree.tree.store.checkedKeys = checkedKeys.value;
         treeRef.value.tree.tree.store.setDefaultChecked();
+        const list = ((_a2 = treeRef.value.tree.tree.store.breadcrumb) == null ? void 0 : _a2.list) || [];
+        hiddenBreadcrumb.value = list.length < 2;
       }
     };
     const loadData = async (item, callback) => {
-      if (!c.state.isLoaded) {
+      if (!c.state.isLoaded)
         return;
-      }
       let nodes;
-      const nodeData = findNodeData(item.data._uuid, c);
+      const nodeData = c.getNodeData(item.data._uuid);
       if (nodeData && nodeData._children && !c.state.query) {
         ibiz.log.debug("\u8282\u70B9\u5C55\u5F00\u52A0\u8F7D-\u672C\u5730", nodeData);
         nodes = nodeData._children;
@@ -157,16 +173,15 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
       updateUI();
     };
     const onNodeCheck = (event, opts) => {
-      if (c.state.singleSelect) {
+      if (c.state.singleSelect)
         return;
-      }
       const {
         originData
       } = opts;
       const {
         selectedData
       } = c.state;
-      const nodeData = findNodeData(originData._uuid, c);
+      const nodeData = c.getNodeData(originData._uuid);
       const filterArr = selectedData.filter((item) => item._id !== nodeData._id);
       if (filterArr.length === selectedData.length) {
         c.setSelection(selectedData.concat([nodeData]));
@@ -179,20 +194,32 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
       const {
         originData
       } = opts;
-      if (!originData._leaf) {
-        return;
-      }
       onNodeCheck(event, opts);
       c.onTreeNodeClick(originData, event);
     };
     const handleExpandedLastKey = (data) => {
       c.state.mobExpandedKey = data._uuid || "";
     };
+    const handleCrumbBack = (_e, crumbItem) => {
+      var _a2;
+      _e.preventDefault();
+      _e.stopPropagation();
+      const breads = crumbItem == null ? void 0 : crumbItem.parent.list;
+      const prevIndex = breads.length - 2;
+      const prevNode = breads[prevIndex];
+      if (!prevNode)
+        return;
+      const store = prevNode.store;
+      const _data = (_a2 = prevNode.store) == null ? void 0 : _a2.data;
+      breads.splice(prevIndex + 1);
+      store.update();
+      handleExpandedLastKey(_data);
+    };
     const debounceSearch = lodashEs.debounce(async () => {
       var _a2, _b2, _c, _d, _e, _f, _g, _h, _i;
       if (treeRef.value) {
-        const breadcrumbList = (_e = (_d = (_c = (_b2 = (_a2 = treeRef.value) == null ? void 0 : _a2.tree) == null ? void 0 : _b2.tree) == null ? void 0 : _c.store) == null ? void 0 : _d.breadcrumb) == null ? void 0 : _e.list;
-        const breadcrumbListLast = breadcrumbList ? breadcrumbList[breadcrumbList.length - 1] : null;
+        const list = (_e = (_d = (_c = (_b2 = (_a2 = treeRef.value) == null ? void 0 : _a2.tree) == null ? void 0 : _b2.tree) == null ? void 0 : _c.store) == null ? void 0 : _d.breadcrumb) == null ? void 0 : _e.list;
+        const breadcrumbListLast = list ? list[list.length - 1] : null;
         if (breadcrumbListLast) {
           breadcrumbListLast.childNodes = [];
           (_i = (_h = (_g = (_f = treeRef.value) == null ? void 0 : _f.tree) == null ? void 0 : _g.tree) == null ? void 0 : _h.store) == null ? void 0 : _i.nodesChange([]);
@@ -230,24 +257,66 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
         opts.store.selectedCurrent = opts;
       }
     };
-    const renderContent = (h, opts) => {
-      if (c.state.singleSelect)
-        handleSingleSelect(opts);
+    const renderNode = (dom, opts) => {
       const {
         originData
       } = opts;
-      if (!originData._leaf) {
-        return h("div", {
-          text: ibiz.i18n.t("control.tree.subordinate"),
-          className: "tree-button",
-          click: (e, _opts) => {
-            _opts.store.breadcrumb.list.push(_opts);
-            _opts.setExpand(true);
-            handleExpandedLastKey(originData);
-          }
+      const nodeLayoutPanel = findNodeLayoutPanel(originData._id);
+      if (nodeLayoutPanel) {
+        const {
+          nodeData,
+          layoutPanel
+        } = nodeLayoutPanel;
+        const nodePanel = vue.h(vue3Util.IBizControlShell, {
+          data: nodeData,
+          modelData: layoutPanel,
+          context: c.context,
+          params: c.params
         });
+        const vueApp = createVueApp.createVueApp(nodePanel);
+        vueApp.mount(dom);
+        vueApps.push(vueApp);
+        return dom;
       }
     };
+    const renderContent = (_h, opts) => {
+      var _a2;
+      const {
+        loadingEl,
+        originData
+      } = opts;
+      const nodeModel = findNodeModel(originData._id);
+      if (loadingEl && ((_a2 = nodeModel == null ? void 0 : nodeModel.sysCss) == null ? void 0 : _a2.cssName))
+        loadingEl.parentNode.parentNode.classList.add(`${nodeModel.sysCss.cssName}`);
+      if (c.state.singleSelect)
+        handleSingleSelect(opts);
+      const children = [];
+      if (nodeModel == null ? void 0 : nodeModel.counterId) {
+        const count = c.state.counterData[nodeModel.counterId];
+        if (!(ramda.isNil(count) || nodeModel.counterMode === 1 && count === 0)) {
+          const child = document.createElement("div");
+          child.className = `ibiz-badge tree-counter ${ns.is("mob", true)}`;
+          child.innerText = count > 99 ? `${99}+` : count;
+          children.push(child);
+        }
+      }
+      if (!originData._leaf) {
+        const child = document.createElement("i");
+        child.className = "van-icon van-icon-arrow";
+        children.push(child);
+      }
+      return _h("div", {
+        className: `tree-button ${ns.b("node-expanded-btn")}`,
+        click: (e, _opts) => {
+          if (originData._leaf)
+            return;
+          _opts.store.breadcrumb.list.push(_opts);
+          _opts.setExpand(true);
+          handleExpandedLastKey(originData);
+        },
+        children
+      });
+    };
     const customNodeClick = (event, opts) => {
       const {
         checked
@@ -262,6 +331,11 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
       // 不能选择父节点
       nocheckParent: true,
       rootName: (_b = (_a = c.model.detreeNodes) == null ? void 0 : _a.find((item) => item.rootNode)) == null ? void 0 : _b.name,
+      virtual: {
+        showCount: 30
+        // 虚拟列表显示数量，太少时会导致虚拟列表无法滚动
+      },
+      renderNode,
       renderContent,
       customNodeClick
     };
@@ -270,6 +344,13 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
         breadcrumb: {
           el: `#breadcrumb${uuid}`,
           link: (node, data) => {
+            var _a2, _b2;
+            const list = ((_b2 = (_a2 = node.store) == null ? void 0 : _a2.breadcrumb) == null ? void 0 : _b2.list) || [];
+            if (list.length < 2) {
+              hiddenBreadcrumb.value = true;
+              return null;
+            }
+            hiddenBreadcrumb.value = false;
             const content = document.createElement("span");
             const textDom = document.createElement("span");
             textDom.innerText = data.name;
@@ -280,10 +361,53 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
             content.className = `${ns.be("header", "crumb")} ${ns.is("root", data._vsroot)}`;
             content.onclick = () => handleExpandedLastKey.bind(this)(data);
             return content;
-          }
+          },
+          separator: ">"
         }
       });
+      if (isHeaderStyle) {
+        Object.assign(options.breadcrumb, {
+          icon: (...args) => {
+            const crumbItem = args[2];
+            const content = document.createElement("span");
+            const iconDom = document.createElement("i");
+            iconDom.className = "van-icon van-icon-arrow-left";
+            content.className = `${ns.bem("header", "crumb", "back-btn")}`;
+            content.appendChild(iconDom);
+            content.onclick = (_e) => handleCrumbBack.bind(this)(_e, crumbItem);
+            return content;
+          }
+        });
+      }
     }
+    const onScroll = lodashEs.debounce(async (event) => {
+      const {
+        mobExpandedKey
+      } = c.state;
+      const expandNodeKey = mobExpandedKey || c.state.rootNodes[0]._uuid;
+      const nodeData = c.getNodeData(expandNodeKey);
+      if (!nodeData)
+        return;
+      const infoItems = c.getLoadMoreInfoItems(nodeData._id);
+      if (!infoItems)
+        return;
+      const result = infoItems.some((infoItem) => {
+        return infoItem.curPage < infoItem.totalPage - 1;
+      });
+      const {
+        scrollTop,
+        clientHeight,
+        scrollHeight
+      } = event.target;
+      if (result && scrollTop + clientHeight >= scrollHeight - 10) {
+        const childern = toElNodes(await c.loadNodes(nodeData, true));
+        const nodeKey = !c.model.rootVisible && !mobExpandedKey ? void 0 : mobExpandedKey;
+        const node = treeRef.value.getNodeById(nodeKey);
+        childern.forEach((child) => node.append(child));
+      }
+    }, 300, {
+      leading: true
+    });
     vue.onUnmounted(() => {
       vueApps.forEach((vueApp) => {
         vueApp.unmount();
@@ -293,27 +417,29 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
     return {
       c,
       ns,
-      treeRefreshKey,
-      treeData,
+      uuid,
       options,
+      treeRef,
+      treeData,
       breadcrumb,
+      currentVal,
       checkedKeys,
-      uuid,
-      treeRef,
+      treeRefreshKey,
+      hiddenBreadcrumb,
+      isHeaderStyle,
+      onInput,
+      loadData,
+      onScroll,
       onNodeCheck,
       onNodeClick,
-      loadData,
-      treeDataFormat,
-      currentVal,
-      onInput
+      treeDataFormat
     };
   },
   render() {
     const slots = {
       searchbar: () => {
-        if (!this.c.enableQuickSearch) {
+        if (!this.c.enableQuickSearch)
           return null;
-        }
         return vue.createVNode(vue.resolveComponent("van-search"), {
           "modelValue": this.c.state.query,
           "class": this.ns.b("quick-search"),
@@ -326,38 +452,40 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
     const key = this.c.controlPanel ? "tree" : "default";
     slots[key] = () => {
       const content = [this.breadcrumb && vue.createVNode("div", {
-        "class": this.ns.be("header", "container")
+        "class": [this.ns.be("header", "container"), this.ns.is("hidden", this.hiddenBreadcrumb)]
       }, [vue.createVNode(vue.resolveComponent("van-sticky"), null, {
         default: () => [vue.createVNode("div", {
           "id": `breadcrumb${this.uuid}`,
-          "class": [this.ns.b("header"), this.ns.is("no-root", !this.c.model.rootVisible)]
+          "class": [this.ns.b("header"), this.ns.is("no-root", !this.treeData.length), this.ns.is("header-style", this.isHeaderStyle)]
         }, null)]
       })]), this.c.state.isCreated && this.c.state.isLoaded && vue.createVNode(vue.resolveComponent("vs-tree"), {
         "show-line": true,
         "ref": "treeRef",
-        "key": this.treeRefreshKey,
-        "class": [this.ns.b("content")],
         "lazy": true,
-        "strictLeaf": true,
-        "options": this.options,
-        "show-checkbox": !this.c.state.singleSelect,
         "showIcon": true,
+        "strictLeaf": true,
         "data": this.treeData,
+        "options": this.options,
         "highlightCurrent": true,
+        "key": this.treeRefreshKey,
+        "class": this.ns.b("content"),
         "checkedKeys": this.checkedKeys,
-        "format": this.treeDataFormat,
+        "expandKeys": this.c.state.expandedKeys,
+        "show-checkbox": !this.c.state.singleSelect,
         "load": this.loadData,
-        "onCheck": this.onNodeCheck
+        "onScroll": this.onScroll,
+        "onCheck": this.onNodeCheck,
+        "format": this.treeDataFormat
       }, null)];
       return vue.createVNode("div", {
         "class": this.ns.b("container")
       }, [content]);
     };
-    return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
+    return vue.withDirectives(vue.createVNode(vue.resolveComponent("iBizControlBase"), {
       "controller": this.c
     }, _isSlot(slots) ? slots : {
       default: () => [slots]
-    });
+    }), [[vue.resolveDirective("loading"), this.c.state.isLoading]]);
   }
 });
 

package/lib/control/tree/tree.css

@@ -1 +1 @@
-.ibiz-control-treeview{--ibiz-control-treeview-text-color:var(--ibiz-color-text);--ibiz-control-treeview-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-treeview-active-bg-color:var(--ibiz-color-primary);--ibiz-control-treeview-padding:0.625rem;--ibiz-control-treeview-bg-color:var(--ibiz-color-bg-2);--ibiz-control-treeview-node-icon-height:var(--ibiz-spacing-base);--ibiz-control-treeview-node-icon-width:var(--ibiz-spacing-base);--ibiz-control-treeview-node-icon-margin-right:var(--ibiz-spacing-tight);height:100%;padding:0 var(--ibiz-control-treeview-padding);background:var(--ibiz-control-treeview-bg-color)}.ibiz-control-treeview-content{--ibiz-control-treeview-text-color:var(--ibiz-color-text);--ibiz-control-treeview-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-treeview-active-bg-color:var(--ibiz-color-primary);--ibiz-control-treeview-padding:0.625rem;--ibiz-control-treeview-bg-color:var(--ibiz-color-bg-2);height:100%}.ibiz-control-treeview-content .vs-tree-node{position:relative;padding:var(--ibiz-control-treeview-padding)}.ibiz-control-treeview-content .vs-tree-node .vs-tree-inner{display:flex;align-items:center}.ibiz-control-treeview-content .vs-tree-node .vs-icon-leaf,.ibiz-control-treeview-content .vs-tree-node .vs-icon-parent{width:auto;margin-right:0}.ibiz-control-treeview-content .vs-tree-node .ibiz-icon{display:inline-flex;align-items:center;width:var(--ibiz-control-treeview-node-icon-width);height:var(--ibiz-control-treeview-node-icon-height);margin-right:var(--ibiz-control-treeview-node-icon-margin-right)}.ibiz-control-treeview-content .vs-tree-node .ibiz-icon>svg{width:100%;height:100%}.ibiz-control-treeview-content .tree-button{color:var(--ibiz-color-primary)}.ibiz-control-treeview-header{--ibiz-control-treeview-node-icon-height:var(--ibiz-spacing-base);--ibiz-control-treeview-node-icon-width:var(--ibiz-spacing-base);--ibiz-control-treeview-node-icon-margin-right:var(--ibiz-spacing-tight);--ibiz-control-treeview-crumb-icon-top:0.1875rem}.ibiz-control-treeview-header__crumb{display:inline-flex;align-items:center;height:var(--ibiz-height-control-small)}.ibiz-control-treeview-header__crumb .ibiz-icon{display:inline-flex;align-items:center;width:var(--ibiz-control-treeview-node-icon-width);height:var(--ibiz-control-treeview-node-icon-height);margin-right:var(--ibiz-control-treeview-node-icon-margin-right)}.ibiz-control-treeview-header__crumb .ibiz-icon>svg{width:100%;height:100%}.ibiz-control-treeview-header__crumb .ibiz-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-treeview-header__crumb>span:has(img),.ibiz-control-treeview-header__crumb>span:has(svg){position:relative}.ibiz-control-treeview-header__crumb>span:has(img) .ibiz-icon,.ibiz-control-treeview-header__crumb>span:has(svg) .ibiz-icon{position:absolute;top:var(--ibiz-control-treeview-crumb-icon-top)}.ibiz-control-treeview-header__crumb>span:has(img)::after,.ibiz-control-treeview-header__crumb>span:has(svg)::after{display:inline-block;width:var(--ibiz-control-treeview-node-icon-width);margin-right:var(--ibiz-spacing-extra-tight);content:"\e710";opacity:0}.ibiz-control-treeview-header__container{height:auto}.ibiz-control-treeview-header__container .van-sticky,.ibiz-control-treeview-header__container>div{height:auto!important}.ibiz-control-treeview-header.is-no-root>span:has(.ibiz-control-treeview-header__crumb.is-root){display:none}.ibiz-control-treeview-container{width:100%;height:100%;display:flex;flex-direction:column}
+.ibiz-control-treeview{--ibiz-control-treeview-color-text:var(--ibiz-color-text-0);--ibiz-control-treeview-color-bg:var(--ibiz-color-bg-0);--ibiz-control-treeview-color-border:var(--ibiz-color-border);--ibiz-control-treeview-color-node-checkbox-active:var(--ibiz-color-primary);--ibiz-control-treeview-color-node-checkbox-active-text:var(--ibiz-color-white);--ibiz-control-treeview-color-node-primary-btn:var(--ibiz-color-primary);--ibiz-control-treeview-color-node-active:var(--ibiz-color-primary-light-default);--ibiz-control-treeview-color-crumb-history-nav-text:var(--ibiz-color-primary);--ibiz-control-treeview-color-crumb-container-bg:var(--ibiz-color-bg-1);--ibiz-control-treeview-height-node:var(--ibiz-height-control-large);--ibiz-control-treeview-height-crumb:var(--ibiz-height-control-large);--ibiz-control-treeview-width-crumb-back-btn:1.5rem;--ibiz-control-treeview-spacing-padding:0 0 var(--ibiz-spacing-base) 0;--ibiz-control-treeview-spacing-node-padding:0 var(--ibiz-spacing-base);--ibiz-control-treeview-spacing-node-icon-margin:0 var(--ibiz-spacing-tight) 0 0;--ibiz-control-treeview-spacing-crumb-padding:0 var(--ibiz-spacing-base);--ibiz-control-treeview-spacing-crumb-item-icon-margin:0 var(--ibiz-spacing-extra-tight) 0 0;--ibiz-control-treeview-spacing-crumb-container-padding:0 0 var(--ibiz-spacing-tight) 0;--ibiz-control-treeview-spacing-crumb-container-bottom-ph:var(--ibiz-spacing-tight);--ibiz-control-treeview-position-node-counter-right:var(--ibiz-spacing-base-loose);--ibiz-control-treeview-position-crumb-icon-top:0.1875rem;--ibiz-control-treeview-icon-node-icon-size:1em;--ibiz-control-treeview-icon-crumb-item-icon-ph-size:1em;height:100%;background:var(--ibiz-control-treeview-color-bg)}.ibiz-control-treeview-content{height:100%}.ibiz-control-treeview-content .vs-tree-node{position:relative;padding:var(--ibiz-control-treeview-spacing-node-padding);height:var(--ibiz-control-treeview-height-node);line-height:var(--ibiz-control-treeview-height-node);color:var(--ibiz-control-treeview-color-text)}.ibiz-control-treeview-content .vs-tree-node:hover{background-color:unset}.ibiz-control-treeview-content .vs-tree-node.selected,.ibiz-control-treeview-content .vs-tree-node.selected:hover{background-color:var(--ibiz-control-treeview-color-node-active)}.ibiz-control-treeview-content .vs-tree-node .vs-tree-inner{display:flex;align-items:center;flex:1;overflow:hidden}.ibiz-control-treeview-content .vs-tree-node .vs-tree-text{text-overflow:ellipsis;overflow:hidden}.ibiz-control-treeview-content .vs-tree-node .vs-icon-leaf,.ibiz-control-treeview-content .vs-tree-node .vs-icon-parent{width:auto;margin-right:0}.ibiz-control-treeview-content .vs-tree-node .vs-icon-leaf>span,.ibiz-control-treeview-content .vs-tree-node .vs-icon-parent>span{display:flex;align-items:center}.ibiz-control-treeview-content .vs-tree-node .vs-checkbox{display:inline-flex;align-items:center}.ibiz-control-treeview-content .vs-tree-node .vs-checkbox__inner,.ibiz-control-treeview-content .vs-tree-node .vs-radio__inner{background-color:transparent;border-color:var(--ibiz-control-treeview-color-border)}.ibiz-control-treeview-content .vs-tree-node .vs-checkbox__original:checked~.vs-checkbox__inner{background-color:var(--ibiz-control-treeview-color-node-checkbox-active);border-color:var(--ibiz-control-treeview-color-node-checkbox-active)}.ibiz-control-treeview-content .vs-tree-node .vs-checkbox__original:checked~.vs-checkbox__inner::after{border-color:var(--ibiz-control-treeview-color-node-checkbox-active-text)}.ibiz-control-treeview-content .vs-tree-node .ibiz-icon{display:inline-flex;align-items:center;width:var(--ibiz-control-treeview-icon-node-icon-size);height:var(--ibiz-control-treeview-icon-node-icon-size);margin:var(--ibiz-control-treeview-spacing-node-icon-margin)}.ibiz-control-treeview-content .vs-tree-node .ibiz-icon>svg{width:100%;height:100%}.ibiz-control-treeview-content .ibiz-control-treeview-node-expanded-btn{position:relative;display:flex;align-items:center}.ibiz-control-treeview-content .ibiz-control-treeview-node-expanded-btn .van-icon{color:var(--ibiz-control-treeview-color-node-primary-btn)}.ibiz-control-treeview-content .ibiz-control-treeview-node-expanded-btn .ibiz-badge{position:absolute;right:var(--ibiz-control-treeview-position-node-counter-right)}.ibiz-control-treeview-header__crumb .ibiz-icon{display:inline-flex;align-items:center;width:var(--ibiz-control-treeview-icon-node-icon-size);height:var(--ibiz-control-treeview-icon-node-icon-size);margin:var(--ibiz-control-treeview-spacing-node-icon-margin)}.ibiz-control-treeview-header__crumb .ibiz-icon>svg{width:100%;height:100%}.ibiz-control-treeview-header__crumb .ibiz-icon{margin:var(--ibiz-control-treeview-spacing-crumb-item-icon-margin)}.ibiz-control-treeview-header__crumb>span:has(img),.ibiz-control-treeview-header__crumb>span:has(svg){position:relative}.ibiz-control-treeview-header__crumb>span:has(img) .ibiz-icon,.ibiz-control-treeview-header__crumb>span:has(svg) .ibiz-icon{position:absolute;top:var(--ibiz-control-treeview-position-crumb-icon-top)}.ibiz-control-treeview-header__crumb>span:has(img)::after,.ibiz-control-treeview-header__crumb>span:has(svg)::after{display:inline-flex;align-items:center;width:var(--ibiz-control-treeview-icon-node-icon-size);height:var(--ibiz-control-treeview-icon-node-icon-size);margin:var(--ibiz-control-treeview-spacing-node-icon-margin)}.ibiz-control-treeview-header__crumb>span:has(img)::after>svg,.ibiz-control-treeview-header__crumb>span:has(svg)::after>svg{width:100%;height:100%}.ibiz-control-treeview-header__crumb>span:has(img)::after,.ibiz-control-treeview-header__crumb>span:has(svg)::after{display:inline-block;margin:var(--ibiz-control-treeview-spacing-crumb-item-icon-margin);content:"\e710";opacity:0}.ibiz-control-treeview-header__container{height:auto;padding:var(--ibiz-control-treeview-spacing-crumb-container-padding)}.ibiz-control-treeview-header__container .van-sticky,.ibiz-control-treeview-header__container>div{height:auto!important}.ibiz-control-treeview-header__container.is-hidden{display:none}.ibiz-control-treeview-header__container::after{content:"";position:absolute;width:100%;height:var(--ibiz-control-treeview-spacing-crumb-container-bottom-ph);left:0;background-color:var(--ibiz-control-treeview-color-crumb-container-bg)}.ibiz-control-treeview-header.vs-breadcrumb{height:var(--ibiz-control-treeview-height-crumb);overflow:auto;white-space:nowrap;line-height:var(--ibiz-control-treeview-height-crumb);padding:var(--ibiz-control-treeview-spacing-crumb-padding)}.ibiz-control-treeview-header.vs-breadcrumb .vs-breadcrumb-separator,.ibiz-control-treeview-header.vs-breadcrumb>span,.ibiz-control-treeview-header.vs-breadcrumb>span:last-child{color:var(--ibiz-control-treeview-color-crumb-history-nav-text)}.ibiz-control-treeview-header.vs-breadcrumb>span:not(:last-child),.ibiz-control-treeview-header.vs-breadcrumb>span:not(:last-child):hover{color:var(--ibiz-control-treeview-color-text)}.ibiz-control-treeview-header.is-header-style>span:not(:last-child){display:none}.ibiz-control-treeview-header.is-header-style>span:last-child{display:flex;width:100%}.ibiz-control-treeview-header.is-header-style>span:last-child .ibiz-control-treeview-header__crumb--back-btn{display:inline-block;width:var(--ibiz-control-treeview-width-crumb-back-btn);color:var(--ibiz-control-treeview-color-crumb-history-nav-text)}.ibiz-control-treeview-header.is-header-style>span:last-child .vs-breadcrumb-link{flex:1;overflow:hidden}.ibiz-control-treeview-header.is-header-style>span:last-child .ibiz-control-treeview-header__crumb{display:flex;align-items:center}.ibiz-control-treeview-header.is-header-style>span:last-child .ibiz-control-treeview-header__crumb>span:first-child{display:flex;align-items:center}.ibiz-control-treeview-header.is-header-style>span:last-child .ibiz-control-treeview-header__crumb>span:first-child::after{display:none}.ibiz-control-treeview-header.is-header-style>span:last-child .ibiz-control-treeview-header__crumb>span:first-child .ibiz-icon{position:unset}.ibiz-control-treeview-header.is-header-style>span:last-child .ibiz-control-treeview-header__crumb>span:last-child{text-overflow:ellipsis;overflow:hidden;flex:1}.ibiz-control-treeview-container{width:100%;height:100%;display:flex;flex-direction:column;padding:var(--ibiz-control-treeview-spacing-padding)}

package/lib/control/tree-exp-bar/render-util.cjs

@@ -11,8 +11,9 @@ function useExpBarRender(c, ns) {
   const debounceSearch = lodashEs.debounce(() => {
     c.load();
   }, 500);
-  const onInput = (value) => {
-    c.state.query = value;
+  const onInput = (event) => {
+    var _a;
+    c.state.query = (_a = event.target) == null ? void 0 : _a.value;
     debounceSearch();
   };
   const renderTitle = () => {
@@ -55,7 +56,7 @@ function useExpBarRender(c, ns) {
         ...ctrlProps
       });
     }
-    return vue.createVNode(vue.resolveComponent("el-input"), {
+    return vue.createVNode(vue.resolveComponent("van-field"), {
       "model-value": c.state.query,
       "class": [ns.b("quick-search"), expBarNs.b("quick-search")],
       "placeholder": c.state.placeHolder,

package/lib/control/tree-exp-bar/tree-exp-bar.css

@@ -1 +1 @@
-.ibiz-control-treeexpbar .vs-tree-inner{width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
+.ibiz-control-treeexpbar{--ibiz-control-treeexpbar-spacing-caption-padding:var(--ibiz-spacing-base);--ibiz-control-treeexpbar-spacing-toolbar-padding:var(--ibiz-spacing-base)}.ibiz-control-treeexpbar .vs-tree-inner{width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ibiz-control-treeexpbar .ibiz-control-treeexpbar-caption{padding:var(--ibiz-control-treeexpbar-spacing-caption-padding);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ibiz-control-treeexpbar .ibiz-panel-ctrl-pos--treeexpbar_toolbar{padding:var(--ibiz-control-treeexpbar-spacing-toolbar-padding)}

package/lib/control/wizard-panel/wizard-panel.cjs

@@ -4,6 +4,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./wizard-panel.css');
 var runtime = require('@ibiz-template/runtime');
+var core = require('@ibiz-template/core');
 
 "use strict";
 function _isSlot(s) {
@@ -50,16 +51,15 @@ const WizardPanelControl = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
-    var _a, _b;
+    var _a, _b, _c, _d, _e;
     const {
-      activeFormTag
+      activeFormTag,
+      buttonsState
     } = this.c.state;
     let stepsTitle = null;
     let formComponent = null;
     let footer = null;
     if (activeFormTag && this.c.activeWizardForm) {
-      const wizardForm = this.c.activeWizardForm;
-      const supportActions = wizardForm.stepActions;
       if (this.c.providers[activeFormTag]) {
         const component = vue.resolveComponent(this.c.providers[activeFormTag].component);
         const editForm = (_a = this.c.model.deeditForms) == null ? void 0 : _a.find((_editForm) => {
@@ -79,17 +79,17 @@ const WizardPanelControl = /* @__PURE__ */ vue.defineComponent({
       const {
         dewizard
       } = this.c.model;
-      footer = supportActions && dewizard && vue.createVNode("div", {
+      footer = dewizard && vue.createVNode("div", {
         "key": `${activeFormTag}footer`,
         "class": this.ns.b("footer")
-      }, [supportActions.includes("PREV") && vue.createVNode(vue.resolveComponent("van-button"), {
+      }, [((_b = buttonsState[`${activeFormTag}@PREV`]) == null ? void 0 : _b.visible) && vue.createVNode(vue.resolveComponent("van-button"), {
         "class": this.ns.be("footer", "prev"),
         "onClick": () => {
           this.c.onPrevClick();
         }
       }, {
         default: () => [dewizard.prevCaption ? dewizard.prevCaption : ibiz.i18n.t("control.wizardPanel.prev")]
-      }), supportActions.includes("NEXT") && vue.createVNode(vue.resolveComponent("van-button"), {
+      }), ((_c = buttonsState[`${activeFormTag}@NEXT`]) == null ? void 0 : _c.visible) && vue.createVNode(vue.resolveComponent("van-button"), {
         "type": "primary",
         "class": this.ns.be("footer", "next"),
         "onClick": () => {
@@ -97,7 +97,7 @@ const WizardPanelControl = /* @__PURE__ */ vue.defineComponent({
         }
       }, {
         default: () => [dewizard.nextCaption ? dewizard.nextCaption : ibiz.i18n.t("control.wizardPanel.next")]
-      }), supportActions.includes("FINISH") && vue.createVNode(vue.resolveComponent("van-button"), {
+      }), ((_d = buttonsState[`${activeFormTag}@FINISH`]) == null ? void 0 : _d.visible) && vue.createVNode(vue.resolveComponent("van-button"), {
         "type": "primary",
         "class": this.ns.be("footer", "finish"),
         "onClick": () => {
@@ -110,18 +110,35 @@ const WizardPanelControl = /* @__PURE__ */ vue.defineComponent({
         dewizardSteps
       } = dewizard;
       if (this.c.model.showStepBar && dewizardSteps && dewizardSteps.length > 0) {
-        let _slot;
-        const active = this.c.steps.indexOf(this.c.stepTags[`${this.c.model.name}_form_${(_b = this.c.state.activeFormTag) == null ? void 0 : _b.toLowerCase()}`]);
+        let _slot2;
+        const active = this.c.steps.indexOf(this.c.stepTags[`${this.c.model.name}_form_${(_e = this.c.state.activeFormTag) == null ? void 0 : _e.toLowerCase()}`]);
         stepsTitle = vue.createVNode(vue.resolveComponent("van-steps"), {
-          "active": active,
-          "finish-icon": "checked",
-          "active-icon": "circle"
-        }, _isSlot(_slot = dewizardSteps.map((step) => {
-          return vue.createVNode(vue.resolveComponent("van-step"), null, {
-            default: () => [step.title]
+          "active": active
+        }, _isSlot(_slot2 = dewizardSteps.map((step) => {
+          const _slot = {
+            default: () => {
+              var _a2;
+              return vue.createVNode("span", {
+                "class": [this.ns.bm("header", "title"), (_a2 = step.titleSysCss) == null ? void 0 : _a2.cssName]
+              }, [core.showTitle(step.title)]);
+            }
+          };
+          if (step.sysImage) {
+            const icon = vue.createVNode(vue.resolveComponent("iBizIcon"), {
+              "class": this.ns.bm("header", "step-icon"),
+              "icon": step.sysImage
+            }, null);
+            Object.assign(_slot, {
+              "active-icon": icon,
+              "finish-icon": icon,
+              "inactive-icon": icon
+            });
+          }
+          return vue.createVNode(vue.resolveComponent("van-step"), null, _isSlot(_slot) ? _slot : {
+            default: () => [_slot]
           });
-        })) ? _slot : {
-          default: () => [_slot]
+        })) ? _slot2 : {
+          default: () => [_slot2]
         });
       }
     }

package/lib/control/wizard-panel/wizard-panel.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-control-wizardpanel{--ibiz-control-wizard-panel-header-height:60px;--ibiz-control-wizard-panel-footer-height:40px;--ibiz-control-wizard-panel-margin:var(--ibiz-spacing-loose) var(--ibiz-spacing-tight);--ibiz-control-wizard-panel-gap:var(--ibiz-spacing-tight);display:flex;flex-direction:column;height:100%}.ibiz-control-wizardpanel__form{flex-grow:1;overflow:auto}.ibiz-control-wizardpanel.is-header .ibiz-control-wizardpanel__form{height:calc(100% - var(--ibiz-control-wizard-panel-footer-height) - var(--ibiz-control-wizard-panel-header-height))}.ibiz-control-wizardpanel-header{height:var(--ibiz-control-wizard-panel-header-height)}.ibiz-control-wizardpanel-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ibiz-control-wizard-panel-gap);height:var(--ibiz-control-wizard-panel-footer-height);margin:var(--ibiz-control-wizard-panel-margin)}.ibiz-control-wizardpanel-footer__form{flex-grow:1;overflow:auto}.ibiz-control-wizardpanel-footer button{flex-grow:1;height:100%}
+.ibiz-control-wizardpanel{--ibiz-control-wizard-panel-footer-margin:var(--ibiz-spacing-loose) var(--ibiz-spacing-tight);--ibiz-control-wizard-panel-footer-gap:var(--ibiz-spacing-tight);--ibiz-control-wizard-panel-active-color:var(--ibiz-color-primary);display:flex;flex-direction:column;height:100%}.ibiz-control-wizardpanel .van-steps{flex:none}.ibiz-control-wizardpanel .van-step--process{color:var(--ibiz-control-wizard-panel-active-color)}.ibiz-control-wizardpanel__form{flex-grow:1;overflow:auto}.ibiz-control-wizardpanel-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ibiz-control-wizard-panel-footer-gap);margin:var(--ibiz-control-wizard-panel-footer-margin)}.ibiz-control-wizardpanel-footer button{flex-grow:1}

package/lib/editor/array/array-editor.controller.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class ArrayEditorController extends runtime.EditorController {
+}
+
+exports.ArrayEditorController = ArrayEditorController;

package/lib/editor/array/array-editor.provider.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var arrayEditor_controller = require('./array-editor.controller.cjs');
+
+"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 ArrayEditorProvider {
+  constructor() {
+    __publicField(this, "formEditor", "IBizArray");
+    __publicField(this, "gridEditor", "IBizArray");
+  }
+  async createController(editorModel, parentController) {
+    const c = new arrayEditor_controller.ArrayEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+exports.ArrayEditorProvider = ArrayEditorProvider;