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

package/lib/editor/data-picker/ibiz-transfer-picker/ibiz-transfer-picker.cjs

@@ -0,0 +1,281 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var core = require('@ibiz-template/core');
+var lodashEs = require('lodash-es');
+require('./components/index.cjs');
+require('./ibiz-transfer-picker.css');
+var transfer = require('./components/transfer/transfer.cjs');
+
+"use strict";
+const IBizTransferPicker = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizTransferPicker",
+  props: vue3Util.getDataPickerProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("picker");
+    const ns2 = vue3Util.useNamespace("transfer-picker");
+    const c = props.controller;
+    const editorModel = c.model;
+    const curValue = vue.ref([]);
+    const items = vue.ref([]);
+    const selectItems = vue.ref([]);
+    const loading = vue.ref(false);
+    const editorRef = vue.ref();
+    const curIndexs = vue.ref([]);
+    const leftChecked = vue.ref([]);
+    const rightChecked = vue.ref([]);
+    const rightSelects = vue.ref([]);
+    const valueType = c.model.valueType;
+    const valueSeparator = c.model.valueSeparator || ",";
+    let titles = [ibiz.i18n.t("editor.transferPicker.optionalList"), ibiz.i18n.t("editor.transferPicker.selectedList")];
+    let buttonTexts = [ibiz.i18n.t("app.delete"), ibiz.i18n.t("app.add")];
+    let enableRemoteSearch = false;
+    if (editorModel.editorParams) {
+      const {
+        editorParams
+      } = editorModel;
+      if (editorParams.titles) {
+        try {
+          titles = JSON.parse(editorParams.titles);
+        } catch (error) {
+          ibiz.log.info(error);
+        }
+      }
+      if (editorParams.buttontexts) {
+        try {
+          buttonTexts = JSON.parse(editorParams.buttontexts);
+        } catch (error) {
+          ibiz.log.info(error);
+        }
+      }
+      if (editorParams.remotesearch)
+        enableRemoteSearch = editorParams.remotesearch === "true";
+    }
+    vue.watch(() => props.value, (newVal) => {
+      curValue.value = [];
+      selectItems.value = [];
+      if (newVal) {
+        if (valueType === "OBJECTS") {
+          newVal.forEach((item) => {
+            const _item = lodashEs.clone(item);
+            Object.assign(_item, {
+              [c.keyName]: item[c.objectIdField],
+              [c.textName]: item[c.objectNameField]
+            });
+            if (c.objectValueField) {
+              Object.assign(_item, {
+                ...item[c.objectValueField]
+              });
+              delete _item[c.objectValueField];
+            }
+            if (_item[c.keyName]) {
+              selectItems.value.push(_item);
+            }
+          });
+        } else if (c.objectIdField && valueSeparator) {
+          const values = newVal.split(valueSeparator);
+          values.forEach((value) => {
+            selectItems.value.push({
+              [c.keyName]: value
+            });
+          });
+        } else {
+          try {
+            selectItems.value = JSON.parse(newVal);
+          } catch (error) {
+            ibiz.log.error("SIMPLE\u7C7B\u578B\u5730\u5740\u680F\u503C\u683C\u5F0F".concat(newVal, "\u4E0D\u7B26\u5408JSON\u5B57\u7B26\u4E32\u8981\u6C42"));
+          }
+        }
+        selectItems.value.forEach((item) => {
+          curValue.value.push(item[c.keyName]);
+          const index = items.value.findIndex((i) => Object.is(i[c.keyName], item[c.keyName]));
+          if (index < 0) {
+            items.value.push({
+              [c.keyName]: item[c.keyName],
+              [c.textName]: item[c.textName]
+            });
+          }
+        });
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    vue.watch(editorRef, (newVal) => {
+      if (props.autoFocus && newVal && newVal.focus) {
+        newVal.focus();
+      }
+    });
+    const handleRightChange = (result) => {
+      const selects = [];
+      if (result && Array.isArray(result)) {
+        result.forEach((select) => {
+          Object.assign(select, {
+            [c.keyName]: select[c.keyName] ? select[c.keyName] : select.srfkey,
+            [c.textName]: select[c.textName] ? select[c.textName] : select.srfmajortext
+          });
+          if (valueType === "OBJECTS") {
+            selects.push(c.handleObjectParams(select));
+          } else if (c.objectIdField) {
+            selects.push(select[c.keyName]);
+          } else {
+            selects.push({
+              [c.keyName]: select[c.keyName],
+              [c.textName]: select[c.textName]
+            });
+          }
+          const index = items.value.findIndex((item) => Object.is(item[c.keyName], select[c.keyName]));
+          if (index < 0) {
+            items.value.push(select);
+          }
+        });
+      }
+      let value = null;
+      if (selects.length > 0) {
+        if (valueType === "OBJECTS") {
+          value = selects;
+        } else {
+          value = c.objectIdField ? selects.join(valueSeparator) : JSON.stringify(selects);
+        }
+      }
+      emit("change", value);
+    };
+    const filterMethod = (query, item) => {
+      const textName = item[c.textName];
+      return !query || (textName == null ? void 0 : textName.toLowerCase().includes(query == null ? void 0 : query.toLowerCase()));
+    };
+    const onRightChange = (selectKeys) => {
+      const selects = selectKeys.map((key) => {
+        const selcetItem = items.value.find((item) => item[c.keyName] === key);
+        return selcetItem || {};
+      });
+      handleRightChange(selects);
+    };
+    const onLeftCheckChange = (selectKeys) => {
+      leftChecked.value = selectKeys;
+    };
+    const onRightCheckChange = (selectKeys) => {
+      rightChecked.value = selectKeys;
+    };
+    const getServiceData = async (query) => {
+      let data = [];
+      if (c.model.appDataEntityId) {
+        try {
+          const trimQuery = query.trim();
+          const res = await c.getServiceData(trimQuery, props.data);
+          if (res) {
+            data = res.data;
+          }
+        } catch (error) {
+          ibiz.log.error(error);
+        }
+      }
+      return data;
+    };
+    const onSearch = async (...args) => {
+      rightSelects.value = items.value.filter((item) => !!selectItems.value.find((item2) => item2[c.keyName] === item[c.keyName]));
+      const query = args[0] || "";
+      loading.value = true;
+      const data = await getServiceData(query);
+      if (data) {
+        items.value = [...rightSelects.value, ...data.filter((item) => !rightSelects.value.find((item2) => item2[c.keyName] === item[c.keyName]))];
+      }
+      rightChecked.value = [...rightChecked.value];
+      leftChecked.value = [...leftChecked.value];
+      loading.value = false;
+    };
+    const debounceSearch = core.debounce(onSearch, 1e3);
+    const onLeftAcSearch = (query) => {
+      debounceSearch(query);
+    };
+    const valueText = vue.computed(() => {
+      return selectItems.value.map((item) => {
+        return item[c.textName];
+      }).join(",");
+    });
+    vue.watch(valueText, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        emit("infoTextChange", newVal);
+      }
+    }, {
+      immediate: true
+    });
+    vue.onMounted(() => {
+      if (c.objectNameField) {
+        items.value = [];
+        onSearch("");
+      }
+    });
+    const renderContentItem = (h, option) => {
+      return h("span", {
+        title: option[c.textName]
+      }, option[c.textName]);
+    };
+    return {
+      c,
+      ns,
+      ns2,
+      items,
+      loading,
+      curValue,
+      valueText,
+      editorRef,
+      curIndexs,
+      leftChecked,
+      rightChecked,
+      titles,
+      buttonTexts,
+      enableRemoteSearch,
+      onSearch,
+      filterMethod,
+      onRightChange,
+      onLeftCheckChange,
+      onRightCheckChange,
+      renderContentItem,
+      onLeftAcSearch
+    };
+  },
+  render() {
+    const editContent = vue.createVNode("div", {
+      "class": [this.ns.e("autocomplete")]
+    }, [vue.createVNode(transfer.TransferSelect, vue.mergeProps({
+      "ref": "editorRef",
+      "modelValue": this.curValue,
+      "onUpdate:modelValue": ($event) => this.curValue = $event,
+      "data": this.items,
+      "readonly": this.readonly || this.disabled,
+      "left-default-checked": this.leftChecked,
+      "right-default-checked": this.rightChecked,
+      "props": {
+        key: this.c.keyName,
+        label: this.c.textName
+      },
+      "filterable": true,
+      "filter-placeholder": this.c.placeHolder,
+      "enableRemoteSearch": this.enableRemoteSearch,
+      "titles": this.titles,
+      "button-texts": this.buttonTexts,
+      "format": {
+        noChecked: "${total}",
+        hasChecked: "${checked}/${total}"
+      },
+      "target-order": this.enableRemoteSearch ? "push" : "original",
+      "loading": this.loading,
+      "filterMethod": this.filterMethod,
+      "renderContent": this.renderContentItem,
+      "onChange": this.onRightChange,
+      "onLeftCheckChange": this.onLeftCheckChange,
+      "onRightCheckChange": this.onRightCheckChange,
+      "onLeftAcSearch": this.onLeftAcSearch
+    }, this.$attrs), null)]);
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.ns2.b(), this.disabled ? this.ns.m("disabled") : ""]
+    }, [editContent]);
+  }
+});
+
+exports.IBizTransferPicker = IBizTransferPicker;

package/lib/editor/data-picker/ibiz-transfer-picker/ibiz-transfer-picker.css

@@ -0,0 +1 @@
+.ibiz-transfer-picker{width:100%;height:100%}

package/lib/editor/data-picker/index.cjs

@@ -6,6 +6,7 @@ var ibizPickerDropdown = require('./ibiz-picker-dropdown/ibiz-picker-dropdown.cj
 var ibizPickerLink = require('./ibiz-picker-link/ibiz-picker-link.cjs');
 var ibizPickerEmbedView = require('./ibiz-picker-embed-view/ibiz-picker-embed-view.cjs');
 var ibizPickerSelectView = require('./ibiz-picker-select-view/ibiz-picker-select-view.cjs');
+var ibizTransferPicker = require('./ibiz-transfer-picker/ibiz-transfer-picker.cjs');
 var pickerEditor_controller = require('./picker-editor.controller.cjs');
 var pickerEditor_provider = require('./picker-editor.provider.cjs');
 
@@ -17,5 +18,6 @@ exports.IBizPickerDropDown = ibizPickerDropdown.IBizPickerDropDown;
 exports.IBizPickerLink = ibizPickerLink.IBizPickerLink;
 exports.IBizPickerEmbedView = ibizPickerEmbedView.IBizPickerEmbedView;
 exports.IBizPickerSelectView = ibizPickerSelectView.IBizPickerSelectView;
+exports.IBizTransferPicker = ibizTransferPicker.IBizTransferPicker;
 exports.PickerEditorController = pickerEditor_controller.PickerEditorController;
 exports.DataPickerEditorProvider = pickerEditor_provider.DataPickerEditorProvider;

package/lib/editor/data-picker/picker-editor.provider.cjs

@@ -34,6 +34,9 @@ class DataPickerEditorProvider {
       case "PICKUPVIEW":
         componentName = "IBizPickerEmbedView";
         break;
+      case "TRANSFER_PICKER":
+        componentName = "IBizTransferPicker";
+        break;
       default:
     }
     this.formEditor = componentName;

package/lib/editor/dropdown-list/dropdown-list-editor.provider.cjs

@@ -21,6 +21,9 @@ class DropDownListEditorProvider {
       case "VIRTUALIZED_LIST":
         componentName = "IBizVirtualizedList";
         break;
+      case "TREE_PICKER":
+        componentName = "IBizTreePicker";
+        break;
       default:
     }
     this.formEditor = componentName;

package/lib/editor/dropdown-list/ibiz-tree-picker/ibiz-tree-picker.cjs

@@ -0,0 +1,294 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var lodashEs = require('lodash-es');
+require('./ibiz-tree-picker.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const IBizTreePicker = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizTreePicker",
+  props: vue3Util.getDropdownProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("tree-picker");
+    const c = props.controller;
+    const editorModel = c.model;
+    const items = vue.ref([]);
+    const codeListItems = vue.ref([]);
+    const isLoadedCodeList = vue.ref(false);
+    const treeNodes = vue.ref([]);
+    const defaultCheckedKeys = vue.ref([]);
+    const isLoading = vue.ref(false);
+    const codeItemValueNumber = vue.ref(false);
+    const filterText = vue.ref("");
+    const treeRef = vue.ref();
+    const isCancel = vue.ref(true);
+    const allExpand = vue.ref(false);
+    const expandedKeys = vue.ref([]);
+    const valueSeparator = c.model.valueSeparator || ",";
+    let showToolbar = false;
+    if (editorModel.editorParams) {
+      const {
+        editorParams
+      } = editorModel;
+      if (editorParams.showtoolbar)
+        showToolbar = editorParams.showtoolbar === "true";
+    }
+    const handleExpand = (_key, state) => {
+      var _a;
+      const treeNode = (_a = treeRef.value) == null ? void 0 : _a.getNode(_key);
+      if (treeNode.isLeaf)
+        return;
+      if (state) {
+        treeNode.expand();
+      } else {
+        treeNode.collapse();
+      }
+    };
+    const handleTreeNodes = (nodes) => {
+      if (nodes.length === 0) {
+        return [];
+      }
+      const list = [];
+      nodes.forEach((codeItem) => {
+        var _a;
+        const index = codeListItems.value.findIndex((_item) => {
+          return _item.value === codeItem.value;
+        });
+        if (index === -1) {
+          codeListItems.value.push(codeItem);
+        }
+        const tempObj = {
+          label: codeItem.text,
+          value: (_a = codeItem.value) == null ? void 0 : _a.toString(),
+          color: codeItem == null ? void 0 : codeItem.color,
+          textCls: codeItem == null ? void 0 : codeItem.textCls,
+          sysImage: codeItem.sysImage,
+          disabled: codeItem.disableSelect === true,
+          children: []
+        };
+        if (codeItem.children && codeItem.children.length > 0) {
+          tempObj.children = handleTreeNodes(codeItem.children);
+        }
+        list.push(tempObj);
+      });
+      return list;
+    };
+    const afterLoadCodeList = (codeList) => {
+      items.value = [];
+      codeListItems.value = [];
+      let tempCodeList = codeList;
+      if (c.multiple && !tempCodeList.some((item) => item.children)) {
+        tempCodeList = c.handleCodeListAllItems(tempCodeList);
+      }
+      items.value = tempCodeList;
+      for (let i = 0; i < items.value.length; i++) {
+        const _item = items.value[i];
+        if (_item.children) {
+          treeNodes.value = handleTreeNodes(tempCodeList);
+          break;
+        }
+      }
+    };
+    const loadCodeList = async () => {
+      if (c.model.appCodeListId) {
+        const app = ibiz.hub.getApp(c.context.srfappid);
+        const codeListModel = app.codeList.getCodeList(c.model.appCodeListId);
+        if (codeListModel) {
+          codeItemValueNumber.value = codeListModel.codeItemValueNumber || false;
+        }
+      }
+      isLoading.value = true;
+      const codeList = await c.loadCodeList(props.data);
+      afterLoadCodeList(codeList);
+      isLoadedCodeList.value = true;
+      isLoading.value = false;
+    };
+    vue.watch(() => props.value, async (newVal, oldVal) => {
+      if (newVal) {
+        let val = [];
+        if (!isLoadedCodeList.value && oldVal === void 0) {
+          await loadCodeList();
+        }
+        if (lodashEs.isArray(newVal)) {
+          val = newVal;
+        } else if (lodashEs.isString(newVal)) {
+          val = newVal.split(valueSeparator);
+        }
+        defaultCheckedKeys.value = val.filter((_key) => codeListItems.value.find((item) => item.value === _key && item.isLeaf));
+      }
+    }, {
+      immediate: true
+    });
+    const onChange = (values) => {
+      let selectArr = null;
+      if (c.model.valueType === "SIMPLES") {
+        selectArr = values;
+      } else {
+        selectArr = values.join(valueSeparator);
+      }
+      emit("change", selectArr);
+    };
+    const customNodeClass = (data) => {
+      return data.children.length ? ns.e("branch-node") : null;
+    };
+    const fn = (data) => {
+      if (data)
+        afterLoadCodeList(data);
+    };
+    vue3Util.useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
+    vue.onMounted(() => {
+      loadCodeList();
+    });
+    const filterNode = (value, data) => {
+      if (!value)
+        return true;
+      return data.label && data.label.includes(value);
+    };
+    vue.watch(filterText, (val) => {
+      var _a;
+      (_a = treeRef.value) == null ? void 0 : _a.filter(val);
+    });
+    const handleExpandSwitch = (state = true) => {
+      codeListItems.value.forEach((item) => {
+        if (item.children && item.children.length > 0) {
+          handleExpand(item.value, state);
+        }
+      });
+    };
+    const onAllExpand = () => {
+      allExpand.value = true;
+      handleExpandSwitch();
+    };
+    const onAllCollapse = () => {
+      allExpand.value = false;
+      handleExpandSwitch(false);
+    };
+    const onAllSelect = () => {
+      var _a, _b;
+      const checkedKeys = (_a = codeListItems.value) == null ? void 0 : _a.map((item) => item.value);
+      handleExpandSwitch(allExpand.value);
+      (_b = treeRef.value) == null ? void 0 : _b.setCheckedKeys(checkedKeys);
+      onChange(checkedKeys);
+    };
+    const onAllCancel = () => {
+      var _a;
+      handleExpandSwitch(allExpand.value);
+      (_a = treeRef.value) == null ? void 0 : _a.setCheckedKeys([]);
+      onChange([]);
+    };
+    const onCheck = (...args) => {
+      if (args[1]) {
+        const {
+          checkedKeys,
+          halfCheckedKeys
+        } = args[1];
+        const combinedKeys = [...halfCheckedKeys, ...checkedKeys];
+        const filterArr = combinedKeys.filter((value, index, self) => {
+          return self.indexOf(value) === index;
+        });
+        onChange(filterArr);
+      }
+    };
+    const onNodeExpand = (...args) => {
+      if (args[0] && args[0].value) {
+        expandedKeys.value.push(args[0].value);
+      }
+    };
+    const onNodeCollapse = (...args) => {
+      if (args[0] && args[0].value) {
+        const index = expandedKeys.value.findIndex((_key) => args[0].value === _key);
+        if (index !== -1) {
+          expandedKeys.value.splice(index, 1);
+        }
+      }
+    };
+    return {
+      ns,
+      c,
+      items,
+      treeRef,
+      filterText,
+      treeNodes,
+      isCancel,
+      defaultCheckedKeys,
+      expandedKeys,
+      showToolbar,
+      onNodeExpand,
+      onNodeCollapse,
+      filterNode,
+      customNodeClass,
+      onAllExpand,
+      onAllCollapse,
+      onAllSelect,
+      onAllCancel,
+      onCheck
+    };
+  },
+  render() {
+    const isReadonly = this.readonly || this.disabled;
+    const content = [vue.createVNode("div", {
+      "class": [this.ns.e("search")]
+    }, [vue.createVNode(vue.resolveComponent("el-input"), {
+      "modelValue": this.filterText,
+      "onUpdate:modelValue": ($event) => this.filterText = $event,
+      "placeholder": this.c.placeHolder || " "
+    }, null)]), vue.createVNode("div", {
+      "class": [this.ns.e("tree")]
+    }, [vue.createVNode(vue.resolveComponent("el-tree"), {
+      "ref": "treeRef",
+      "class": this.ns.b("tree"),
+      "data": this.treeNodes,
+      "node-key": "value",
+      "props": {
+        children: "children",
+        label: "label",
+        class: this.customNodeClass
+      },
+      "show-checkbox": !isReadonly,
+      "default-checked-keys": this.defaultCheckedKeys,
+      "default-expanded-keys": this.expandedKeys,
+      "filter-node-method": this.filterNode,
+      "onNodeExpand": this.onNodeExpand,
+      "onNodeCollapse": this.onNodeCollapse,
+      "onCheck": this.onCheck
+    }, null)])];
+    if (!isReadonly && this.showToolbar) {
+      let _slot, _slot2, _slot3, _slot4;
+      content.unshift(...[vue.createVNode("div", {
+        "class": [this.ns.e("header")]
+      }, [vue.createVNode(vue.resolveComponent("el-button"), {
+        "type": "primary",
+        "onClick": this.onAllSelect
+      }, _isSlot(_slot = ibiz.i18n.t("editor.treePicker.allowAll")) ? _slot : {
+        default: () => [_slot]
+      }), vue.createVNode(vue.resolveComponent("el-button"), {
+        "type": "primary",
+        "onClick": this.onAllCancel
+      }, _isSlot(_slot2 = ibiz.i18n.t("editor.treePicker.allProhibited")) ? _slot2 : {
+        default: () => [_slot2]
+      }), vue.createVNode(vue.resolveComponent("el-button"), {
+        "type": "primary",
+        "onClick": this.onAllExpand
+      }, _isSlot(_slot3 = ibiz.i18n.t("editor.treePicker.expandAll")) ? _slot3 : {
+        default: () => [_slot3]
+      }), vue.createVNode(vue.resolveComponent("el-button"), {
+        "type": "primary",
+        "onClick": this.onAllCollapse
+      }, _isSlot(_slot4 = ibiz.i18n.t("editor.treePicker.collapseAll")) ? _slot4 : {
+        default: () => [_slot4]
+      })])]);
+    }
+    return vue.createVNode("div", {
+      "class": [this.ns.b()]
+    }, [content]);
+  }
+});
+
+exports.IBizTreePicker = IBizTreePicker;

package/lib/editor/dropdown-list/ibiz-tree-picker/ibiz-tree-picker.css

@@ -0,0 +1 @@
+.ibiz-tree-picker{--ibiz-tree-picker-font-size:var(--ibiz-editor-default-text-size);display:flex;flex-direction:column;width:100%;height:100%;max-height:100%}.ibiz-tree-picker__search .el-input{--el-input-height:var(--ibiz-height-control-default);--el-font-size-base:var(--ibiz-tree-picker-font-size);margin:var(--ibiz-spacing-tight) 0}.ibiz-tree-picker__tree{--ibiz-font-size-regular:var(--ibiz-tree-picker-font-size);height:100%;overflow:auto}.ibiz-tree-picker__tree .el-checkbox.el-checkbox.el-checkbox .el-checkbox__inner{width:var(--ibiz-tree-picker-font-size);height:var(--ibiz-tree-picker-font-size)}

package/lib/editor/dropdown-list/index.cjs

@@ -3,6 +3,7 @@
 var ibizDropdown = require('./ibiz-dropdown/ibiz-dropdown.cjs');
 var ibizEmojiPicker = require('./ibiz-emoji-picker/ibiz-emoji-picker.cjs');
 var ibizVirtualizedList = require('./ibiz-virtualized-list/ibiz-virtualized-list.cjs');
+var ibizTreePicker = require('./ibiz-tree-picker/ibiz-tree-picker.cjs');
 var dropdownListEditor_controller = require('./dropdown-list-editor.controller.cjs');
 var dropdownListEditor_provider = require('./dropdown-list-editor.provider.cjs');
 
@@ -11,5 +12,6 @@ var dropdownListEditor_provider = require('./dropdown-list-editor.provider.cjs')
 exports.IBizDropdown = ibizDropdown.IBizDropdown;
 exports.IBizEmojiPicker = ibizEmojiPicker.IBizEmojiPicker;
 exports.IBizVirtualizedList = ibizVirtualizedList.IBizVirtualizedList;
+exports.IBizTreePicker = ibizTreePicker.IBizTreePicker;
 exports.DropDownListEditorController = dropdownListEditor_controller.DropDownListEditorController;
 exports.DropDownListEditorProvider = dropdownListEditor_provider.DropDownListEditorProvider;

package/lib/editor/index.cjs

@@ -42,6 +42,7 @@ var ibizInputNumber = require('./text-box/ibiz-input-number/ibiz-input-number.cj
 var ibizInputIp = require('./text-box/ibiz-input-ip/ibiz-input-ip.cjs');
 var ibizDropdown = require('./dropdown-list/ibiz-dropdown/ibiz-dropdown.cjs');
 var ibizEmojiPicker = require('./dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.cjs');
+var ibizTreePicker = require('./dropdown-list/ibiz-tree-picker/ibiz-tree-picker.cjs');
 var ibizCheckbox = require('./check-box/ibiz-checkbox/ibiz-checkbox.cjs');
 var ibizCheckboxList = require('./check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.cjs');
 var ibizRadio = require('./radio-button-list/ibiz-radio/ibiz-radio.cjs');
@@ -63,6 +64,7 @@ var ibizPickerDropdown = require('./data-picker/ibiz-picker-dropdown/ibiz-picker
 var ibizPickerLink = require('./data-picker/ibiz-picker-link/ibiz-picker-link.cjs');
 var ibizPickerEmbedView = require('./data-picker/ibiz-picker-embed-view/ibiz-picker-embed-view.cjs');
 var ibizPickerSelectView = require('./data-picker/ibiz-picker-select-view/ibiz-picker-select-view.cjs');
+var ibizTransferPicker = require('./data-picker/ibiz-transfer-picker/ibiz-transfer-picker.cjs');
 var ibizNumberRangePicker = require('./number-range/ibiz-number-range-picker/ibiz-number-range-picker.cjs');
 var ibizDateRangePicker = require('./date-range/ibiz-date-range-picker/ibiz-date-range-picker.cjs');
 var monacoEditor = require('./code/monaco-editor/monaco-editor.cjs');
@@ -116,6 +118,7 @@ const IBizEditor = {
     v.component(ibizInputIp.IBizInputIP.name, ibizInputIp.IBizInputIP);
     v.component(ibizDropdown.IBizDropdown.name, ibizDropdown.IBizDropdown);
     v.component(ibizEmojiPicker.IBizEmojiPicker.name, ibizEmojiPicker.IBizEmojiPicker);
+    v.component(ibizTreePicker.IBizTreePicker.name, ibizTreePicker.IBizTreePicker);
     v.component(ibizCheckbox.IBizCheckbox.name, ibizCheckbox.IBizCheckbox);
     v.component(ibizCheckboxList.IBizCheckboxList.name, ibizCheckboxList.IBizCheckboxList);
     v.component(ibizRadio.IBizRadio.name, ibizRadio.IBizRadio);
@@ -137,6 +140,7 @@ const IBizEditor = {
     v.component(ibizPickerLink.IBizPickerLink.name, ibizPickerLink.IBizPickerLink);
     v.component(ibizPickerEmbedView.IBizPickerEmbedView.name, ibizPickerEmbedView.IBizPickerEmbedView);
     v.component(ibizPickerSelectView.IBizPickerSelectView.name, ibizPickerSelectView.IBizPickerSelectView);
+    v.component(ibizTransferPicker.IBizTransferPicker.name, ibizTransferPicker.IBizTransferPicker);
     v.component(ibizNumberRangePicker.IBizNumberRangePicker.name, ibizNumberRangePicker.IBizNumberRangePicker);
     v.component(ibizDateRangePicker.IBizDateRangePicker.name, ibizDateRangePicker.IBizDateRangePicker);
     v.component(monacoEditor.IBizCode.name, monacoEditor.IBizCode);
@@ -209,6 +213,10 @@ const IBizEditor = {
       "DROPDOWNLIST_EMOJI_PICKER",
       () => new dropdownListEditor_provider.DropDownListEditorProvider("EMOJI_PICKER")
     );
+    runtime.registerEditorProvider(
+      "MDROPDOWNLIST_TREE_PICKER",
+      () => new dropdownListEditor_provider.DropDownListEditorProvider("TREE_PICKER")
+    );
     runtime.registerEditorProvider(
       "DROPDOWNLIST_VIRTUALIZED_LIST",
       () => new dropdownListEditor_provider.DropDownListEditorProvider("VIRTUALIZED_LIST")
@@ -321,6 +329,10 @@ const IBizEditor = {
       "PICKER",
       () => new pickerEditor_provider.DataPickerEditorProvider("PICKER")
     );
+    runtime.registerEditorProvider(
+      "PICKER_TRANSFER_PICKER",
+      () => new pickerEditor_provider.DataPickerEditorProvider("TRANSFER_PICKER")
+    );
     runtime.registerEditorProvider(
       "PICKEREX_NOAC",
       () => new pickerEditor_provider.DataPickerEditorProvider("PICKEREX_NOAC")