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

package/lib/control/app-menu/app-menu.cjs

@@ -261,24 +261,32 @@ const AppMenuControl = /* @__PURE__ */ vue.defineComponent({
     const calcCurMenu = () => {
       const allItems = c.getAllItems();
       return allItems.find((item) => {
-        if (item.itemType === "MENUITEM" && item.appFuncId) {
+        var _a;
+        if (item.itemType !== "MENUITEM" || !item.appFuncId)
+          return false;
+        if (ibiz.config.appMenu.echoMode === "VIEW") {
           const app = ibiz.hub.getApp(item.appId);
-          if (!app) {
+          if (!app)
             return false;
-          }
           const func = app.getAppFunc(item.appFuncId);
-          if (func && func.appViewId && route.params.view2) {
+          if (func && func.appViewId && (route == null ? void 0 : route.params.view2)) {
             return func.appViewId.split(".")[1] === route.params.view2;
           }
+        } else {
+          if (!route) {
+            return false;
+          }
+          const routePath = vue3Util.route2routePath(route);
+          if (routePath.pathNodes.length > 1)
+            return item.id === ((_a = routePath.pathNodes[1].params) == null ? void 0 : _a.srfmenuitem);
         }
         return false;
       });
     };
     const onClick = async (id, event) => {
       const activeMenu = calcCurMenu();
-      if (activeMenu && activeMenu.id === id) {
+      if (activeMenu && activeMenu.id === id)
         return;
-      }
       defaultActive.value = id;
       const menu = c.getAllItems().find((m) => m.id === id);
       if ((menu == null ? void 0 : menu.itemType) === "RAWITEM" || c.runMode === "DESIGN") {
@@ -287,7 +295,7 @@ const AppMenuControl = /* @__PURE__ */ vue.defineComponent({
       await c.onClickMenuItem(id, event);
     };
     if (c.runMode !== "DESIGN") {
-      vue.watch(() => route.params.view2, (newVal, oldVal) => {
+      vue.watch(() => route == null ? void 0 : route.params.view2, (newVal, oldVal) => {
         if (newVal !== oldVal && ibiz.config.appMenu.enableEcho) {
           const activeMenu = calcCurMenu();
           defaultActive.value = activeMenu ? activeMenu.id : "";
@@ -303,7 +311,7 @@ const AppMenuControl = /* @__PURE__ */ vue.defineComponent({
       const defaultActiveMenuItem = allItems.find((item) => {
         return item.openDefault && !item.hidden;
       });
-      if (defaultActiveMenuItem && !route.params.view2 && !route.fullPath.includes("404")) {
+      if (defaultActiveMenuItem && !(route == null ? void 0 : route.params.view2) && !(route == null ? void 0 : route.fullPath.includes("404"))) {
         defaultActive.value = defaultActiveMenuItem.id;
         onClick(defaultActive.value);
       } else if (ibiz.config.appMenu.enableEcho) {

package/lib/control/calendar/calendar.cjs

@@ -548,13 +548,17 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
           const {
             data
           } = value;
-          this.c.onRowClick(data[0]);
+          const item = data[0];
+          if (item)
+            this.c.onRowClick(item);
         },
         "onEventDblClick": (value) => {
           const {
             data
           } = value;
-          this.c.onDbRowClick(data[0]);
+          const item = data[0];
+          if (item)
+            this.c.onDbRowClick(item);
         }
       }, _isSlot(slots) ? slots : {
         default: () => [slots]

package/lib/control/calendar/components/calendar-daily/use-calendar-daily.cjs

@@ -127,7 +127,7 @@ const useCalendarDaily = (props, emit) => {
       const difference = new Date(endTime).getTime() - new Date(startTime).getTime();
       height = Math.floor(difference / (1e3 * 60));
     }
-    if (height < 3) {
+    if (height < 30) {
       height = "auto";
     }
     return height;

package/lib/control/calendar/components/calendar-week/use-calendar-week.cjs

@@ -153,7 +153,7 @@ const useCalendarWeek = (props, emit) => {
           const width = "".concat(percentage, "%");
           const styleLeft = "".concat(index * percentage, "%");
           Object.assign(tempEventContent, { width, styleLeft });
-          let height = 3;
+          let height = "auto";
           let styleTop = 60;
           let timeRange = "";
           if (util.isToday(event.beginTime, event.endTime)) {
@@ -301,8 +301,8 @@ const useCalendarWeek = (props, emit) => {
       const difference = new Date(endTime).getTime() - new Date(startTime).getTime();
       height = Math.floor(difference / (1e3 * 60));
     }
-    if (height < 3) {
-      height = 3;
+    if (height < 30) {
+      height = "auto";
     }
     return height;
   };

package/lib/control/drbar/drbar.controller.cjs

@@ -303,6 +303,7 @@ class DRBarController extends runtime.ControlController {
    * @memberof DRBarController
    */
   initDRBarItems() {
+    var _a;
     const { dedrctrlItems, dedrbarGroups } = this.model;
     const drBarItems = [];
     if (!this.state.hideEditItem) {
@@ -324,7 +325,7 @@ class DRBarController extends runtime.ControlController {
         caption,
         disabled: false,
         sysImage: editItemSysImage,
-        fullPath: this.router.currentRoute.value.fullPath
+        fullPath: (_a = this.router) == null ? void 0 : _a.currentRoute.value.fullPath
       });
       this.state.defaultItem = uniqueTag;
     }
@@ -356,11 +357,11 @@ class DRBarController extends runtime.ControlController {
         });
       } else {
         dedrbarGroups.forEach((group) => {
-          var _a;
+          var _a2;
           const groupItems = dedrctrlItems.filter(
             (item) => item.dedrbarGroupId === group.id
           );
-          if (groupItems.length > 1 || ((_a = this.controlParams) == null ? void 0 : _a.singleitemgroup) === "true" && groupItems.length === 1) {
+          if (groupItems.length > 1 || ((_a2 = this.controlParams) == null ? void 0 : _a2.singleitemgroup) === "true" && groupItems.length === 1) {
             let itemCaption = group.caption;
             if (group.capLanguageRes) {
               itemCaption = ibiz.i18n.t(

package/lib/control/drtab/drtab-control.util.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var vue = require('vue');
-var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.40_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
+var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.1_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
 
 "use strict";
 function useAppDRTab(c, controlRef, counterData) {

package/lib/control/grid/grid/grid-control.util.cjs

@@ -511,11 +511,57 @@ function useAppGridBase(c, props) {
     }
     return state.rows.map((row) => row.data);
   });
+  const calcGroupColumns = (groupColumn) => {
+    const result = { ...groupColumn };
+    const columns = [];
+    const degridColumns = groupColumn.degridColumns || [];
+    degridColumns.forEach((column) => {
+      var _a, _b;
+      if (column.columnType === "GROUPGRIDCOLUMN") {
+        const children = calcGroupColumns(column);
+        if (children.degridColumns && children.degridColumns.length) {
+          columns.push(children);
+        }
+      } else {
+        const columnState = c.state.columnStates.find(
+          (item) => item.key === column.codeName
+        );
+        if (columnState && !columnState.hidden) {
+          const columnModel = ((_a = c.fieldColumns[columnState.key]) == null ? void 0 : _a.model) || ((_b = c.uaColumns[columnState.key]) == null ? void 0 : _b.model);
+          if (columnModel) {
+            columns.push(columnModel);
+          }
+        }
+      }
+    });
+    result.degridColumns = columns;
+    return result;
+  };
   const renderColumns = vue.computed(() => {
+    const columns = [];
     if (c.isMultistageHeader) {
-      return c.model.degridColumns || [];
+      const degridColumns = c.model.degridColumns || [];
+      degridColumns.forEach((column) => {
+        var _a, _b;
+        if (column.columnType === "GROUPGRIDCOLUMN") {
+          const groupColumn = calcGroupColumns(column);
+          if (groupColumn.degridColumns && groupColumn.degridColumns.length) {
+            columns.push(groupColumn);
+          }
+        } else {
+          const columnState = c.state.columnStates.find(
+            (item) => item.key === column.codeName
+          );
+          if (columnState && !columnState.hidden) {
+            const columnModel = ((_a = c.fieldColumns[columnState.key]) == null ? void 0 : _a.model) || ((_b = c.uaColumns[columnState.key]) == null ? void 0 : _b.model);
+            if (columnModel) {
+              columns.push(columnModel);
+            }
+          }
+        }
+      });
+      return columns;
     }
-    const columns = [];
     c.state.columnStates.forEach((item) => {
       var _a, _b;
       if (item.hidden) {

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

@@ -1 +1 @@
-.ibiz-row-edit-popover{position:absolute;z-index:2;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);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:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);white-space:nowrap;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/kanban/kanban.cjs

@@ -237,7 +237,12 @@ const KanbanControl = /* @__PURE__ */ vue.defineComponent({
       const findIndex = c.state.selectedData.findIndex((data) => {
         return data.srfkey === item.srfkey;
       });
-      const cardClass = [ns.b("item"), ns.is("selected", findIndex !== -1), ns.is("disabled", disabled.value)];
+      const cardClass = [
+        ns.b("item"),
+        ns.is("selected", findIndex !== -1),
+        // 数据更新时不允许拖拽，鼠标变为禁用
+        ns.is("disabled", c.state.draggable && c.state.updating)
+      ];
       const cardStyle = {};
       if (c.model.cardWidth) {
         cardStyle.width = "".concat(c.model.cardWidth, "px");

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

@@ -0,0 +1,7 @@
+'use strict';
+
+var transfer = require('./transfer/transfer.cjs');
+
+"use strict";
+
+exports.TransferSelect = transfer.TransferSelect;

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

@@ -0,0 +1,22 @@
+'use strict';
+
+var vue = require('vue');
+
+"use strict";
+const arrowLeft = () => vue.createVNode("svg", {
+  "xmlns": "http://www.w3.org/2000/svg",
+  "viewBox": "0 0 1024 1024"
+}, [vue.createVNode("path", {
+  "fill": "currentColor",
+  "d": "M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"
+}, null)]);
+const arrowRight = () => vue.createVNode("svg", {
+  "xmlns": "http://www.w3.org/2000/svg",
+  "viewBox": "0 0 1024 1024"
+}, [vue.createVNode("path", {
+  "fill": "currentColor",
+  "d": "M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"
+}, null)]);
+
+exports.arrowLeft = arrowLeft;
+exports.arrowRight = arrowRight;

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

@@ -0,0 +1,99 @@
+'use strict';
+
+var lodashEs = require('lodash-es');
+
+"use strict";
+const UPDATE_MODEL_EVENT = "update:modelValue";
+const CHANGE_EVENT = "change";
+const INPUT_EVENT = "input";
+const LEFT_CHECK_CHANGE_EVENT = "leftCheckChange";
+const RIGHT_CHECK_CHANGE_EVENT = "rightCheckChange";
+const LEFT_AC_SEARCH = "leftAcSearch";
+const transferCheckedChangeFn = (value, movedKeys) => [value, movedKeys].every(lodashEs.isArray) || lodashEs.isArray(value) && lodashEs.isNil(movedKeys);
+const transferProps = {
+  data: {
+    type: Array,
+    default: () => []
+  },
+  titles: {
+    type: Array,
+    default: () => []
+  },
+  buttonTexts: {
+    type: Array,
+    default: () => []
+  },
+  filterPlaceholder: String,
+  filterMethod: {
+    type: Function
+  },
+  rightSearchMethod: {
+    type: Function
+  },
+  leftDefaultChecked: {
+    type: Array,
+    default: () => []
+  },
+  rightDefaultChecked: {
+    type: Array,
+    default: () => []
+  },
+  renderContent: {
+    type: Function
+  },
+  modelValue: {
+    type: Array,
+    default: () => []
+  },
+  format: {
+    type: Object,
+    default: () => ({})
+  },
+  filterable: Boolean,
+  props: {
+    type: Object,
+    default: () => ({
+      label: "label",
+      key: "key",
+      disabled: "disabled"
+    })
+  },
+  targetOrder: {
+    type: String,
+    values: ["original", "push", "unshift"],
+    default: "original"
+  },
+  enableRemoteSearch: {
+    type: Boolean,
+    default: false
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
+  },
+  loading: {
+    type: Boolean,
+    default: false
+  },
+  readonly: {
+    type: Boolean,
+    default: false
+  }
+};
+const transferEmits = {
+  [CHANGE_EVENT]: (value, direction, movedKeys) => [value, movedKeys].every(lodashEs.isArray) && ["left", "right"].includes(direction),
+  [UPDATE_MODEL_EVENT]: (value) => lodashEs.isArray(value),
+  [LEFT_CHECK_CHANGE_EVENT]: transferCheckedChangeFn,
+  [RIGHT_CHECK_CHANGE_EVENT]: transferCheckedChangeFn,
+  [LEFT_AC_SEARCH]: (query) => query
+};
+
+exports.CHANGE_EVENT = CHANGE_EVENT;
+exports.INPUT_EVENT = INPUT_EVENT;
+exports.LEFT_AC_SEARCH = LEFT_AC_SEARCH;
+exports.LEFT_CHECK_CHANGE_EVENT = LEFT_CHECK_CHANGE_EVENT;
+exports.RIGHT_CHECK_CHANGE_EVENT = RIGHT_CHECK_CHANGE_EVENT;
+exports.UPDATE_MODEL_EVENT = UPDATE_MODEL_EVENT;
+exports.transferCheckedChangeFn = transferCheckedChangeFn;
+exports.transferEmits = transferEmits;
+exports.transferProps = transferProps;

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

@@ -0,0 +1,108 @@
+'use strict';
+
+var vue = require('vue');
+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 useComputedData = (props) => {
+  const propsAlias = usePropsAlias(props);
+  const dataObj = vue.computed(
+    () => props.data.reduce(
+      // eslint-disable-next-line no-return-assign, no-param-reassign
+      (o, cur) => (o[cur[propsAlias.value.key]] = cur) && o,
+      {}
+    )
+  );
+  const sourceData = vue.computed(
+    () => props.data.filter(
+      (item) => !props.modelValue.includes(item[propsAlias.value.key])
+    )
+  );
+  const targetData = vue.computed(() => {
+    if (props.targetOrder === "original") {
+      return props.data.filter(
+        (item) => props.modelValue.includes(item[propsAlias.value.key])
+      );
+    }
+    return props.modelValue.reduce((arr, cur) => {
+      const val = dataObj.value[cur];
+      if (val) {
+        arr.push(val);
+      }
+      return arr;
+    }, []);
+  });
+  return {
+    sourceData,
+    targetData
+  };
+};
+const useCheckedChange = (checkedState, emit) => {
+  const onSourceCheckedChange = (val, movedKeys) => {
+    checkedState.leftChecked = val;
+    if (!movedKeys)
+      return;
+    emit(_interface.LEFT_CHECK_CHANGE_EVENT, val, movedKeys);
+  };
+  const onTargetCheckedChange = (val, movedKeys) => {
+    checkedState.rightChecked = val;
+    if (!movedKeys)
+      return;
+    emit(_interface.RIGHT_CHECK_CHANGE_EVENT, val, movedKeys);
+  };
+  return {
+    onSourceCheckedChange,
+    onTargetCheckedChange
+  };
+};
+const useMove = (props, checkedState, emit) => {
+  const propsAlias = usePropsAlias(props);
+  const _emit = (value, direction, movedKeys) => {
+    emit(_interface.UPDATE_MODEL_EVENT, value);
+    emit(_interface.CHANGE_EVENT, value, direction, movedKeys);
+  };
+  const addToLeft = () => {
+    const currentValue = props.modelValue.slice();
+    checkedState.rightChecked.forEach((item) => {
+      const index = currentValue.indexOf(item);
+      if (index > -1) {
+        currentValue.splice(index, 1);
+      }
+    });
+    _emit(currentValue, "left", checkedState.rightChecked);
+  };
+  const addToRight = () => {
+    let currentValue = props.modelValue.slice();
+    const itemsToBeMoved = props.data.filter((item) => {
+      const itemKey = item[propsAlias.value.key];
+      return checkedState.leftChecked.includes(itemKey) && !props.modelValue.includes(itemKey);
+    }).map((item) => item[propsAlias.value.key]);
+    currentValue = props.targetOrder === "unshift" ? itemsToBeMoved.concat(currentValue) : currentValue.concat(itemsToBeMoved);
+    if (props.targetOrder === "original") {
+      currentValue = props.data.filter(
+        (item) => currentValue.includes(item[propsAlias.value.key])
+      ).map((item) => item[propsAlias.value.key]);
+    }
+    _emit(currentValue, "right", checkedState.leftChecked);
+  };
+  return {
+    addToLeft,
+    addToRight
+  };
+};
+
+exports.useCheckedChange = useCheckedChange;
+exports.useComputedData = useComputedData;
+exports.useMove = useMove;
+exports.usePropsAlias = usePropsAlias;

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

@@ -0,0 +1,148 @@
+'use strict';
+
+var vue = require('vue');
+var ramda = require('ramda');
+var vue3Util = require('@ibiz-template/vue3-util');
+var transferUtil = require('./transfer-util.cjs');
+var _interface = require('./interface.cjs');
+var transferPanel = require('../transfer-panel/transfer-panel.cjs');
+var icon = require('./icon.cjs');
+require('./transfer.css');
+
+"use strict";
+const TransferSelect = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizTransfer",
+  props: _interface.transferProps,
+  emits: _interface.transferEmits,
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const ns = vue3Util.useNamespace("transfer");
+    const checkedState = vue.reactive({
+      leftChecked: [],
+      rightChecked: []
+    });
+    const propsAlias = transferUtil.usePropsAlias(props);
+    const {
+      sourceData,
+      targetData
+    } = transferUtil.useComputedData(props);
+    const {
+      onSourceCheckedChange,
+      onTargetCheckedChange
+    } = transferUtil.useCheckedChange(checkedState, emit);
+    const {
+      addToLeft,
+      addToRight
+    } = transferUtil.useMove(props, checkedState, emit);
+    const leftPanel = vue.ref();
+    const rightPanel = vue.ref();
+    const clearQuery = (which) => {
+      switch (which) {
+        case "left":
+          leftPanel.value.query = "";
+          break;
+        case "right":
+          rightPanel.value.query = "";
+          break;
+        default:
+          break;
+      }
+    };
+    const onLeftAcSearch = (query) => {
+      emit("leftAcSearch", query);
+    };
+    const hasButtonTexts = vue.computed(() => props.buttonTexts.length === 2);
+    const leftPanelTitle = vue.computed(() => props.titles[0] || "\u53EF\u9009\u5217\u8868");
+    const rightPanelTitle = vue.computed(() => props.titles[1] || "\u5DF2\u9009\u5217\u8868");
+    const panelFilterPlaceholder = vue.computed(() => props.filterPlaceholder || "\u8BF7\u8F93\u5165");
+    const optionRender = vue.computed(() => (option) => {
+      var _a;
+      if (props.renderContent)
+        return props.renderContent(vue.h, option);
+      const defaultSlotVNodes = (((_a = slots.default) == null ? void 0 : _a.call(slots, {
+        option
+      })) || []).filter((node) => node.type !== Comment);
+      if (defaultSlotVNodes.length) {
+        return defaultSlotVNodes;
+      }
+      return vue.h("span", option[propsAlias.value.label] || option[propsAlias.value.key]);
+    });
+    return {
+      ns,
+      targetData,
+      rightPanelTitle,
+      optionRender,
+      panelFilterPlaceholder,
+      leftPanelTitle,
+      sourceData,
+      leftPanel,
+      rightPanel,
+      hasButtonTexts,
+      checkedState,
+      addToLeft,
+      addToRight,
+      clearQuery,
+      onLeftAcSearch,
+      onSourceCheckedChange,
+      onTargetCheckedChange
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode(transferPanel.TransferPanel, {
+      "ref": "leftPanel",
+      "data": this.sourceData,
+      "readonly": this.readonly,
+      "optionRender": this.optionRender,
+      "placeholder": this.panelFilterPlaceholder,
+      "title": this.leftPanelTitle,
+      "filterable": this.filterable,
+      "format": this.format,
+      "enableAcSearch": this.enableRemoteSearch,
+      "loading": this.loading,
+      "filterMethod": this.filterMethod,
+      "defaultChecked": this.leftDefaultChecked,
+      "onAcSearch": this.onLeftAcSearch,
+      "props": this.props,
+      "onCheckedChange": this.onSourceCheckedChange
+    }, null), vue.createVNode("div", {
+      "class": this.ns.e("buttons")
+    }, [vue.createVNode(vue.resolveComponent("el-button"), {
+      "class": [this.ns.e("button"), this.ns.is("with-texts", this.hasButtonTexts)],
+      "type": "primary",
+      "disabled": !!ramda.isEmpty(this.checkedState.rightChecked) || this.readonly,
+      "onClick": this.addToLeft
+    }, {
+      default: () => [vue.createVNode(vue.resolveComponent("el-icon"), null, {
+        default: () => icon.arrowLeft()
+      }), this.buttonTexts[0] !== void 0 ? vue.createVNode("span", null, [this.buttonTexts[0]]) : null]
+    }), vue.createVNode(vue.resolveComponent("el-button"), {
+      "class": [this.ns.e("button"), this.ns.is("with-texts", this.hasButtonTexts)],
+      "type": "primary",
+      "disabled": !!ramda.isEmpty(this.checkedState.leftChecked) || this.readonly,
+      "onClick": this.addToRight
+    }, {
+      default: () => [this.buttonTexts[1] !== void 0 ? vue.createVNode("span", null, [this.buttonTexts[1]]) : null, vue.createVNode(vue.resolveComponent("el-icon"), null, {
+        default: () => icon.arrowRight()
+      })]
+    })]), vue.createVNode(transferPanel.TransferPanel, {
+      "ref": "rightPanel",
+      "data": this.targetData,
+      "readonly": this.readonly,
+      "optionRender": this.optionRender,
+      "placeholder": this.panelFilterPlaceholder,
+      "filterable": this.filterable,
+      "format": this.format,
+      "filterMethod": this.filterMethod,
+      "title": this.rightPanelTitle,
+      "defaultChecked": this.rightDefaultChecked,
+      "props": this.props,
+      "onCheckedChange": this.onTargetCheckedChange
+    }, null)]);
+  }
+});
+
+exports.TransferSelect = TransferSelect;

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

@@ -0,0 +1 @@
+.ibiz-transfer__buttons{display:inline-block;padding:0 1.875rem;vertical-align:middle}.ibiz-transfer__button{vertical-align:top}.ibiz-transfer__button:nth-child(2){margin:0 0 0 10px}.ibiz-transfer__button i,.ibiz-transfer__button span{font-size:var(--ibiz-font-size-header-6)}.ibiz-transfer__button .el-icon{font-size:var(--ibiz-font-size-regular)}

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

@@ -0,0 +1,14 @@
+'use strict';
+
+var vue = require('vue');
+
+"use strict";
+const Search = () => vue.createVNode("svg", {
+  "xmlns": "http://www.w3.org/2000/svg",
+  "viewBox": "0 0 1024 1024"
+}, [vue.createVNode("path", {
+  "fill": "currentColor",
+  "d": "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704"
+}, null)]);
+
+exports.Search = Search;