@ibiz-template/vue3-components 0.4.3 → 0.4.5

package/es/common/data-import2-select/data-import2-select.mjs

@@ -0,0 +1,170 @@
+import { isVNode, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { importMapping } from '../data-import2/data-import2.mjs';
+import './data-import2-select.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const DataImport2Select = /* @__PURE__ */ defineComponent({
+  name: "DataImport2Select",
+  props: {
+    previewinfo: {
+      type: Object,
+      required: true
+    },
+    options: {
+      type: Object,
+      required: true
+    },
+    columnMappingListMap: {
+      type: Object,
+      required: true
+    },
+    listValue: {
+      type: String,
+      required: true
+    }
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("data-import2-select");
+    const inputClick = (e) => {
+      e.stopPropagation();
+    };
+    const editLabel = (e, item) => {
+      e.stopPropagation();
+      emit("optionsChange", item.label, {
+        edit: false,
+        checkmark: true,
+        close: true
+      });
+    };
+    const saveLabel = async (e, item) => {
+      e.stopPropagation();
+      emit("optionsChange", item.label, {
+        edit: true,
+        checkmark: false,
+        close: false,
+        value: item.label,
+        label: item.label
+      });
+      const data = props.columnMappingListMap.get(item.oldLabel);
+      if (data) {
+        data.name = item.label;
+        const result = await importMapping("put", data.id, data);
+        if (result.status === 200 && result.ok) {
+          emit("columnMappingListMapChange", item.label, result.data);
+        }
+      }
+      if (props.listValue === item.oldLabel) {
+        emit("listValueChange", item.label);
+      }
+      emit("optionsChange", item.label, {
+        oldLabel: item.label
+      });
+    };
+    const notSaveLabel = (e, item) => {
+      e.stopPropagation();
+      emit("optionsChange", item.label, {
+        edit: true,
+        checkmark: false,
+        close: false,
+        label: item.oldLabel
+      });
+    };
+    const handleDeleteOption = async (e, str) => {
+      e.stopPropagation();
+      const columnData = props.columnMappingListMap.get(str);
+      if (columnData) {
+        const res = await importMapping("delete", columnData.id);
+        if (res.status === 200 && res.ok) {
+          emit("optionsChange", str);
+          emit("columnMappingListMapChange", str);
+          if (props.listValue === str) {
+            emit("listValueChange", "");
+          }
+        }
+      }
+    };
+    const valueChange = (data) => {
+      emit("listValueChange", data);
+    };
+    return {
+      ns,
+      inputClick,
+      editLabel,
+      saveLabel,
+      notSaveLabel,
+      handleDeleteOption,
+      valueChange
+    };
+  },
+  render() {
+    let _slot;
+    return createVNode("div", {
+      "class": "ibiz-control-toolbar__item"
+    }, [createVNode(resolveComponent("el-select"), {
+      "ref": "select",
+      "model-value": this.listValue,
+      "onChange": this.valueChange,
+      "clearable": true,
+      "placeholder": "\u9009\u62E9\u5BFC\u5165\u6A21\u5F0F",
+      "disabled": !(this.previewinfo[0] && this.previewinfo[0].length),
+      "popper-class": this.ns.e("dataimport-select")
+    }, _isSlot(_slot = this.options.map((item) => {
+      return createVNode(resolveComponent("el-option"), {
+        "label": item.label,
+        "value": item.value,
+        "class": [this.ns.e("select-option")]
+      }, {
+        default: () => createVNode("div", {
+          "class": [this.ns.e("select-option-item")]
+        }, [item.edit ? createVNode("span", null, [item.label]) : "", item.edit ? "" : createVNode(resolveComponent("el-input"), {
+          "model-value": item.label,
+          "onClick": (e) => this.inputClick(e),
+          "class": [this.ns.e("select-option-item-input")],
+          "onInput": (args) => {
+            item.label = args;
+          }
+        }, null), item.edit ? createVNode(resolveComponent("el-button"), {
+          "text": true,
+          "size": "small",
+          "onClick": (e) => this.editLabel(e, item)
+        }, {
+          default: () => [createTextVNode("\u7F16\u8F91")]
+        }) : "", item.checkmark ? createVNode(resolveComponent("el-button"), {
+          "size": "small",
+          "onClick": (e) => this.saveLabel(e, item)
+        }, {
+          default: () => [createVNode("ion-icon", {
+            "name": "checkmark-outline"
+          }, null)]
+        }) : "", item.close ? createVNode(resolveComponent("el-button"), {
+          "size": "small",
+          "onClick": (e) => this.notSaveLabel(e, item)
+        }, {
+          default: () => [createVNode("ion-icon", {
+            "name": "close-outline"
+          }, null)]
+        }) : "", createVNode(resolveComponent("el-button"), {
+          "text": true,
+          "size": "small",
+          "onClick": (e) => this.handleDeleteOption(e, item.value),
+          "class": this.ns.e("select-option-item-button-delete")
+        }, {
+          default: () => [createVNode("ion-icon", {
+            "name": "trash-outline",
+            "class": this.ns.e("select-option-item-button-delete-icon")
+          }, null)]
+        })])
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    })]);
+  }
+});
+
+export { DataImport2Select };

package/es/common/data-import2-table/data-import2-table.css

@@ -0,0 +1 @@
+.ibiz-data-import2-table__template-container{height:100%}.ibiz-data-import2-table__empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ibiz-data-import2-table__dataimport-select{margin-top:-5px}.ibiz-data-import2-table__select{width:100%}.ibiz-data-import2-table__dataimport-table{border-spacing:var(--ibiz-spacing-none);border-collapse:collapse}.ibiz-data-import2-table__dataimpoer2-table-select{border:1px solid var(--ibiz-color-border);min-width:132px}.ibiz-data-import2-table__dataimport2-table-th{border:1px solid var(--ibiz-color-border);padding:var(--ibiz-spacing-extra-tight);min-width:132px}.ibiz-data-import2-table__dataimport2-table-td{border:1px solid var(--ibiz-color-border);padding:var(--ibiz-spacing-extra-tight);min-width:132px}

package/es/common/data-import2-table/data-import2-table.d.ts

@@ -0,0 +1,56 @@
+import { PropType } from 'vue';
+import { IAppDEField, IDEDataImportItem } from '@ibiz/model-core';
+import './data-import2-table.scss';
+interface ISharedProperties {
+    logicName?: string;
+    caption?: string;
+}
+type DataOption = (IAppDEField & ISharedProperties) | (IDEDataImportItem & ISharedProperties);
+export declare const DataImport2Table: import("vue").DefineComponent<{
+    previewinfo: {
+        type: PropType<[string[]]>;
+        required: true;
+    };
+    dataOption: {
+        type: PropType<DataOption[]>;
+        required: true;
+    };
+    selectValues: {
+        type: PropType<string[]>;
+        required: true;
+    };
+    columnMappingSave: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    columnMap: {
+        type: PropType<Map<string, IData>>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    renderEmpty: () => JSX.Element;
+    renderTable: () => JSX.Element;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    previewinfo: {
+        type: PropType<[string[]]>;
+        required: true;
+    };
+    dataOption: {
+        type: PropType<DataOption[]>;
+        required: true;
+    };
+    selectValues: {
+        type: PropType<string[]>;
+        required: true;
+    };
+    columnMappingSave: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    columnMap: {
+        type: PropType<Map<string, IData>>;
+        required: true;
+    };
+}>>, {}, {}>;
+export {};

package/es/common/data-import2-table/data-import2-table.mjs

@@ -0,0 +1,104 @@
+import { isVNode, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './data-import2-table.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const DataImport2Table = /* @__PURE__ */ defineComponent({
+  name: "DataImport2Table",
+  props: {
+    previewinfo: {
+      type: Object,
+      required: true
+    },
+    dataOption: {
+      type: Object,
+      required: true
+    },
+    selectValues: {
+      type: Object,
+      required: true
+    },
+    columnMappingSave: {
+      type: Boolean,
+      required: true
+    },
+    columnMap: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("data-import2-table");
+    const renderSelect = (itemx, index) => {
+      let _slot;
+      const change = (item) => {
+        emit("selectValuesChange", index, item);
+        const data = props.columnMap.get(`${itemx}-${index}`);
+        if (data) {
+          data.name = item;
+        }
+        emit("columnMapChange", `${itemx}-${index}`, data);
+        emit("columnMappingSaveChange", false);
+      };
+      return createVNode(resolveComponent("el-select"), {
+        "modelValue": props.selectValues[index],
+        "placeholder": "\u9009\u62E9\u5F53\u524D\u5217\u5BF9\u5E94\u7684\u5BFC\u5165\u5C5E\u6027",
+        "onChange": change,
+        "key": index,
+        "popper-class": ns.e("dataimport-select"),
+        "class": ns.e("select")
+      }, _isSlot(_slot = props.dataOption.map((item) => {
+        return createVNode(resolveComponent("el-option"), {
+          "key": item.name,
+          "value": item.id,
+          "label": item.caption ? item.caption : item.logicName
+        }, null);
+      })) ? _slot : {
+        default: () => [_slot]
+      });
+    };
+    const renderTable = () => {
+      const arr = props.previewinfo;
+      const rows = arr.map((row, rowIndex) => createVNode("tr", {
+        "key": rowIndex
+      }, [row.map((cell, cellIndex) => rowIndex === 0 ? createVNode("th", {
+        "key": cellIndex,
+        "class": ns.e("dataimport2-table-th")
+      }, [cell]) : createVNode("td", {
+        "key": cellIndex,
+        "class": ns.e("dataimport2-table-td")
+      }, [cell]))]));
+      const newRows = [createVNode("tr", {
+        "key": "newRow"
+      }, [arr[0].map((item, index) => createVNode("td", {
+        "key": index,
+        "class": ns.e("dataimpoer2-table-select")
+      }, [renderSelect(item, index)]))]), ...rows];
+      return createVNode("table", {
+        "class": ns.e("dataimport-table")
+      }, [createVNode("tbody", null, [newRows])]);
+    };
+    const renderEmpty = () => {
+      return createVNode("div", {
+        "class": ns.e("empty")
+      }, [createTextVNode("\u6682\u65E0\u6570\u636E")]);
+    };
+    return {
+      ns,
+      renderEmpty,
+      renderTable
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": [this.ns.e("template-container"), "ibiz-panel-view-content"]
+    }, [this.previewinfo[0] && this.previewinfo[0].length ? this.renderTable() : this.renderEmpty()]);
+  }
+});
+
+export { DataImport2Table };

package/es/common/index.mjs

@@ -13,6 +13,8 @@ import { IBizPagination } from './pagination/pagination.mjs';
 import { IBizSortBar } from './sort-bar/sort-bar.mjs';
 import { DataImport } from './data-import/data-import.mjs';
 import { DataImport2 } from './data-import2/data-import2.mjs';
+import { DataImport2Table } from './data-import2-table/data-import2-table.mjs';
+import { DataImport2Select } from './data-import2-select/data-import2-select.mjs';
 
 "use strict";
 const IBizCommonComponents = {
@@ -36,6 +38,8 @@ const IBizCommonComponents = {
     v.component(IBizSortBar.name, IBizSortBar);
     v.component(DataImport.name, DataImport);
     v.component(DataImport2.name, DataImport2);
+    v.component(DataImport2Table.name, DataImport2Table);
+    v.component(DataImport2Select.name, DataImport2Select);
     v.component(
       "IBizMapChart",
       defineAsyncComponent({

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.mjs

@@ -1,4 +1,4 @@
-import { isVNode, reactive, watch, resolveComponent, createTextVNode, createVNode, h, defineComponent } from 'vue';
+import { isVNode, reactive, watch, resolveComponent, createTextVNode, createVNode, toRaw, h, defineComponent } from 'vue';
 import { FormMDCtrlRepeaterController, EditFormController } from '@ibiz-template/runtime';
 import { useNamespace, useCtx } from '@ibiz-template/vue3-util';
 import './repeater-grid.css';
@@ -164,7 +164,7 @@ const RepeaterGrid = /* @__PURE__ */ defineComponent({
             const {
               $index
             } = opts;
-            const formC = this.formControllers[$index];
+            const formC = toRaw(this.formControllers[$index]);
             if (!formC || !formC.state.isLoaded) {
               return createVNode("div", null, [createTextVNode("\u4E0D\u5B58\u5728\u6216\u52A0\u8F7D\u4E2D")]);
             }

package/es/control/grid/grid-column/grid-field-edit-column/grid-field-edit-column.mjs

@@ -10,7 +10,7 @@ import './grid-field-edit-column.css';
 
 "use strict";
 const GridFieldEditColumn = /* @__PURE__ */ defineComponent({
-  name: "GridFieldEditColumn",
+  name: "IBizGridFieldEditColumn",
   props: {
     controller: {
       type: GridFieldEditColumnController,

package/es/control/grid/grid-column/grid-field-edit-column/grid-field-edit-column.provider.mjs

@@ -9,7 +9,7 @@ var __publicField = (obj, key, value) => {
 };
 class GridFieldEditColumnProvider {
   constructor() {
-    __publicField(this, "component", "GridFieldEditColumn");
+    __publicField(this, "component", "IBizGridFieldEditColumn");
   }
   async createController(columnModel, grid) {
     const c = new GridFieldEditColumnController(columnModel, grid);

package/es/control/grid/row-edit-popover/row-edit-popover.css

@@ -1 +1 @@
-.ibiz-row-edit-popover{position:absolute;z-index:1;padding:9px 16px;background-color:var(--ibiz-control-grid-row-edit-bg-color)}.ibiz-row-edit-popover.is-hidden{top:-9999px;left:-9999px;z-index:-9999}.ibiz-row-edit-popover::before{position:absolute;top:0;left:-50px;width:0;height:0;content:"";border-color:transparent var(--ibiz-control-grid-row-edit-bg-color) transparent transparent;border-style:solid;border-width:0 50px 50px 0}.ibiz-row-edit-popover::after{position:absolute;top:0;right:-50px;width:0;height:0;content:"";border-color:transparent transparent transparent var(--ibiz-control-grid-row-edit-bg-color);border-style:solid;border-width:0 0 50px 50px}.row-edit-popover__placeholder{height:50px}
+.ibiz-row-edit-popover{position:absolute;z-index:2;padding:9px 16px;background-color:var(--ibiz-control-grid-row-edit-bg-color)}.ibiz-row-edit-popover.is-hidden{top:-9999px;left:-9999px;z-index:-9999}.ibiz-row-edit-popover::before{position:absolute;top:0;left:-50px;width:0;height:0;content:"";border-color:transparent var(--ibiz-control-grid-row-edit-bg-color) transparent transparent;border-style:solid;border-width:0 50px 50px 0}.ibiz-row-edit-popover::after{position:absolute;top:0;right:-50px;width:0;height:0;content:"";border-color:transparent transparent transparent var(--ibiz-control-grid-row-edit-bg-color);border-style:solid;border-width:0 0 50px 50px}.row-edit-popover__placeholder{height:50px}

package/es/control/tree/index.d.ts

@@ -941,6 +941,7 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
     loadData: (item: IData, callback: (nodes: IData[]) => void) => Promise<void>;
     renderContextMenu: (nodeModel: import("@ibiz/model-core").IDETreeNode, nodeData: import("@ibiz-template/runtime").ITreeNodeData) => JSX.Element | undefined;
     updateNodeExpand: (data: IData, expanded: boolean) => void;
+    onInput: (value: string) => 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").IDETree>;

package/es/control/tree/tree.css

@@ -1 +1 @@
-.ibiz-control-treeview{--ibiz-control-treeview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);padding:var(--ibiz-control-treeview-padding)}.ibiz-control-treeview-node{display:flex;flex-grow:1;flex-shrink:1;align-items:center;min-width:1px;height:100%;line-height:26px}.ibiz-control-treeview-node__icon{min-width:var(--ibiz-spacing-base);margin-right:var(--ibiz-spacing-tight)}.ibiz-control-treeview-node__label{flex-grow:1;flex-shrink:1;min-width:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-treeview-node:hover .ibiz-control-treeview-context-menu-trigger{display:inline-block}.ibiz-control-treeview-context-menu-trigger{display:none;flex-shrink:0;width:30px;text-align:center;cursor:pointer}.ibiz-control-treeview-context-menu-trigger__caption-icon{vertical-align:middle}.ibiz-control-treeview-context-menu.mx-context-menu{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base)}
+.ibiz-control-treeview{--ibiz-control-treeview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);height:100%;padding:var(--ibiz-control-treeview-padding)}.ibiz-control-treeview-node{display:flex;flex-grow:1;flex-shrink:1;align-items:center;min-width:1px;height:100%;line-height:26px}.ibiz-control-treeview-node__icon{min-width:var(--ibiz-spacing-base);margin-right:var(--ibiz-spacing-tight)}.ibiz-control-treeview-node__label{flex-grow:1;flex-shrink:1;min-width:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-treeview-node:hover .ibiz-control-treeview-context-menu-trigger{display:inline-block}.ibiz-control-treeview-context-menu-trigger{display:none;flex-shrink:0;width:30px;text-align:center;cursor:pointer}.ibiz-control-treeview-context-menu-trigger__caption-icon{vertical-align:middle}.ibiz-control-treeview-context-menu.mx-context-menu{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base)}.ibiz-control-treeview-quick-search{margin-bottom:var(--ibiz-spacing-tight)}

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

@@ -961,6 +961,7 @@ export declare const TreeControl: import("vue").DefineComponent<{
     loadData: (item: IData, callback: (nodes: IData[]) => void) => Promise<void>;
     renderContextMenu: (nodeModel: IDETreeNode, nodeData: ITreeNodeData) => JSX.Element | undefined;
     updateNodeExpand: (data: IData, expanded: boolean) => void;
+    onInput: (value: string) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IDETree>;

package/es/control/tree/tree.mjs

@@ -1,12 +1,16 @@
-import { ref, computed, watch, nextTick, resolveComponent, createVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { isVNode, ref, computed, watch, nextTick, resolveComponent, createVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { createUUID } from 'qx-util';
-import { TreeController } from '@ibiz-template/runtime';
+import { debounce } from 'lodash-es';
+import { TreeController, getControlPanel } from '@ibiz-template/runtime';
 import './tree.css';
 import { RuntimeError } from '@ibiz-template/core';
 import { useElTreeUtil, findNodeData } from './el-tree-util.mjs';
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 const TreeControl = /* @__PURE__ */ defineComponent({
   name: "IBizTreeControl",
   props: {
@@ -278,6 +282,13 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       }
       c.onExpandChange(nodeData, expanded);
     };
+    const debounceSearch = debounce(() => {
+      c.load();
+    }, 500);
+    const onInput = (value) => {
+      c.state.query = value;
+      debounceSearch();
+    };
     return {
       c,
       ns,
@@ -291,63 +302,102 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       onNodeContextmenu,
       loadData,
       renderContextMenu,
-      updateNodeExpand
+      updateNodeExpand,
+      onInput
     };
   },
   render() {
-    return withDirectives(createVNode(resolveComponent("iBizControlBase"), {
-      "controller": this.c
-    }, {
-      default: () => [this.c.state.isLoaded && this.treeRefreshKey && createVNode(resolveComponent("el-tree"), {
-        "ref": "treeRef",
-        "key": this.treeRefreshKey,
-        "node-key": "id",
-        "highlight-current": true,
-        "expand-on-click-node": false,
-        "auto-expand-parent": false,
-        "show-checkbox": !this.c.state.singleSelect,
-        "check-strictly": true,
-        "default-expanded-keys": this.c.state.expandedKeys,
-        "props": {
-          label: "text",
-          children: "children",
-          isLeaf: "leaf"
-        },
-        "lazy": true,
-        "load": this.loadData,
-        "onCheck": this.onCheck,
-        "onNodeExpand": (data) => {
-          this.updateNodeExpand(data, true);
-        },
-        "onNodeCollapse": (data) => {
-          this.updateNodeExpand(data, false);
+    const slots = {
+      searchbar: () => {
+        if (!this.c.enableQuickSearch) {
+          return null;
         }
-      }, {
-        default: ({
-          data
-        }) => {
-          var _a;
-          const nodeData = this.findNodeData(data.id, this.c);
-          if (!nodeData) {
-            return null;
+        return createVNode(resolveComponent("el-input"), {
+          "model-value": this.c.state.query,
+          "class": [this.ns.b("quick-search"), this.ns.b("quick-search")],
+          "placeholder": this.c.state.placeHolder,
+          "onInput": this.onInput
+        }, {
+          prefix: () => {
+            return createVNode("ion-icon", {
+              "class": this.ns.e("search-icon"),
+              "name": "search"
+            }, null);
           }
-          const nodeModel = this.c.getNodeModel(nodeData.nodeId);
-          return createVNode("div", {
-            "onDblclick": (evt) => this.onNodeDbClick(nodeData, evt),
-            "onClick": (evt) => this.onNodeClick(nodeData, evt),
-            "onContextmenu": (evt) => this.onNodeContextmenu(nodeData, evt),
-            "class": [this.ns.b("node"), (_a = nodeModel.sysCss) == null ? void 0 : _a.cssName]
-          }, [nodeData.icon && createVNode(resolveComponent("iBizIcon"), {
-            "class": this.ns.be("node", "icon"),
-            "icon": nodeData.icon
-          }, null), nodeData.textHtml ? createVNode("span", {
-            "class": this.ns.be("node", "label"),
-            "innerHTML": nodeData.textHtml
-          }, null) : createVNode("span", {
-            "class": this.ns.be("node", "label")
-          }, [nodeData.text]), this.renderContextMenu(nodeModel, nodeData)]);
-        }
-      })]
+        });
+      }
+    };
+    const key = this.c.controlPanel ? "tree" : "default";
+    slots[key] = () => {
+      if (this.c.state.isLoaded && this.treeRefreshKey) {
+        return createVNode(resolveComponent("el-tree"), {
+          "ref": "treeRef",
+          "key": this.treeRefreshKey,
+          "node-key": "id",
+          "highlight-current": true,
+          "expand-on-click-node": false,
+          "auto-expand-parent": false,
+          "show-checkbox": !this.c.state.singleSelect,
+          "check-strictly": true,
+          "default-expanded-keys": this.c.state.expandedKeys,
+          "props": {
+            label: "text",
+            children: "children",
+            isLeaf: "leaf"
+          },
+          "lazy": true,
+          "load": this.loadData,
+          "onCheck": this.onCheck,
+          "onNodeExpand": (data) => {
+            this.updateNodeExpand(data, true);
+          },
+          "onNodeCollapse": (data) => {
+            this.updateNodeExpand(data, false);
+          }
+        }, {
+          default: ({
+            data
+          }) => {
+            var _a;
+            const nodeData = this.findNodeData(data.id, this.c);
+            if (!nodeData) {
+              return null;
+            }
+            const nodeModel = this.c.getNodeModel(nodeData.nodeId);
+            const layoutPanel = getControlPanel(nodeModel);
+            let content;
+            if (layoutPanel) {
+              content = createVNode(resolveComponent("iBizControlShell"), {
+                "data": nodeData,
+                "modelData": layoutPanel,
+                "context": this.c.context,
+                "params": this.c.params
+              }, null);
+            } else {
+              content = [nodeData.icon ? createVNode(resolveComponent("iBizIcon"), {
+                "class": this.ns.be("node", "icon"),
+                "icon": nodeData.icon
+              }, null) : null, nodeData.textHtml ? createVNode("span", {
+                "class": this.ns.be("node", "label"),
+                "innerHTML": nodeData.textHtml
+              }, null) : createVNode("span", {
+                "class": this.ns.be("node", "label")
+              }, [nodeData.text])];
+            }
+            return createVNode("div", {
+              "onDblclick": (evt) => this.onNodeDbClick(nodeData, evt),
+              "onClick": (evt) => this.onNodeClick(nodeData, evt),
+              "onContextmenu": (evt) => this.onNodeContextmenu(nodeData, evt),
+              "class": [this.ns.b("node"), (_a = nodeModel.sysCss) == null ? void 0 : _a.cssName]
+            }, [content, this.renderContextMenu(nodeModel, nodeData)]);
+          }
+        });
+      }
+    };
+    return withDirectives(createVNode(resolveComponent("iBizControlBase"), {
+      "controller": this.c
+    }, _isSlot(slots) ? slots : {
+      default: () => [slots]
     }), [[resolveDirective("loading"), this.c.state.isLoading]]);
   }
 });

package/es/editor/index.mjs

@@ -83,7 +83,6 @@ import { MarkDownEditorProvider } from './markdown/markdown-editor.provider.mjs'
 import { ArrayEditorProvider } from './array/array-editor.provider.mjs';
 import { CascaderEditorProvider } from './cascader/cascader-editor.provider.mjs';
 import { ColorPickerEditorProvider } from './color-picker/color-picker-editor.provider.mjs';
-import { PresetRawitemEditorProvider } from './preset/preset-rawitem/preset-rawitem.provider.mjs';
 
 "use strict";
 const IBizEditor = {
@@ -288,12 +287,20 @@ const IBizEditor = {
     );
     registerEditorProvider(
       "FIELD_IMAGE_PICTURE_ONE",
-      () => new PresetRawitemEditorProvider()
+      () => new FileUploaderEditorProvider("PICTURE_ONE")
+    );
+    registerEditorProvider(
+      "FIELD_IMAGE_PICTURE",
+      () => new FileUploaderEditorProvider("PICTURE")
     );
     registerEditorProvider(
       "FIELD_TEXT_DYNAMIC_SPAN",
       () => new SpanEditorProvider()
     );
+    registerEditorProvider(
+      "VIEW_PAGECAPTION_SPAN",
+      () => new SpanEditorProvider()
+    );
     registerEditorProvider("STATIC_LABEL_RAW", () => new RawEditorProvider());
     registerEditorProvider(
       "FIELD_TEXTBOX_TEXTBOX",

package/es/index.mjs

@@ -94,7 +94,6 @@ export { IBizPanelButton } from './panel-component/panel-button/index.mjs';
 export { PanelAppTitleController } from './panel-component/panel-app-title/panel-app-title.controller.mjs';
 export { IBizPanelAppTitle } from './panel-component/panel-app-title/index.mjs';
 export { IBizPanelTabPanel } from './panel-component/panel-tab-panel/index.mjs';
-export { IBizPanelTabPage } from './panel-component/panel-tab-page/index.mjs';
 export { SplitContainerController } from './panel-component/split-container/split-container.controller.mjs';
 export { IBizSplitContainer } from './panel-component/split-container/index.mjs';
 export { IBizPanelIndexViewSearch } from './panel-component/panel-index-view-search/index.mjs';

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

@@ -4,7 +4,6 @@ export * from './nav-pos-index';
 export * from './panel-button';
 export * from './panel-app-title';
 export * from './panel-tab-panel';
-export * from './panel-tab-page';
 export * from './split-container';
 export * from './panel-index-view-search';
 export * from './index-actions';