@ibiz-template/vue3-components 0.7.40-alpha.9 → 0.7.41-alpha.0

package/es/control/tree/tree.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, ref, reactive, onUnmounted, watch, computed, nextTick, resolveComponent, createVNode, onMounted, mergeProps, withDirectives, resolveDirective } from 'vue';
+import { isVNode, ref, reactive, onUnmounted, watch, computed, nextTick, resolveComponent, createVNode, onMounted, mergeProps, resolveDirective, withDirectives, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { createUUID } from 'qx-util';
 import { cloneDeep, debounce } from 'lodash-es';
@@ -15,63 +15,88 @@ function _isSlot(s) {
 const TreeControl = /* @__PURE__ */ defineComponent({
   name: "IBizTreeControl",
   props: {
+    /**
+     * @description 树模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 应用上下文对象
+     */
     context: {
       type: Object,
       required: true
     },
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
       type: Object,
       default: () => ({})
     },
+    /**
+     * @description 部件适配器
+     */
     provider: {
       type: Object
     },
     /**
-     * 部件行数据默认激活模式
-     * - 0 不激活
-     * - 1 单击激活
-     * - 2 双击激活(默认值)
-     *
-     * @type {(number | 0 | 1 | 2)}
+     * @description 树节点默认激活模式，值为0:不激活，值为1：单击激活，值为2：双击激活
      */
     mdctrlActiveMode: {
       type: Number,
       default: void 0
     },
     /**
-     * 是否为单选
-     * - true 单选
-     * - false 多选
-     *
-     * @type {(Boolean)}
+     * @description 是否单选
      */
     singleSelect: {
       type: Boolean,
       default: void 0
     },
+    /**
+     * @description 是否是导航的
+     */
     navigational: {
       type: Boolean,
       default: void 0
     },
+    /**
+     * @description 默认展开节点集合
+     */
     defaultExpandedKeys: {
       type: Array
     },
+    /**
+     * @description 是否默认加载数据
+     * @default true
+     */
     loadDefault: {
       type: Boolean,
       default: true
     },
+    /**
+     * @description 在显示复选框的情况下，是否严格的遵循父子不互相关联的做法
+     * @default true
+     */
     checkStrictly: {
       type: Boolean,
       default: true
     },
+    /**
+     * @description 是否是简单模式
+     * @default false
+     */
     isSimple: {
       type: Boolean,
       default: false
     },
+    /**
+     * @description 简单模式下传入的数据
+     */
     data: {
       type: Array,
       required: false
@@ -111,15 +136,28 @@ const TreeControl = /* @__PURE__ */ defineComponent({
     const newTreeNodeText = ref(null);
     const newNodeModel = ref(null);
     const newDefaultValue = ref(null);
+    const newNodeKey = ref("".concat(createUUID(), "-").concat(createUUID()));
+    const newNodeData = ref(null);
     c.evt.on("onNewTreeNode", (args) => {
       const {
         nodeModel,
-        defaultValue
+        defaultValue,
+        parentNodeData
       } = args;
       newNodeModel.value = nodeModel;
       newDefaultValue.value = defaultValue;
       editingNodeKey.value = null;
       editingNodeText.value = null;
+      if (parentNodeData && treeRef.value) {
+        const _newNodeData = {};
+        Object.assign(_newNodeData, {
+          _id: newNodeKey.value,
+          _text: "",
+          _leaf: true
+        });
+        treeRef.value.append(_newNodeData, parentNodeData);
+        newNodeData.value = _newNodeData;
+      }
     });
     watch(() => treeNodeTextInputRef.value, (newVal) => {
       if (newVal) {
@@ -139,6 +177,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       }
     };
     const onNodeTextEditBlur = async () => {
+      var _a;
       if (editingNodeKey.value) {
         if (editingNodeText.value) {
           const nodeData = findNodeData(editingNodeKey.value, c);
@@ -174,9 +213,13 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         newNodeModel.value = null;
         newTreeNodeText.value = null;
         newDefaultValue.value = null;
+        if (newNodeData.value)
+          (_a = treeRef.value) == null ? void 0 : _a.remove(newNodeData.value);
+        newNodeData.value = null;
       }
     };
     const onNodeTextEditEsc = async () => {
+      var _a;
       if (editingNodeKey.value) {
         editingNodeKey.value = null;
         editingNodeText.value = null;
@@ -185,6 +228,9 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         newNodeModel.value = null;
         newTreeNodeText.value = null;
         newDefaultValue.value = null;
+        if (newNodeData.value)
+          (_a = treeRef.value) == null ? void 0 : _a.remove(newNodeData.value);
+        newNodeData.value = null;
       }
     };
     const handleEditKeyDown = (e) => {
@@ -577,7 +623,11 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         return null;
       }
       return createVNode("div", {
-        "class": [ns.b("new-node"), (_a = newNodeModel.value.sysCss) == null ? void 0 : _a.cssName]
+        "class": [ns.b("new-node"), (_a = newNodeModel.value.sysCss) == null ? void 0 : _a.cssName],
+        "onClick": (_e) => {
+          _e.preventDefault();
+          _e.stopPropagation();
+        }
       }, [((_b = newNodeModel.value) == null ? void 0 : _b.sysImage) ? createVNode(iBizIcon, {
         "class": ns.be("node", "icon"),
         "icon": (_c = newNodeModel.value) == null ? void 0 : _c.sysImage
@@ -605,6 +655,8 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       editingNodeKey,
       editingNodeText,
       cascadeSelect,
+      newNodeKey,
+      newNodeData,
       findNodeData,
       onCheck,
       onNodeClick,
@@ -682,6 +734,8 @@ const TreeControl = /* @__PURE__ */ defineComponent({
             data
           }) => {
             var _a, _b;
+            if (this.newNodeKey === data._id)
+              return this.renderNewNode();
             const nodeData = this.findNodeData(data._uuid, this.c);
             if (!nodeData) {
               return null;
@@ -730,7 +784,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
               "class": [this.ns.b("node"), nodeData._disableSelect ? this.ns.bm("node", "disabled") : "", (_b = nodeModel.sysCss) == null ? void 0 : _b.cssName]
             }, [content, this.renderCounter(nodeModel), this.renderContextMenu(nodeModel, nodeData)]);
           }
-        }), this.renderNewNode(), this.c.state.enableNavView && this.c.state.showNavIcon ? !this.c.state.showNavView ? createVNode("ion-icon", {
+        }), !this.newNodeData && this.renderNewNode(), this.c.state.enableNavView && this.c.state.showNavIcon ? !this.c.state.showNavView ? createVNode("ion-icon", {
           "class": this.ns.e("nav-icon"),
           "title": ibiz.i18n.t("component.controlNavigation.showNav"),
           "name": "eye-outline",

package/es/control/tree-grid/index.mjs

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { TreeGridControl } from './tree-grid.mjs';
 import { TreeGridProvider } from './tree-grid.provider.mjs';

package/es/control/tree-grid/tree-grid.d.ts

@@ -2,45 +2,65 @@ import { PropType, VNode } from 'vue';
 import { IDEGridColumn } from '@ibiz/model-core';
 import { IControlProvider, TreeGridController } from '@ibiz-template/runtime';
 export declare const TreeGridControl: import("vue").DefineComponent<{
+    /**
+     * @description 树表格模型数据
+     */
     modelData: {
         type: PropType<import("@ibiz/model-core").IDEGrid>;
         required: true;
     };
+    /**
+     * @description 应用上下文对象
+     */
     context: {
         type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
         type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
+    /**
+     * @description 部件适配器
+     */
     provider: {
         type: PropType<IControlProvider>;
     };
     /**
-     * 部件行数据默认激活模式
-     * - 0 不激活
-     * - 1 单击激活
-     * - 2 双击激活(默认值)
-     *
-     * @type {(number | 0 | 1 | 2)}
+     * @description 部件行数据默认激活模式，值为0:不激活，值为1：单击激活，值为2：双击激活
      */
     mdctrlActiveMode: {
         type: NumberConstructor;
         default: undefined;
     };
+    /**
+     * @description 是否是单选
+     */
     singleSelect: {
         type: BooleanConstructor;
         default: undefined;
     };
+    /**
+     * @description 是否启用行编辑
+     */
     rowEditOpen: {
         type: BooleanConstructor;
         default: undefined;
     };
+    /**
+     * @description 是否是简单模式，即直接传入数据，不加载数据
+     */
     isSimple: {
         type: BooleanConstructor;
         required: false;
     };
+    /**
+     * @description 简单模式下传入的数据
+     */
     data: {
         type: {
             (arrayLength: number): import("@ibiz-template/core").IApiData[];
@@ -58,6 +78,10 @@ export declare const TreeGridControl: import("vue").DefineComponent<{
         };
         required: false;
     };
+    /**
+     * @description 是否默认加载数据
+     * @default true
+     */
     loadDefault: {
         type: BooleanConstructor;
         default: boolean;
@@ -96,45 +120,65 @@ export declare const TreeGridControl: import("vue").DefineComponent<{
     renderBatchToolBar: () => VNode | undefined;
     headerCssVars: import("@ibiz-template/core").IApiData;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * @description 树表格模型数据
+     */
     modelData: {
         type: PropType<import("@ibiz/model-core").IDEGrid>;
         required: true;
     };
+    /**
+     * @description 应用上下文对象
+     */
     context: {
         type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
         type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
+    /**
+     * @description 部件适配器
+     */
     provider: {
         type: PropType<IControlProvider>;
     };
     /**
-     * 部件行数据默认激活模式
-     * - 0 不激活
-     * - 1 单击激活
-     * - 2 双击激活(默认值)
-     *
-     * @type {(number | 0 | 1 | 2)}
+     * @description 部件行数据默认激活模式，值为0:不激活，值为1：单击激活，值为2：双击激活
      */
     mdctrlActiveMode: {
         type: NumberConstructor;
         default: undefined;
     };
+    /**
+     * @description 是否是单选
+     */
     singleSelect: {
         type: BooleanConstructor;
         default: undefined;
     };
+    /**
+     * @description 是否启用行编辑
+     */
     rowEditOpen: {
         type: BooleanConstructor;
         default: undefined;
     };
+    /**
+     * @description 是否是简单模式，即直接传入数据，不加载数据
+     */
     isSimple: {
         type: BooleanConstructor;
         required: false;
     };
+    /**
+     * @description 简单模式下传入的数据
+     */
     data: {
         type: {
             (arrayLength: number): import("@ibiz-template/core").IApiData[];
@@ -152,6 +196,10 @@ export declare const TreeGridControl: import("vue").DefineComponent<{
         };
         required: false;
     };
+    /**
+     * @description 是否默认加载数据
+     * @default true
+     */
     loadDefault: {
         type: BooleanConstructor;
         default: boolean;

package/es/control/tree-grid/tree-grid.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, createVNode, resolveComponent, createTextVNode, renderSlot } from 'vue';
+import { isVNode, resolveComponent, createVNode, createTextVNode, renderSlot, defineComponent } from 'vue';
 import { useControlController, useNamespace, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
 import { TreeGridController } from '@ibiz-template/runtime';
 import { useRowEditPopover } from '../grid/row-edit-popover/use-row-edit-popover.mjs';
@@ -13,49 +13,73 @@ function _isSlot(s) {
 const TreeGridControl = /* @__PURE__ */ defineComponent({
   name: "IBizTreeGridControl",
   props: {
+    /**
+     * @description 树表格模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 应用上下文对象
+     */
     context: {
       type: Object,
       required: true
     },
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
       type: Object,
       default: () => ({})
     },
+    /**
+     * @description 部件适配器
+     */
     provider: {
       type: Object
     },
     /**
-     * 部件行数据默认激活模式
-     * - 0 不激活
-     * - 1 单击激活
-     * - 2 双击激活(默认值)
-     *
-     * @type {(number | 0 | 1 | 2)}
+     * @description 部件行数据默认激活模式，值为0:不激活，值为1：单击激活，值为2：双击激活
      */
     mdctrlActiveMode: {
       type: Number,
       default: void 0
     },
+    /**
+     * @description 是否是单选
+     */
     singleSelect: {
       type: Boolean,
       default: void 0
     },
+    /**
+     * @description 是否启用行编辑
+     */
     rowEditOpen: {
       type: Boolean,
       default: void 0
     },
+    /**
+     * @description 是否是简单模式，即直接传入数据，不加载数据
+     */
     isSimple: {
       type: Boolean,
       required: false
     },
+    /**
+     * @description 简单模式下传入的数据
+     */
     data: {
       type: Array,
       required: false
     },
+    /**
+     * @description 是否默认加载数据
+     * @default true
+     */
     loadDefault: {
       type: Boolean,
       default: true

package/es/control/tree-grid-ex/index.mjs

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { TreeGridExControl } from './tree-grid-ex.mjs';
 import { TreeGridExProvider } from './tree-grid-ex.provider.mjs';

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-edit-column/tree-grid-ex-edit-column.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, createVNode, resolveComponent, h } from 'vue';
+import { computed, ref, resolveComponent, h, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { RuntimeError } from '@ibiz-template/core';
 import { TreeGridExNodeColumnController, TreeGridExRowState } from '@ibiz-template/runtime';

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-field-column/tree-grid-ex-field-column.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, createVNode, resolveComponent } from 'vue';
+import { computed, ref, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { TreeGridExFieldColumnController, TreeGridExRowState } from '@ibiz-template/runtime';
 import { isNotNil } from 'ramda';

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-ua-column/tree-grid-ex-ua-column.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode, resolveComponent } from 'vue';
+import { resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './tree-grid-ex-ua-column.css';
 import { TreeGridExUAColumnController, TreeGridExRowState } from '@ibiz-template/runtime';

package/es/control/tree-grid-ex/tree-grid-ex.d.ts

@@ -3,18 +3,31 @@ import { IDETreeColumn } from '@ibiz/model-core';
 import { IControlProvider, TreeGridExController } from '@ibiz-template/runtime';
 import './tree-grid-ex.scss';
 export declare const TreeGridExControl: import("vue").DefineComponent<{
+    /**
+     * @description 树表格增强模型数据
+     */
     modelData: {
         type: PropType<import("@ibiz/model-core").IDETree>;
         required: true;
     };
+    /**
+     * @description 应用上下文对象
+     */
     context: {
         type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
         type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
+    /**
+     * @description 部件适配器
+     */
     provider: {
         type: PropType<IControlProvider>;
     };
@@ -34,18 +47,31 @@ export declare const TreeGridExControl: import("vue").DefineComponent<{
         row: IData;
     }) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * @description 树表格增强模型数据
+     */
     modelData: {
         type: PropType<import("@ibiz/model-core").IDETree>;
         required: true;
     };
+    /**
+     * @description 应用上下文对象
+     */
     context: {
         type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
         type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
+    /**
+     * @description 部件适配器
+     */
     provider: {
         type: PropType<IControlProvider>;
     };

package/es/control/tree-grid-ex/tree-grid-ex.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, createVNode, resolveComponent, computed, ref, watchEffect, renderSlot, mergeProps, h } from 'vue';
+import { isVNode, createVNode, resolveComponent, computed, ref, watchEffect, renderSlot, mergeProps, h, defineComponent } from 'vue';
 import { useControlController, useNamespace, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
 import { TreeGridExController } from '@ibiz-template/runtime';
 import './tree-grid-ex.css';
@@ -13,18 +13,31 @@ function _isSlot(s) {
 const TreeGridExControl = /* @__PURE__ */ defineComponent({
   name: "IBizTreeGridExControl",
   props: {
+    /**
+     * @description 树表格增强模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 应用上下文对象
+     */
     context: {
       type: Object,
       required: true
     },
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
       type: Object,
       default: () => ({})
     },
+    /**
+     * @description 部件适配器
+     */
     provider: {
       type: Object
     }
@@ -215,6 +228,14 @@ const TreeGridExControl = /* @__PURE__ */ defineComponent({
         "label-class-name": (_a = columnC.model.headerSysCss) == null ? void 0 : _a.cssName,
         "align": ((_b = model.align) == null ? void 0 : _b.toLowerCase()) || "center"
       }), {
+        header: ({
+          column
+        }) => {
+          return createVNode(resolveComponent("iBizGridColumnHeader"), {
+            "key": column.property,
+            "controller": columnC
+          }, null);
+        },
         default: ({
           row
         }) => {

package/es/control/view-panel/index.d.ts

@@ -0,0 +1,40 @@
+export declare const IBizViewPanelControl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDEViewPanel>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<import("@ibiz-template/core").IApiContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<import("@ibiz-template/core").IApiParams>;
+        default: () => {};
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
+    };
+}, {
+    c: import("@ibiz-template/runtime").ViewPanelController;
+    ns: import("@ibiz-template/core").Namespace;
+    onCreated: (event: import("@ibiz-template/runtime").EventBase) => void;
+}, 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").IDEViewPanel>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<import("@ibiz-template/core").IApiContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<import("@ibiz-template/core").IApiParams>;
+        default: () => {};
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
+    };
+}>>, {
+    params: import("@ibiz-template/core").IApiParams;
+}, {}>>;
+export default IBizViewPanelControl;

package/es/control/view-panel/index.mjs

@@ -0,0 +1,18 @@
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { ViewPanelControl } from './view-panel.mjs';
+import { ViewPanelProvider } from './view-panel.provider.mjs';
+
+"use strict";
+const IBizViewPanelControl = withInstall(
+  ViewPanelControl,
+  function(v) {
+    v.component(ViewPanelControl.name, ViewPanelControl);
+    registerControlProvider(
+      ControlType.VIEWPANEL,
+      () => new ViewPanelProvider()
+    );
+  }
+);
+
+export { IBizViewPanelControl, IBizViewPanelControl as default };

package/es/control/view-panel/view-panel.css

@@ -0,0 +1 @@
+.ibiz-control-viewpanel{width:100%}