@ibiz-template/vue3-components 0.4.3 → 0.4.5

package/lib/common/data-import2-select/data-import2-select.cjs

@@ -0,0 +1,172 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var dataImport2 = require('../data-import2/data-import2.cjs');
+require('./data-import2-select.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const DataImport2Select = /* @__PURE__ */ vue.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 = vue3Util.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 dataImport2.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 dataImport2.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 vue.createVNode("div", {
+      "class": "ibiz-control-toolbar__item"
+    }, [vue.createVNode(vue.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 vue.createVNode(vue.resolveComponent("el-option"), {
+        "label": item.label,
+        "value": item.value,
+        "class": [this.ns.e("select-option")]
+      }, {
+        default: () => vue.createVNode("div", {
+          "class": [this.ns.e("select-option-item")]
+        }, [item.edit ? vue.createVNode("span", null, [item.label]) : "", item.edit ? "" : vue.createVNode(vue.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 ? vue.createVNode(vue.resolveComponent("el-button"), {
+          "text": true,
+          "size": "small",
+          "onClick": (e) => this.editLabel(e, item)
+        }, {
+          default: () => [vue.createTextVNode("\u7F16\u8F91")]
+        }) : "", item.checkmark ? vue.createVNode(vue.resolveComponent("el-button"), {
+          "size": "small",
+          "onClick": (e) => this.saveLabel(e, item)
+        }, {
+          default: () => [vue.createVNode("ion-icon", {
+            "name": "checkmark-outline"
+          }, null)]
+        }) : "", item.close ? vue.createVNode(vue.resolveComponent("el-button"), {
+          "size": "small",
+          "onClick": (e) => this.notSaveLabel(e, item)
+        }, {
+          default: () => [vue.createVNode("ion-icon", {
+            "name": "close-outline"
+          }, null)]
+        }) : "", vue.createVNode(vue.resolveComponent("el-button"), {
+          "text": true,
+          "size": "small",
+          "onClick": (e) => this.handleDeleteOption(e, item.value),
+          "class": this.ns.e("select-option-item-button-delete")
+        }, {
+          default: () => [vue.createVNode("ion-icon", {
+            "name": "trash-outline",
+            "class": this.ns.e("select-option-item-button-delete-icon")
+          }, null)]
+        })])
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    })]);
+  }
+});
+
+exports.DataImport2Select = DataImport2Select;

package/lib/common/data-import2-select/data-import2-select.css

@@ -0,0 +1 @@
+.ibiz-data-import2-select__select-option{padding:var(--ibiz-spacing-none)}.ibiz-data-import2-select__select-option-item{padding:var(--ibiz-spacing-none) 30px var(--ibiz-spacing-none) 10px;display:flex;align-items:center;justify-content:space-between;height:100%}.ibiz-data-import2-select__select-option-item:hover .ibiz-data-import2-select__select-option-item-button-delete{display:block}.ibiz-data-import2-select__select-option-item-button-delete{position:absolute;right:var(--ibiz-spacing-none);display:none}.ibiz-data-import2-select__dataimport-select{margin-top:-5px}.ibiz-data-import2-select__select-option-item-button-delete-icon{color:red}.ibiz-data-import2-select__select-option-item-input{width:100%}

package/lib/common/data-import2-table/data-import2-table.cjs

@@ -0,0 +1,106 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./data-import2-table.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const DataImport2Table = /* @__PURE__ */ vue.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 = vue3Util.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 vue.createVNode(vue.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 vue.createVNode(vue.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) => vue.createVNode("tr", {
+        "key": rowIndex
+      }, [row.map((cell, cellIndex) => rowIndex === 0 ? vue.createVNode("th", {
+        "key": cellIndex,
+        "class": ns.e("dataimport2-table-th")
+      }, [cell]) : vue.createVNode("td", {
+        "key": cellIndex,
+        "class": ns.e("dataimport2-table-td")
+      }, [cell]))]));
+      const newRows = [vue.createVNode("tr", {
+        "key": "newRow"
+      }, [arr[0].map((item, index) => vue.createVNode("td", {
+        "key": index,
+        "class": ns.e("dataimpoer2-table-select")
+      }, [renderSelect(item, index)]))]), ...rows];
+      return vue.createVNode("table", {
+        "class": ns.e("dataimport-table")
+      }, [vue.createVNode("tbody", null, [newRows])]);
+    };
+    const renderEmpty = () => {
+      return vue.createVNode("div", {
+        "class": ns.e("empty")
+      }, [vue.createTextVNode("\u6682\u65E0\u6570\u636E")]);
+    };
+    return {
+      ns,
+      renderEmpty,
+      renderTable
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": [this.ns.e("template-container"), "ibiz-panel-view-content"]
+    }, [this.previewinfo[0] && this.previewinfo[0].length ? this.renderTable() : this.renderEmpty()]);
+  }
+});
+
+exports.DataImport2Table = DataImport2Table;

package/lib/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/lib/common/index.cjs

@@ -17,6 +17,8 @@ var pagination = require('./pagination/pagination.cjs');
 var sortBar = require('./sort-bar/sort-bar.cjs');
 var dataImport = require('./data-import/data-import.cjs');
 var dataImport2 = require('./data-import2/data-import2.cjs');
+var dataImport2Table = require('./data-import2-table/data-import2-table.cjs');
+var dataImport2Select = require('./data-import2-select/data-import2-select.cjs');
 
 "use strict";
 const IBizCommonComponents = {
@@ -40,6 +42,8 @@ const IBizCommonComponents = {
     v.component(sortBar.IBizSortBar.name, sortBar.IBizSortBar);
     v.component(dataImport.DataImport.name, dataImport.DataImport);
     v.component(dataImport2.DataImport2.name, dataImport2.DataImport2);
+    v.component(dataImport2Table.DataImport2Table.name, dataImport2Table.DataImport2Table);
+    v.component(dataImport2Select.DataImport2Select.name, dataImport2Select.DataImport2Select);
     v.component(
       "IBizMapChart",
       vue.defineAsyncComponent({

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.cjs

@@ -166,7 +166,7 @@ const RepeaterGrid = /* @__PURE__ */ vue.defineComponent({
             const {
               $index
             } = opts;
-            const formC = this.formControllers[$index];
+            const formC = vue.toRaw(this.formControllers[$index]);
             if (!formC || !formC.state.isLoaded) {
               return vue.createVNode("div", null, [vue.createTextVNode("\u4E0D\u5B58\u5728\u6216\u52A0\u8F7D\u4E2D")]);
             }

package/lib/control/grid/grid-column/grid-field-edit-column/grid-field-edit-column.cjs

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

package/lib/control/grid/grid-column/grid-field-edit-column/grid-field-edit-column.provider.cjs

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

package/lib/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/lib/control/tree/tree.cjs

@@ -3,12 +3,16 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var qxUtil = require('qx-util');
+var lodashEs = require('lodash-es');
 var runtime = require('@ibiz-template/runtime');
 require('./tree.css');
 var core = require('@ibiz-template/core');
 var elTreeUtil = require('./el-tree-util.cjs');
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
 const TreeControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizTreeControl",
   props: {
@@ -280,6 +284,13 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
       }
       c.onExpandChange(nodeData, expanded);
     };
+    const debounceSearch = lodashEs.debounce(() => {
+      c.load();
+    }, 500);
+    const onInput = (value) => {
+      c.state.query = value;
+      debounceSearch();
+    };
     return {
       c,
       ns,
@@ -293,63 +304,102 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
       onNodeContextmenu,
       loadData,
       renderContextMenu,
-      updateNodeExpand
+      updateNodeExpand,
+      onInput
     };
   },
   render() {
-    return vue.withDirectives(vue.createVNode(vue.resolveComponent("iBizControlBase"), {
-      "controller": this.c
-    }, {
-      default: () => [this.c.state.isLoaded && this.treeRefreshKey && vue.createVNode(vue.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 vue.createVNode(vue.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 vue.createVNode("ion-icon", {
+              "class": this.ns.e("search-icon"),
+              "name": "search"
+            }, null);
           }
-          const nodeModel = this.c.getNodeModel(nodeData.nodeId);
-          return vue.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 && vue.createVNode(vue.resolveComponent("iBizIcon"), {
-            "class": this.ns.be("node", "icon"),
-            "icon": nodeData.icon
-          }, null), nodeData.textHtml ? vue.createVNode("span", {
-            "class": this.ns.be("node", "label"),
-            "innerHTML": nodeData.textHtml
-          }, null) : vue.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 vue.createVNode(vue.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 = runtime.getControlPanel(nodeModel);
+            let content;
+            if (layoutPanel) {
+              content = vue.createVNode(vue.resolveComponent("iBizControlShell"), {
+                "data": nodeData,
+                "modelData": layoutPanel,
+                "context": this.c.context,
+                "params": this.c.params
+              }, null);
+            } else {
+              content = [nodeData.icon ? vue.createVNode(vue.resolveComponent("iBizIcon"), {
+                "class": this.ns.be("node", "icon"),
+                "icon": nodeData.icon
+              }, null) : null, nodeData.textHtml ? vue.createVNode("span", {
+                "class": this.ns.be("node", "label"),
+                "innerHTML": nodeData.textHtml
+              }, null) : vue.createVNode("span", {
+                "class": this.ns.be("node", "label")
+              }, [nodeData.text])];
+            }
+            return vue.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 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-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/lib/editor/index.cjs

@@ -87,7 +87,6 @@ var markdownEditor_provider = require('./markdown/markdown-editor.provider.cjs')
 var arrayEditor_provider = require('./array/array-editor.provider.cjs');
 var cascaderEditor_provider = require('./cascader/cascader-editor.provider.cjs');
 var colorPickerEditor_provider = require('./color-picker/color-picker-editor.provider.cjs');
-var presetRawitem_provider = require('./preset/preset-rawitem/preset-rawitem.provider.cjs');
 
 "use strict";
 const IBizEditor = {
@@ -292,12 +291,20 @@ const IBizEditor = {
     );
     runtime.registerEditorProvider(
       "FIELD_IMAGE_PICTURE_ONE",
-      () => new presetRawitem_provider.PresetRawitemEditorProvider()
+      () => new uploadEditor_provider.FileUploaderEditorProvider("PICTURE_ONE")
+    );
+    runtime.registerEditorProvider(
+      "FIELD_IMAGE_PICTURE",
+      () => new uploadEditor_provider.FileUploaderEditorProvider("PICTURE")
     );
     runtime.registerEditorProvider(
       "FIELD_TEXT_DYNAMIC_SPAN",
       () => new spanEditor_provider.SpanEditorProvider()
     );
+    runtime.registerEditorProvider(
+      "VIEW_PAGECAPTION_SPAN",
+      () => new spanEditor_provider.SpanEditorProvider()
+    );
     runtime.registerEditorProvider("STATIC_LABEL_RAW", () => new rawEditor_provider.RawEditorProvider());
     runtime.registerEditorProvider(
       "FIELD_TEXTBOX_TEXTBOX",

package/lib/index.cjs

@@ -6,13 +6,13 @@ var vue3Util = require('@ibiz-template/vue3-util');
 var index$3 = require('./common/index.cjs');
 var index$V = require('./panel-component/index.cjs');
 require('./control/index.cjs');
-var index$13 = require('./editor/index.cjs');
+var index$12 = require('./editor/index.cjs');
 require('./view/index.cjs');
 var index$2 = require('./locale/index.cjs');
-var index$15 = require('./view-engine/index.cjs');
+var index$14 = require('./view-engine/index.cjs');
 require('./util/index.cjs');
 var index$1 = require('./devtool/index.cjs');
-var index$14 = require('./view/wf-step-trace-view/index.cjs');
+var index$13 = require('./view/wf-step-trace-view/index.cjs');
 var index$q = require('./control/data-view/index.cjs');
 var index$r = require('./control/tree/index.cjs');
 var index$4 = require('./control/app-menu/index.cjs');
@@ -97,11 +97,10 @@ var index$Y = require('./panel-component/panel-button/index.cjs');
 var panelAppTitle_controller = require('./panel-component/panel-app-title/panel-app-title.controller.cjs');
 var index$Z = require('./panel-component/panel-app-title/index.cjs');
 var index$_ = require('./panel-component/panel-tab-panel/index.cjs');
-var index$$ = require('./panel-component/panel-tab-page/index.cjs');
 var splitContainer_controller = require('./panel-component/split-container/split-container.controller.cjs');
-var index$10 = require('./panel-component/split-container/index.cjs');
-var index$11 = require('./panel-component/panel-index-view-search/index.cjs');
-var index$12 = require('./panel-component/index-actions/index.cjs');
+var index$$ = require('./panel-component/split-container/index.cjs');
+var index$10 = require('./panel-component/panel-index-view-search/index.cjs');
+var index$11 = require('./panel-component/index-actions/index.cjs');
 var _404View = require('./view/404-view/404-view.cjs');
 var loginView = require('./view/login-view/login-view.cjs');
 var gridView_engine = require('./view-engine/grid-view.engine.cjs');
@@ -126,10 +125,10 @@ var index = {
     ibiz.util.getExcelUtil = () => Promise.resolve().then(function () { return require('./util/xlsx-util/xlsx-util.cjs'); });
     v.use(index$3.IBizCommonComponents);
     v.use(index$V.IBizPanelComponents);
-    v.use(index$15.IBizViewEngine);
+    v.use(index$14.IBizViewEngine);
     v.use(vue3Util.IBizView);
     v.use(vue3Util.IBizPortalView);
-    v.use(index$14.IBizWFStepTraceView);
+    v.use(index$13.IBizWFStepTraceView);
     v.use(index$q.IBizDataViewControl);
     v.use(index$r.IBizTreeControl);
     v.use(index$4.IBizAppMenuControl);
@@ -164,17 +163,17 @@ var index = {
     v.use(index$z.IBizChartExpBarControl);
     v.use(index$T.IBizMapControl);
     v.use(index$U.IBizReportPanelControl);
-    v.use(index$13.IBizEditor);
+    v.use(index$12.IBizEditor);
   }
 };
 
 exports.IBizCommonComponents = index$3.IBizCommonComponents;
 exports.IBizPanelComponents = index$V.IBizPanelComponents;
-exports.IBizEditor = index$13.IBizEditor;
+exports.IBizEditor = index$12.IBizEditor;
 exports.i18n = index$2.i18n;
-exports.IBizViewEngine = index$15.IBizViewEngine;
+exports.IBizViewEngine = index$14.IBizViewEngine;
 exports.devtool = index$1.devtool;
-exports.IBizWFStepTraceView = index$14.IBizWFStepTraceView;
+exports.IBizWFStepTraceView = index$13.IBizWFStepTraceView;
 exports.IBizDataViewControl = index$q.IBizDataViewControl;
 exports.IBizTreeControl = index$r.IBizTreeControl;
 exports.IBizAppMenuControl = index$4.IBizAppMenuControl;
@@ -261,11 +260,10 @@ exports.IBizPanelButton = index$Y.IBizPanelButton;
 exports.PanelAppTitleController = panelAppTitle_controller.PanelAppTitleController;
 exports.IBizPanelAppTitle = index$Z.IBizPanelAppTitle;
 exports.IBizPanelTabPanel = index$_.IBizPanelTabPanel;
-exports.IBizPanelTabPage = index$$.IBizPanelTabPage;
 exports.SplitContainerController = splitContainer_controller.SplitContainerController;
-exports.IBizSplitContainer = index$10.IBizSplitContainer;
-exports.IBizPanelIndexViewSearch = index$11.IBizPanelIndexViewSearch;
-exports.IBizIndexActions = index$12.IBizIndexActions;
+exports.IBizSplitContainer = index$$.IBizSplitContainer;
+exports.IBizPanelIndexViewSearch = index$10.IBizPanelIndexViewSearch;
+exports.IBizIndexActions = index$11.IBizIndexActions;
 exports.View404 = _404View.View404;
 exports.LoginView = loginView.LoginView;
 exports.GridViewEngine = gridView_engine.GridViewEngine;