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

package/lib/editor/data-picker/ibiz-transfer-picker/components/transfer-panel/interface.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+var lodashEs = require('lodash-es');
+
+"use strict";
+const CHECKED_CHANGE_EVENT = "checkedChange";
+const AC_SEARCH = "acSearch";
+const transferCheckedChangeFn = (value, movedKeys) => [value, movedKeys].every(lodashEs.isArray) || lodashEs.isArray(value) && lodashEs.isNil(movedKeys);
+const transferPanelProps = {
+  data: {
+    type: Array,
+    default: () => []
+  },
+  optionRender: {
+    type: Function
+  },
+  placeholder: String,
+  title: String,
+  filterable: Boolean,
+  enableAcSearch: Boolean,
+  format: {
+    type: Object,
+    default: () => ({})
+  },
+  filterMethod: {
+    type: Function
+  },
+  defaultChecked: {
+    type: Array,
+    default: () => []
+  },
+  props: {
+    type: Object,
+    default: () => ({
+      label: "label",
+      key: "key",
+      disabled: "disabled"
+    })
+  },
+  loading: {
+    type: Boolean,
+    default: false
+  },
+  readonly: {
+    type: Boolean,
+    default: false
+  }
+};
+const transferPanelEmits = {
+  [CHECKED_CHANGE_EVENT]: transferCheckedChangeFn,
+  [AC_SEARCH]: (query) => query
+};
+
+exports.AC_SEARCH = AC_SEARCH;
+exports.CHECKED_CHANGE_EVENT = CHECKED_CHANGE_EVENT;
+exports.transferCheckedChangeFn = transferCheckedChangeFn;
+exports.transferPanelEmits = transferPanelEmits;
+exports.transferPanelProps = transferPanelProps;

package/lib/editor/data-picker/ibiz-transfer-picker/components/transfer-panel/transfer-panel-util.cjs

@@ -0,0 +1,133 @@
+'use strict';
+
+var vue = require('vue');
+var lodashEs = require('lodash-es');
+var _interface = require('./interface.cjs');
+
+"use strict";
+const usePropsAlias = (props) => {
+  const initProps = {
+    label: "label",
+    key: "key",
+    disabled: "disabled"
+  };
+  return vue.computed(() => ({
+    ...initProps,
+    ...props.props
+  }));
+};
+const useCheck = (props, panelState, emit) => {
+  const propsAlias = usePropsAlias(props);
+  const filteredData = vue.ref([]);
+  const checkableData = vue.computed(
+    () => filteredData.value.filter((item) => {
+      return !item[propsAlias.value.disabled];
+    })
+  );
+  const checkedSummary = vue.computed(() => {
+    const checkedLength = panelState.checked.length;
+    const dataLength = props.data.length;
+    const { noChecked, hasChecked } = props.format;
+    if (noChecked && hasChecked) {
+      return checkedLength > 0 ? hasChecked.replace(/\${checked}/g, checkedLength.toString()).replace(/\${total}/g, dataLength.toString()) : noChecked.replace(/\${total}/g, dataLength.toString());
+    }
+    return "".concat(checkedLength, "/").concat(dataLength);
+  });
+  const isIndeterminate = vue.computed(() => {
+    const checkedLength = panelState.checked.length;
+    return checkedLength > 0 && checkedLength < checkableData.value.length;
+  });
+  const handleFilteredData = (value = "") => {
+    filteredData.value = props.data.filter((item) => {
+      if (lodashEs.isFunction(props.filterMethod)) {
+        return props.filterMethod(value, item);
+      }
+      const label = String(
+        item[propsAlias.value.label] || item[propsAlias.value.key]
+      );
+      return label.toLowerCase().includes(value.toLowerCase());
+    });
+  };
+  const onInputChange = async (value) => {
+    if (props.enableAcSearch) {
+      emit("acSearch", value);
+    } else {
+      handleFilteredData(value);
+    }
+  };
+  const updateAllChecked = () => {
+    const checkableDataKeys = checkableData.value.map(
+      (item) => item[propsAlias.value.key]
+    );
+    panelState.allChecked = checkableDataKeys.length > 0 && checkableDataKeys.every(
+      (item) => panelState.checked.includes(item)
+    );
+  };
+  const handleAllCheckedChange = (value) => {
+    panelState.checked = value ? checkableData.value.map((item) => item[propsAlias.value.key]) : [];
+  };
+  vue.watch(
+    () => panelState.checked,
+    (val, oldVal) => {
+      updateAllChecked();
+      if (panelState.checkChangeByUser) {
+        const movedKeys = val.concat(oldVal).filter((v) => !val.includes(v) || !oldVal.includes(v));
+        emit(_interface.CHECKED_CHANGE_EVENT, val, movedKeys);
+      } else {
+        emit(_interface.CHECKED_CHANGE_EVENT, val);
+        panelState.checkChangeByUser = true;
+      }
+    }
+  );
+  vue.watch(checkableData, () => {
+    updateAllChecked();
+  });
+  vue.watch(
+    () => props.data,
+    () => {
+      handleFilteredData(panelState.query);
+      const checked = [];
+      const filteredDataKeys = filteredData.value.map(
+        (item) => item[propsAlias.value.key]
+      );
+      panelState.checked.forEach((item) => {
+        if (filteredDataKeys.includes(item)) {
+          checked.push(item);
+        }
+      });
+      panelState.checkChangeByUser = false;
+      panelState.checked = checked;
+    }
+  );
+  vue.watch(
+    () => props.defaultChecked,
+    (val) => {
+      const checked = [];
+      const checkableDataKeys = props.data.map(
+        (item) => item[propsAlias.value.key]
+      );
+      val.forEach((item) => {
+        if (checkableDataKeys.includes(item)) {
+          checked.push(item);
+        }
+      });
+      panelState.checkChangeByUser = false;
+      panelState.checked = checked;
+    },
+    {
+      immediate: true
+    }
+  );
+  return {
+    filteredData,
+    checkableData,
+    checkedSummary,
+    isIndeterminate,
+    onInputChange,
+    updateAllChecked,
+    handleAllCheckedChange
+  };
+};
+
+exports.useCheck = useCheck;
+exports.usePropsAlias = usePropsAlias;

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

@@ -0,0 +1,118 @@
+'use strict';
+
+var vue = require('vue');
+var ramda = require('ramda');
+var vue3Util = require('@ibiz-template/vue3-util');
+var _interface = require('./interface.cjs');
+var transferPanelUtil = require('./transfer-panel-util.cjs');
+var icon = require('./icon.cjs');
+require('./transfer-panel.css');
+
+"use strict";
+const TransferPanel = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizTransferPanel",
+  props: _interface.transferPanelProps,
+  emits: _interface.transferPanelEmits,
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const ns = vue3Util.useNamespace("transfer-panel");
+    const panelState = vue.reactive({
+      checked: [],
+      allChecked: false,
+      query: "",
+      checkChangeByUser: true
+    });
+    const propsAlias = transferPanelUtil.usePropsAlias(props);
+    const {
+      filteredData,
+      checkedSummary,
+      isIndeterminate,
+      onInputChange,
+      handleAllCheckedChange
+    } = transferPanelUtil.useCheck(props, panelState, emit);
+    const hasNoMatch = vue.computed(() => !ramda.isEmpty(panelState.query) && ramda.isEmpty(filteredData.value));
+    const hasFooter = vue.computed(() => !(slots.default && ramda.isEmpty(slots.default()[0].children)));
+    const {
+      checked,
+      allChecked,
+      query
+    } = vue.toRefs(panelState);
+    return {
+      ns,
+      query,
+      allChecked,
+      checkedSummary,
+      hasNoMatch,
+      hasFooter,
+      checked,
+      filteredData,
+      propsAlias,
+      isIndeterminate,
+      onInputChange,
+      handleAllCheckedChange
+    };
+  },
+  render() {
+    var _a, _b;
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode("p", {
+      "class": this.ns.e("header")
+    }, [vue.createVNode(vue.resolveComponent("el-checkbox"), {
+      "modelValue": this.allChecked,
+      "onUpdate:modelValue": ($event) => this.allChecked = $event,
+      "disabled": this.readonly,
+      "indeterminate": this.isIndeterminate,
+      "validateEvent": false,
+      "onChange": this.handleAllCheckedChange
+    }, {
+      default: () => [this.title, vue.createVNode("span", null, [this.checkedSummary])]
+    })]), vue.createVNode("div", {
+      "class": [this.ns.e("body"), this.ns.is("with-footer", this.hasFooter)]
+    }, [this.filterable ? vue.createVNode(vue.resolveComponent("el-input"), {
+      "modelValue": this.query,
+      "onUpdate:modelValue": ($event) => this.query = $event,
+      "readonly": this.readonly,
+      "class": this.ns.e("filter"),
+      "size": "default",
+      "placeholder": this.placeholder,
+      "prefixIcon": () => icon.Search(),
+      "clearable": true,
+      "validateEvent": false,
+      "onInput": this.onInputChange
+    }, null) : null, vue.withDirectives(vue.createVNode("div", {
+      "class": [this.ns.e("content"), this.ns.is("filterable", this.filterable)]
+    }, [!this.hasNoMatch && !ramda.isEmpty(this.data) ? vue.createVNode(vue.resolveComponent("el-checkbox-group"), {
+      "modelValue": this.checked,
+      "onUpdate:modelValue": ($event) => this.checked = $event,
+      "validateEvent": false,
+      "disabled": this.readonly,
+      "class": [this.ns.e("list")]
+    }, {
+      default: () => {
+        return this.filteredData.map((item) => {
+          return vue.createVNode(vue.resolveComponent("el-checkbox"), {
+            "class": this.ns.e("item"),
+            "key": item[this.propsAlias.key],
+            "label": item[this.propsAlias.key],
+            "disabled": !!item[this.propsAlias.disabled],
+            "validateEvent": false
+          }, {
+            default: () => {
+              var _a2;
+              return [(_a2 = this.optionRender) == null ? void 0 : _a2.call(this, item)];
+            }
+          });
+        });
+      }
+    }) : vue.createVNode("div", {
+      "class": this.ns.e("empty")
+    }, [this.$slots.empty ? (_b = (_a = this.$slots).empty) == null ? void 0 : _b.call(_a) : vue.createVNode(vue.resolveComponent("iBizNoData"), {
+      "class": this.ns.em("empty", "no-data")
+    }, null)])]), [[vue.resolveDirective("loading"), this.enableAcSearch && this.loading]])])]);
+  }
+});
+
+exports.TransferPanel = TransferPanel;

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

@@ -0,0 +1 @@
+.ibiz-transfer-panel{--ibiz-transfer-panel-border-color:var(--ibiz-editor-default-border-color);--ibiz-transfer-panel-border-radius:var(--ibiz-border-radius-extra-small);--ibiz-transfer-panel-width:200px;--ibiz-transfer-panel-header-height:40px;--ibiz-transfer-panel-header-bg-color:var(--ibiz-color-fill-0);--ibiz-transfer-panel-footer-height:40px;--ibiz-transfer-panel-body-height:278px;--ibiz-transfer-panel-item-height:30px;--ibiz-transfer-panel-filter-height:32px;--ibiz-transfer-panel-spacing-base:var(--ibiz-spacing-base);position:relative;box-sizing:border-box;display:inline-block;width:var(--ibiz-transfer-panel-width);max-height:100%;overflow:hidden;text-align:left;vertical-align:middle;background:var(--ibiz-color-bg-2)}.ibiz-transfer-panel__header{box-sizing:border-box;display:flex;align-items:center;height:var(--ibiz-transfer-panel-header-height);padding-left:var(--ibiz-transfer-panel-spacing-base);margin:0;color:var(--ibiz-color-text-1);background:var(--ibiz-transfer-panel-header-bg-color);border:1px solid var(--ibiz-transfer-panel-border-color);border-top-left-radius:var(--ibiz-transfer-panel-border-radius);border-top-right-radius:var(--ibiz-transfer-panel-border-radius)}.ibiz-transfer-panel__header .el-checkbox{position:relative;display:flex;align-items:center;width:100%}.ibiz-transfer-panel__header .el-checkbox .el-checkbox__label{font-size:var(--ibiz-font-size-header-5);font-weight:400;color:var(--ibiz-color-text-1)}.ibiz-transfer-panel__header .el-checkbox .el-checkbox__label span{position:absolute;top:50%;right:var(--ibiz-transfer-panel-spacing-base);font-size:var(--ibiz-font-size-regular);font-weight:400;color:var(--ibiz-color-text-3);transform:translate3d(0,-50%,0)}.ibiz-transfer-panel__body{height:var(--ibiz-transfer-panel-body-height);overflow:hidden;border-right:1px solid var(--ibiz-transfer-panel-border-color);border-bottom:1px solid var(--ibiz-transfer-panel-border-color);border-left:1px solid var(--ibiz-transfer-panel-border-color);border-bottom-right-radius:var(--ibiz-transfer-panel-border-radius);border-bottom-left-radius:var(--ibiz-transfer-panel-border-radius)}.ibiz-transfer-panel__filter{--el-input-height:var(--ibiz-transfer-panel-filter-height);box-sizing:border-box;padding:var(--ibiz-transfer-panel-spacing-base);text-align:center}.ibiz-transfer-panel__filter .el-icon{font-size:inherit}.ibiz-transfer-panel__content{width:100%;height:var(--ibiz-transfer-panel-body-height);padding:6px 0}.ibiz-transfer-panel__content.is-filterable{height:calc(100% - var(--ibiz-transfer-panel-filter-height) - var(--ibiz-transfer-panel-spacing-base) * 2);padding-top:0}.ibiz-transfer-panel__list{box-sizing:border-box;height:100%;margin:0;overflow:auto;list-style:none}.ibiz-transfer-panel__item{height:var(--ibiz-transfer-panel-item-height);padding-left:var(--ibiz-transfer-panel-spacing-base);line-height:var(--ibiz-transfer-panel-item-height)}.ibiz-transfer-panel__item.el-checkbox{--el-checkbox-font-size:var(--ibiz-font-size-regular);display:flex;align-items:center;color:var(--ibiz-color-text-0)}.ibiz-transfer-panel__item.el-checkbox .el-checkbox__label{box-sizing:border-box;display:block;width:100%;padding-left:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-transfer-panel__item .el-checkbox__input{position:absolute}.ibiz-transfer-panel__empty{padding:6px 15px 0;margin:0;text-align:center}.ibiz-transfer-panel__empty .ibiz-no-data.el-empty{justify-content:flex-start;padding:0}.ibiz-transfer-panel__empty .ibiz-no-data .el-empty__image{width:52px}.ibiz-transfer-panel .el-checkbox__inner{width:1em;height:1em;border-radius:3px}.ibiz-transfer-panel .el-checkbox__label{padding-left:var(--ibiz-spacing-tight)}

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;