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

package/es/control/tree/tree.mjs

@@ -1,9 +1,11 @@
-import { defineComponent, isVNode, createVNode, resolveComponent, computed, ref, h, createApp, onUnmounted } from 'vue';
-import { useControlController, useNamespace, IBizIcon } from '@ibiz-template/vue3-util';
-import { TreeController } from '@ibiz-template/runtime';
+import { defineComponent, isVNode, createVNode, resolveComponent, withDirectives, resolveDirective, computed, ref, h, createApp, onUnmounted } from 'vue';
+import { useControlController, useNamespace, IBizIcon, IBizControlShell } from '@ibiz-template/vue3-util';
+import { isNil } from 'ramda';
+import { TreeController, getControlPanel } from '@ibiz-template/runtime';
 import { debounce } from 'lodash-es';
 import { createUUID } from 'qx-util';
 import { VsTreeComponent } from '@ibiz-template-package/vs-tree-ex';
+import { createVueApp } from '../../mob-app/create-vue-app.mjs';
 import './tree.css';
 
 "use strict";
@@ -81,6 +83,8 @@ const TreeControl = /* @__PURE__ */ defineComponent({
     const currentVal = ref("");
     const uuid = createUUID();
     const breadcrumb = ref(true);
+    const hiddenBreadcrumb = ref(false);
+    const isHeaderStyle = c.crumbShowMode === "HEADERSTYLE" || c.state.navigational;
     const createIconNode = (customProps) => {
       const iop = h(IBizIcon, customProps);
       const vueApp = createApp(iop);
@@ -117,25 +121,37 @@ const TreeControl = /* @__PURE__ */ 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 ? 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;
@@ -153,16 +169,15 @@ const TreeControl = /* @__PURE__ */ 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]));
@@ -175,20 +190,32 @@ const TreeControl = /* @__PURE__ */ 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 = 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([]);
@@ -226,24 +253,66 @@ const TreeControl = /* @__PURE__ */ 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 = h(IBizControlShell, {
+          data: nodeData,
+          modelData: layoutPanel,
+          context: c.context,
+          params: c.params
         });
+        const vueApp = 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 (!(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
@@ -258,6 +327,11 @@ const TreeControl = /* @__PURE__ */ 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
     };
@@ -266,6 +340,13 @@ const TreeControl = /* @__PURE__ */ 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;
@@ -276,10 +357,53 @@ const TreeControl = /* @__PURE__ */ 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 = 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
+    });
     onUnmounted(() => {
       vueApps.forEach((vueApp) => {
         vueApp.unmount();
@@ -289,27 +413,29 @@ const TreeControl = /* @__PURE__ */ 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 createVNode(resolveComponent("van-search"), {
           "modelValue": this.c.state.query,
           "class": this.ns.b("quick-search"),
@@ -322,38 +448,40 @@ const TreeControl = /* @__PURE__ */ defineComponent({
     const key = this.c.controlPanel ? "tree" : "default";
     slots[key] = () => {
       const content = [this.breadcrumb && createVNode("div", {
-        "class": this.ns.be("header", "container")
+        "class": [this.ns.be("header", "container"), this.ns.is("hidden", this.hiddenBreadcrumb)]
       }, [createVNode(resolveComponent("van-sticky"), null, {
         default: () => [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 && createVNode(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 createVNode("div", {
         "class": this.ns.b("container")
       }, [content]);
     };
-    return createVNode(resolveComponent("iBizControlBase"), {
+    return withDirectives(createVNode(resolveComponent("iBizControlBase"), {
       "controller": this.c
     }, _isSlot(slots) ? slots : {
       default: () => [slots]
-    });
+    }), [[resolveDirective("loading"), this.c.state.isLoading]]);
   }
 });
 

package/es/control/tree-exp-bar/render-util.mjs

@@ -9,8 +9,9 @@ function useExpBarRender(c, ns) {
   const debounceSearch = 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 = () => {
@@ -53,7 +54,7 @@ function useExpBarRender(c, ns) {
         ...ctrlProps
       });
     }
-    return createVNode(resolveComponent("el-input"), {
+    return createVNode(resolveComponent("van-field"), {
       "model-value": c.state.query,
       "class": [ns.b("quick-search"), expBarNs.b("quick-search")],
       "placeholder": c.state.placeHolder,

package/es/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/es/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/es/control/wizard-panel/wizard-panel.mjs

@@ -2,6 +2,7 @@ import { isVNode, defineComponent, resolveComponent, h, createVNode } from 'vue'
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './wizard-panel.css';
 import { WizardPanelController } from '@ibiz-template/runtime';
+import { showTitle } from '@ibiz-template/core';
 
 "use strict";
 function _isSlot(s) {
@@ -48,16 +49,15 @@ const WizardPanelControl = /* @__PURE__ */ 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 = resolveComponent(this.c.providers[activeFormTag].component);
         const editForm = (_a = this.c.model.deeditForms) == null ? void 0 : _a.find((_editForm) => {
@@ -77,17 +77,17 @@ const WizardPanelControl = /* @__PURE__ */ defineComponent({
       const {
         dewizard
       } = this.c.model;
-      footer = supportActions && dewizard && createVNode("div", {
+      footer = dewizard && createVNode("div", {
         "key": `${activeFormTag}footer`,
         "class": this.ns.b("footer")
-      }, [supportActions.includes("PREV") && createVNode(resolveComponent("van-button"), {
+      }, [((_b = buttonsState[`${activeFormTag}@PREV`]) == null ? void 0 : _b.visible) && createVNode(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") && createVNode(resolveComponent("van-button"), {
+      }), ((_c = buttonsState[`${activeFormTag}@NEXT`]) == null ? void 0 : _c.visible) && createVNode(resolveComponent("van-button"), {
         "type": "primary",
         "class": this.ns.be("footer", "next"),
         "onClick": () => {
@@ -95,7 +95,7 @@ const WizardPanelControl = /* @__PURE__ */ defineComponent({
         }
       }, {
         default: () => [dewizard.nextCaption ? dewizard.nextCaption : ibiz.i18n.t("control.wizardPanel.next")]
-      }), supportActions.includes("FINISH") && createVNode(resolveComponent("van-button"), {
+      }), ((_d = buttonsState[`${activeFormTag}@FINISH`]) == null ? void 0 : _d.visible) && createVNode(resolveComponent("van-button"), {
         "type": "primary",
         "class": this.ns.be("footer", "finish"),
         "onClick": () => {
@@ -108,18 +108,35 @@ const WizardPanelControl = /* @__PURE__ */ 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 = createVNode(resolveComponent("van-steps"), {
-          "active": active,
-          "finish-icon": "checked",
-          "active-icon": "circle"
-        }, _isSlot(_slot = dewizardSteps.map((step) => {
-          return createVNode(resolveComponent("van-step"), null, {
-            default: () => [step.title]
+          "active": active
+        }, _isSlot(_slot2 = dewizardSteps.map((step) => {
+          const _slot = {
+            default: () => {
+              var _a2;
+              return createVNode("span", {
+                "class": [this.ns.bm("header", "title"), (_a2 = step.titleSysCss) == null ? void 0 : _a2.cssName]
+              }, [showTitle(step.title)]);
+            }
+          };
+          if (step.sysImage) {
+            const icon = createVNode(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 createVNode(resolveComponent("van-step"), null, _isSlot(_slot) ? _slot : {
+            default: () => [_slot]
           });
-        })) ? _slot : {
-          default: () => [_slot]
+        })) ? _slot2 : {
+          default: () => [_slot2]
         });
       }
     }

package/es/editor/array/array-editor.controller.mjs

@@ -0,0 +1,7 @@
+import { EditorController } from '@ibiz-template/runtime';
+
+"use strict";
+class ArrayEditorController extends EditorController {
+}
+
+export { ArrayEditorController };

package/es/editor/array/array-editor.provider.mjs

@@ -0,0 +1,22 @@
+import { ArrayEditorController } from './array-editor.controller.mjs';
+
+"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 ArrayEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+export { ArrayEditorProvider };

package/es/editor/array/ibiz-array/ibiz-array.css

@@ -0,0 +1 @@
+.ibiz-array{--ibiz-array-color:var(--ibiz-editor-default-text-color);--ibiz-array-color-placeholder:var(--ibiz-editor-default-placeholder-color);--ibiz-array-color-disabled:var(--ibiz-editor-disabled-text-color);--ibiz-array-color-readonly:var(--ibiz-editor-readonly-text-color);--ibiz-array-spacing-icons-gap:var(--ibiz-spacing-tight);--ibiz-array-spacing-icons-margin:0 0 0 var(--ibiz-spacing-base);--ibiz-array-font-fontSize:var(--ibiz-editor-default-font-size);--ibiz-array-font-lineHeight:var(--ibiz-editor-default-line-height);--ibiz-array-font-textAlign:var(--ibiz-editor-default-text-align);--ibiz-array-border-item:--ibiz-border-thickness-control solid var(--ibiz-color-border);height:100%;font-size:var(--ibiz-array-font-fontSize);line-height:var(--ibiz-array-font-lineHeight);color:var(--ibiz-array-color);display:flex;align-items:end;flex-direction:column;--van-field-input-text-color:var(--ibiz-array-color);--van-cell-text-color:var(--ibiz-array-color);--van-cell-value-color:var(--ibiz-array-color);--van-cell-line-height:var(--ibiz-array-font-lineHeight);--van-cell-font-size:var(--ibiz-array-font-fontSize);--van-cell-value-font-size:var(--ibiz-array-font-fontSize);--van-field-input-disabled-text-color:var(--ibiz-array-color-disabled)}.ibiz-array input::-moz-placeholder{color:var(--ibiz-array-color-placeholder);-webkit-text-fill-color:var(--ibiz-array-color-placeholder)}.ibiz-array input::placeholder{color:var(--ibiz-array-color-placeholder);-webkit-text-fill-color:var(--ibiz-array-color-placeholder)}.ibiz-array--disabled{color:var(--ibiz-array-color-disabled);--van-field-input-disabled-text-color:var(--ibiz-array-color-disabled)}.ibiz-array--readonly{color:var(--ibiz-array-color-readonly);--van-field-input-text-color:var(--ibiz-array-color-readonly)}.ibiz-array-item{width:100%;border-bottom:var(--ibiz-array-border-item)}.ibiz-array-add-icon{display:flex;align-items:center;min-height:var(--ibiz-array-font-lineHeight)}.ibiz-array-icons{display:flex;align-items:center;justify-content:var(--ibiz-array-font-textAlign);min-height:var(--ibiz-array-font-lineHeight);margin:var(--ibiz-array-spacing-icons-margin);gap:var(--ibiz-array-spacing-icons-gap)}