@wfrog/vc-ui 1.8.0 → 1.9.1

package/dist/es/components/explorer-column-table/explorer-column-table.mjs

@@ -2730,6 +2730,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return { width: 260, data: 200, fixed: 140, truncate: 76 };
     });
     const isFullMode = computed(() => props.mode === "full");
+    function getLabel(row) {
+      if (row.label) {
+        return row.label;
+      }
+      if (row.prop === "index") {
+        return "序号";
+      }
+      if (row.prop.startsWith("expand")) {
+        return "展开行";
+      }
+      return "-";
+    }
     function handleWidthChange(row) {
       if (row.widthType === "width") {
         row.width = row.minWidth;
@@ -2806,7 +2818,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createVNode(_component_ElCheckbox, {
                   modelValue: row.visible,
                   "onUpdate:modelValue": ($event) => row.visible = $event,
-                  label: row.label,
+                  label: getLabel(row),
                   size: __props.size
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "size"])
               ], 2)

package/dist/es/components/explorer-modal-form/explorer-modal-form.mjs

@@ -33,6 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const formRef = useTemplateRef("formRef");
     const isEditing = ref(false);
     const component = computed(() => props.type === "dialog" ? Component$1 : Component$2);
+    const modalTitle = computed(() => props.title || (props.form.fields.id ? "编辑" : "新增"));
     function handleCancel() {
       modalVisible.value = false;
       emits("cancel");
@@ -75,7 +76,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: normalizeClass(_ctx.$style.icon)
             }, null, 8, ["name", "class"])) : createCommentVNode("", true),
             renderSlot(_ctx.$slots, "title", { close }, () => [
-              createTextVNode(toDisplayString(__props.title), 1)
+              createTextVNode(toDisplayString(unref(modalTitle)), 1)
             ])
           ], 2)
         ]),
@@ -142,7 +143,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const icon = "_icon_uetpd_1";
+/* unplugin-vue-components disabled */const icon = "_icon_ygryy_1";
 const style0 = {
 	icon: icon
 };

package/dist/es/components/explorer-modal-form/index.css

@@ -1,6 +1,5 @@
 /* source: src/components/explorer-modal-form/explorer-modal-form.vue */
-._icon_uetpd_1 {
+._icon_ygryy_1 {
   margin-right: 4px;
   font-size: var(--el-font-size-extra-large);
-  transform: translateY(1px);
 }

package/dist/es/components/explorer-table/explorer-table.d.ts

@@ -12,4 +12,5 @@ export interface IExplorerTableProps {
     size?: 'small' | 'default' | 'large';
     columnRender?: (row: any, column: IColumnConfig, index: number) => VNode;
     columnConfig?: IColumnConfig[];
+    startIndex?: number;
 }

package/dist/es/components/explorer-table/explorer-table.mjs

@@ -6,7 +6,7 @@ import '../../chunk/BqMf3xBl.mjs';
 /* empty css                    */
 import '../../chunk/D1Ki7NcP.mjs';
 import '../../chunk/Dh_zpmSz.mjs';
-import { defineComponent, h, computed, watch, withDirectives, createElementBlock, openBlock, normalizeClass, createVNode, mergeProps, withCtx, createBlock, createCommentVNode, renderSlot, unref, Fragment, renderList, resolveDynamicComponent, toDisplayString } from 'vue';
+import { defineComponent, h, computed, watch, withDirectives, createElementBlock, openBlock, normalizeClass, createVNode, mergeProps, withCtx, createBlock, createCommentVNode, renderSlot, unref, Fragment, renderList, createSlots, createTextVNode, toDisplayString, resolveDynamicComponent } from 'vue';
 import { ElTableColumn } from 'element-plus';
 import { i as injectExplorerPanelState } from '../explorer-panel/explorer-panel2.mjs';
 import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
@@ -26,12 +26,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     loadingText: { default: "数据加载中..." },
     size: {},
     columnRender: { type: Function, default: (row, column) => h("span", row[column.prop]) },
-    columnConfig: {}
+    columnConfig: {},
+    startIndex: { default: 0 }
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
     const state = injectExplorerPanelState();
     const columns = computed(() => state.columnConfig.value.filter((item) => item.visible !== false));
+    function columnType(item) {
+      if (item.prop.startsWith("expand")) {
+        return "expand";
+      }
+      return "default";
+    }
     watch(() => props.columnConfig, (val) => {
       if (Array.isArray(state.columnConfig.value) && state.columnConfig.value.length) {
         return;
@@ -81,23 +88,44 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               width: __props.size === "large" ? 50 : 38,
               align: "center"
             }, null, 8, ["width"])) : createCommentVNode("", true),
-            renderSlot(_ctx.$slots, "expand"),
-            __props.index ? (openBlock(), createBlock(unref(ElTableColumn), {
-              key: 1,
-              type: "index",
-              width: __props.size === "large" ? 80 : 60,
-              align: "center",
-              fixed: "left"
-            }, null, 8, ["width"])) : createCommentVNode("", true),
-            unref(columns).length ? (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(unref(columns), (item) => {
+            unref(columns).length ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(columns), (item) => {
               return openBlock(), createBlock(unref(ElTableColumn), mergeProps({
                 key: item.prop
-              }, { ref_for: true }, item), {
-                default: withCtx(({ row, $index }) => [
-                  (openBlock(), createBlock(resolveDynamicComponent(__props.columnRender(row, item, $index))))
-                ]),
-                _: 2
-              }, 1040);
+              }, { ref_for: true }, item, {
+                type: columnType(item)
+              }), createSlots({ _: 2 }, [
+                item.prop.startsWith("expand") ? {
+                  name: "default",
+                  fn: withCtx(({ row, $index }) => [
+                    renderSlot(_ctx.$slots, "expand", {
+                      row,
+                      index: $index
+                    })
+                  ]),
+                  key: "0"
+                } : item.prop === "index" ? {
+                  name: "default",
+                  fn: withCtx(({ $index }) => [
+                    createTextVNode(toDisplayString(__props.startIndex + $index + 1), 1)
+                  ]),
+                  key: "1"
+                } : item.prop === "operation" ? {
+                  name: "default",
+                  fn: withCtx(({ row, $index }) => [
+                    renderSlot(_ctx.$slots, "operation", {
+                      row,
+                      index: $index
+                    })
+                  ]),
+                  key: "2"
+                } : {
+                  name: "default",
+                  fn: withCtx(({ row, $index }) => [
+                    (openBlock(), createBlock(resolveDynamicComponent(__props.columnRender(row, item, $index))))
+                  ]),
+                  key: "3"
+                }
+              ]), 1040, ["type"]);
             }), 128)) : createCommentVNode("", true),
             renderSlot(_ctx.$slots, "default")
           ]),

package/dist/es/components/explorer-table/explorer-table.vue.d.ts

@@ -3,7 +3,14 @@ import { IExplorerTableProps } from './explorer-table';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        expand?(_: {}): any;
+        expand?(_: {
+            row: any;
+            index: any;
+        }): any;
+        operation?(_: {
+            row: any;
+            index: any;
+        }): any;
         default?(_: {}): any;
     };
     refs: {};
@@ -18,6 +25,7 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerTableProps
     emptyText: string;
     highlightCurrent: boolean;
     columnRender: (row: any, column: IColumnConfig, index: number) => VNode;
+    startIndex: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/es/components/transfer/index.css

@@ -0,0 +1,38 @@
+/* source: src/components/transfer/transfer.vue */
+._popover_1kcfx_1 {
+  width: auto !important;
+  min-width: 80px !important;
+}
+._container_1kcfx_6 {
+  display: flex;
+}
+._container_1kcfx_6 .el-cascader-menu {
+  min-width: 80px;
+}
+._wrapper_1kcfx_13 {
+  display: inline-block;
+  width: unset;
+  min-width: var(--v4c7f4a02);
+}
+._wrapper_1kcfx_13._block_1kcfx_18 {
+  display: block;
+  width: var(--v4c7f4a02);
+}
+._wrapper_1kcfx_13 .el-tag .el-icon {
+  display: none;
+}
+._select_1kcfx_26 {
+  width: 100%;
+}
+._select_1kcfx_26 .el-input__wrapper.is-focus {
+  box-shadow: 0 0 0 1px var(--el-input-focus-border-color, var(--el-color-primary)) inset !important;
+}
+._is-active_1kcfx_33 .el-input__inner {
+  border-color: var(--color-primary);
+}
+._is-active_1kcfx_33 .el-icon {
+  transform: rotateZ(-180deg) !important;
+}
+._popper_1kcfx_40 {
+  display: none !important;
+}

package/dist/es/components/transfer/index.d.ts

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/typescript';
+import { default as Component } from './transfer.vue';
+export declare const VcTransfer: SFCWithInstall<typeof Component>;
+export default VcTransfer;

package/dist/es/components/transfer/index.mjs

@@ -0,0 +1,6 @@
+import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { C as Component } from './transfer.mjs';
+
+const VcTransfer = withInstall(Component);
+
+export { VcTransfer, VcTransfer as default };

package/dist/es/components/transfer/transfer.d.ts

@@ -0,0 +1,12 @@
+import { ITransferChildItem } from '../transfer-panel/components/transfer-child-panel';
+export interface ITransferProps {
+    modelValue?: string[] | number[];
+    data?: ITransferChildItem[];
+    placeholder?: string;
+    width?: string;
+    block?: boolean;
+    disabled?: boolean;
+}
+export interface ITransferEmits {
+    (e: 'update:modelValue', value: string[] | number[]): void;
+}

package/dist/es/components/transfer/transfer.mjs

@@ -0,0 +1,122 @@
+import './index.css'
+import '../../chunk/By7FMB3I.mjs';
+import '../../chunk/D1Ki7NcP.mjs';
+/* empty css                    */
+import { defineComponent, useCssVars, unref, computed, useCssModule, useTemplateRef, createBlock, openBlock, withCtx, createElementVNode, normalizeClass, createVNode, isRef, mergeProps } from 'vue';
+import { useFormDisabled } from 'element-plus';
+import { C as Component$2 } from '../select/select.mjs';
+import { C as Component$1 } from '../transfer-panel/transfer-panel.mjs';
+import { useVModel, useToggle, useThrottleFn, onClickOutside } from '@vueuse/core';
+import { E as ElPopover } from '../../chunk/BzqDqZOf.mjs';
+import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "transfer",
+  props: {
+    modelValue: {},
+    data: {},
+    placeholder: { default: "请选择" },
+    width: {},
+    block: { type: Boolean },
+    disabled: { type: Boolean, default: void 0 }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "v4c7f4a02": unref(myWidth)
+    }));
+    const props = __props;
+    const emits = __emit;
+    const myValue = useVModel(props, "modelValue", emits);
+    const [popoverVisible, togglePopoverVisible] = useToggle();
+    const formDisabled = useFormDisabled();
+    const handleSelectClick = useThrottleFn(() => {
+      !formDisabled.value && togglePopoverVisible();
+    }, 300);
+    const myWidth = computed(() => {
+      return props.width || (props.block ? "100%" : "240px");
+    });
+    const $style = useCssModule();
+    const selectClassName = computed(() => ({ [$style["is-active"]]: popoverVisible.value, [$style.block]: props.block }));
+    const containerRef = useTemplateRef("containerRef");
+    onClickOutside(containerRef, (event) => {
+      let target = event.target;
+      let result = false;
+      do {
+        result = target.classList ? target.classList.contains($style.select) : false;
+        target = target.parentNode;
+      } while (result === false && target !== null && target.nodeName !== "BODY");
+      !result && togglePopoverVisible(false);
+    });
+    return (_ctx, _cache) => {
+      const _component_ElPopover = ElPopover;
+      return openBlock(), createBlock(_component_ElPopover, {
+        visible: unref(popoverVisible),
+        placement: "bottom",
+        "popper-class": unref($style).popover
+      }, {
+        reference: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(unref($style).wrapper),
+            onClickCapture: _cache[2] || (_cache[2] = //@ts-ignore
+            (...args) => unref(handleSelectClick) && unref(handleSelectClick)(...args))
+          }, [
+            createVNode(Component$2, mergeProps({
+              modelValue: unref(myValue),
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(myValue) ? myValue.value = $event : null),
+              block: __props.block,
+              placeholder: __props.placeholder,
+              class: [unref($style).select, unref(selectClassName)],
+              options: __props.data,
+              disabled: unref(formDisabled)
+            }, { ..._ctx.$attrs, multiple: true }, {
+              "popper-class": unref($style).popper
+            }), null, 16, ["modelValue", "block", "placeholder", "class", "options", "disabled", "popper-class"])
+          ], 34)
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", {
+            ref_key: "containerRef",
+            ref: containerRef,
+            class: normalizeClass(unref($style).container)
+          }, [
+            createVNode(Component$1, {
+              modelValue: unref(myValue),
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(myValue) ? myValue.value = $event : null),
+              data: __props.data
+            }, null, 8, ["modelValue", "data"])
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["visible", "popper-class"]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const popover = "_popover_1kcfx_1";
+const container = "_container_1kcfx_6";
+const wrapper = "_wrapper_1kcfx_13";
+const block = "_block_1kcfx_18";
+const select = "_select_1kcfx_26";
+const popper = "_popper_1kcfx_40";
+const style0 = {
+	popover: popover,
+	container: container,
+	wrapper: wrapper,
+	block: block,
+	select: select,
+	"is-active": "_is-active_1kcfx_33",
+	popper: popper
+};
+
+const cssModules = {
+  "$style": style0
+};
+const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+
+const __vite_glob_0_56 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: Component
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { Component as C, __vite_glob_0_56 as _ };

package/dist/es/components/transfer/transfer.vue.d.ts

@@ -0,0 +1,12 @@
+import { ITransferProps } from './transfer';
+declare const _default: import('vue').DefineComponent<ITransferProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string[] | number[]) => any;
+}, string, import('vue').PublicProps, Readonly<ITransferProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string[] | number[]) => any) | undefined;
+}>, {
+    placeholder: string;
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+}, any>;
+export default _default;

package/dist/es/components/transfer-panel/components/transfer-child-panel.d.ts

@@ -0,0 +1,19 @@
+export interface ITransferChildItem {
+    label: string;
+    icon?: string;
+    value: string | number;
+}
+export interface ITransferChildPanelProps {
+    title?: string;
+    data?: ITransferChildItem[];
+    placeholder?: string;
+    type: 'source' | 'choiced';
+    width: string;
+    modelValue?: string[] | number[];
+    debounce?: number;
+    disabled?: boolean;
+}
+export interface ITransferChildPanelEmits {
+    (e: 'change', type: number, item?: ITransferChildItem): void;
+    (e: 'update:modelValue', value: string[] | number[]): void;
+}

package/dist/es/components/transfer-panel/components/transfer-child-panel.vue.d.ts

@@ -0,0 +1,31 @@
+import { ITransferChildItem, ITransferChildPanelProps } from './transfer-child-panel';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            data: ITransferChildItem;
+            index: number;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ITransferChildPanelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (type: number, item?: ITransferChildItem | undefined) => any;
+    "update:modelValue": (value: string[] | number[]) => any;
+}, string, import('vue').PublicProps, Readonly<ITransferChildPanelProps> & Readonly<{
+    onChange?: ((type: number, item?: ITransferChildItem | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string[] | number[]) => any) | undefined;
+}>, {
+    placeholder: string;
+    disabled: boolean;
+    debounce: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/components/transfer-panel/index.css

@@ -0,0 +1,100 @@
+/* source: src/components/transfer-panel/components/transfer-child-panel.vue,src/components/transfer-panel/transfer-panel.vue */
+._transfer-child-panel_ipfuy_1 {
+  display: flex;
+  flex-direction: column;
+  padding: 4px;
+  position: relative;
+  row-gap: 4px;
+  width: var(--v4db18f20);
+}
+._item_ipfuy_10 {
+  padding: 4px 8px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: var(--el-font-size-base);
+  color: var(--el-text-color-regular);
+  min-height: 32px;
+  box-sizing: border-box;
+  line-height: 1;
+}
+._item_ipfuy_10._source_ipfuy_21 {
+  cursor: pointer;
+}
+._item_ipfuy_10:hover {
+  background-color: var(--el-color-primary-light-9);
+}
+._item_ipfuy_10:hover ._actions_ipfuy_27 {
+  display: inline-flex;
+  align-items: flex-start;
+}
+._item_ipfuy_10._active_ipfuy_31 {
+  color: var(--el-color-primary);
+  background-color: var(--el-color-primary-light-9);
+}
+._label_ipfuy_36 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._icon_ipfuy_42 {
+  margin-right: 4px;
+}
+._actions_ipfuy_27 {
+  display: none;
+  column-gap: 4px;
+}
+._actions_ipfuy_27 > button {
+  margin-left: 0 !important;
+  font-size: 1.2em;
+  border: 1px solid var(--el-border-color-light) !important;
+}
+._actions_ipfuy_27 > button:hover {
+  border-color: var(--el-border-color-dark) !important;
+}
+._operation_ipfuy_59 {
+  position: absolute;
+  z-index: 10;
+  bottom: 0;
+  right: 0;
+  width: 40px;
+  height: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: var(--el-bg-color-page);
+  cursor: pointer;
+}
+._operation_ipfuy_59:hover .el-text {
+  color: var(--el-color-primary);
+}
+._transfer-child-panel_ipfuy_1._disabled_ipfuy_76 ._item_ipfuy_10 {
+  cursor: not-allowed;
+}
+._transfer-child-panel_ipfuy_1._disabled_ipfuy_76 ._item_ipfuy_10:hover {
+  background-color: inherit;
+}
+._transfer-child-panel_ipfuy_1._disabled_ipfuy_76 ._item_ipfuy_10._active_ipfuy_31 {
+  color: var(--el-color-info);
+  background-color: var(--el-fill-color-light);
+}
+._transfer-child-panel_ipfuy_1._disabled_ipfuy_76 ._actions_ipfuy_27 {
+  display: none !important;
+}
+._transfer-child-panel_ipfuy_1._disabled_ipfuy_76 ._operation_ipfuy_59 {
+  cursor: not-allowed;
+}
+._transfer-child-panel_ipfuy_1._disabled_ipfuy_76 ._operation_ipfuy_59:hover .el-text {
+  color: var(--el-color-info);
+}._transfer-panel_1mztg_1 {
+  display: flex;
+  height: var(--v7fe0a745);
+  border-radius: var(--el-border-radius-base);
+  border: 1px solid var(--el-border-color-light);
+  width: fit-content;
+}
+._divider_1mztg_9 {
+  width: 1px;
+  height: 100%;
+  background-color: var(--el-border-color-light);
+}

package/dist/es/components/transfer-panel/index.d.ts

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/typescript';
+import { default as Component } from './transfer-panel.vue';
+export declare const VcTransferPanel: SFCWithInstall<typeof Component>;
+export default VcTransferPanel;

package/dist/es/components/transfer-panel/index.mjs

@@ -0,0 +1,6 @@
+import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { C as Component } from './transfer-panel.mjs';
+
+const VcTransferPanel = withInstall(Component);
+
+export { VcTransferPanel, VcTransferPanel as default };

package/dist/es/components/transfer-panel/transfer-panel.d.ts

@@ -0,0 +1,13 @@
+import { ITransferChildItem } from './components/transfer-child-panel';
+export interface ITransferPanelProps {
+    modelValue?: string[] | number[];
+    title?: string;
+    data?: ITransferChildItem[];
+    height?: string | number;
+    halfWidth?: string | number;
+    disabled?: boolean;
+}
+export interface ITransferPanelEmits {
+    (e: 'change', type: number, item?: ITransferChildItem): void;
+    (e: 'update:modelValue', value: string[] | number[]): void;
+}

package/dist/es/components/transfer-panel/transfer-panel.mjs

@@ -0,0 +1,289 @@
+import './index.css'
+import { defineComponent, useCssVars, ref, computed, createElementBlock, openBlock, normalizeClass, createVNode, createElementVNode, unref, withKeys, isRef, withCtx, createBlock, createTextVNode, toDisplayString, Fragment, renderList, createCommentVNode, renderSlot } from 'vue';
+import { useFormDisabled } from 'element-plus';
+import '../../chunk/By7FMB3I.mjs';
+import { E as ElInput } from '../../chunk/CdG7Eqv2.mjs';
+import { E as ElText } from '../../chunk/D5u7KBz_.mjs';
+import { Search } from '@element-plus/icons-vue';
+import { C as Component$3 } from '../button/button.mjs';
+import { C as Component$2 } from '../iconify-icon/iconify-icon.mjs';
+import { C as Component$1 } from '../scrollbar/scrollbar.mjs';
+import { useVModel } from '@vueuse/core';
+import { d as debounce } from '../../chunk/Cdh3HNZa.mjs';
+import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+
+const _hoisted_1 = ["onClick"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "transfer-child-panel",
+  props: {
+    title: {},
+    data: {},
+    placeholder: { default: "查询" },
+    type: {},
+    width: {},
+    modelValue: {},
+    debounce: { default: 300 },
+    disabled: { type: Boolean, default: void 0 }
+  },
+  emits: ["change", "update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "v4db18f20": _ctx.width
+    }));
+    const props = __props;
+    const emits = __emit;
+    const myValue = useVModel(props, "modelValue", emits);
+    const keyword = ref("");
+    const filterKeyword = ref("");
+    const isSource = computed(() => props.type === "source");
+    const choicedData = computed(() => {
+      const result = [];
+      myValue.value?.forEach((item) => {
+        const target = props.data?.find((child) => child.value === item);
+        target && result.push(target);
+      });
+      return result;
+    });
+    const myData = computed(() => {
+      const typeData = isSource.value ? props.data : choicedData.value;
+      const filterData = typeData?.filter((item) => item.label.includes(filterKeyword.value));
+      return filterData;
+    });
+    function handleClick(item) {
+      if (props.disabled) {
+        return;
+      }
+      if (myValue.value?.includes(item.value)) {
+        myValue.value = myValue.value.filter((v) => v !== item.value);
+        emits("change", 1, item);
+      } else {
+        myValue.value = [...myValue.value, item.value];
+        emits("change", -1, item);
+      }
+    }
+    function handleFilter() {
+      filterKeyword.value = keyword.value;
+    }
+    function handleOperation() {
+      if (props.disabled) {
+        return;
+      }
+      myValue.value = isSource.value ? props.data?.map((item) => item.value) : [];
+      emits("change", isSource.value ? 1 : -1);
+    }
+    const keywordChange = debounce(() => handleFilter(), props.debounce);
+    return (_ctx, _cache) => {
+      const _component_ElText = ElText;
+      const _component_ElInput = ElInput;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([_ctx.$style["transfer-child-panel"], { [_ctx.$style.disabled]: __props.disabled }])
+      }, [
+        createVNode(_component_ElInput, {
+          modelValue: unref(keyword),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(keyword) ? keyword.value = $event : null),
+          placeholder: __props.placeholder,
+          clearable: "",
+          "prefix-icon": unref(Search),
+          disabled: __props.disabled,
+          onKeydown: withKeys(handleFilter, ["enter"]),
+          onClear: handleFilter,
+          onChange: handleFilter,
+          onInput: unref(keywordChange)
+        }, {
+          suffix: withCtx(() => [
+            unref(isSource) ? (openBlock(), createBlock(_component_ElText, {
+              key: 0,
+              size: "small",
+              type: "info"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(__props.title) + " " + toDisplayString(__props.data?.length || 0), 1)
+              ]),
+              _: 1
+            })) : (openBlock(), createBlock(_component_ElText, {
+              key: 1,
+              size: "small",
+              type: "info"
+            }, {
+              default: withCtx(() => [
+                createTextVNode("已选择 " + toDisplayString(unref(choicedData)?.length || 0), 1)
+              ]),
+              _: 1
+            }))
+          ]),
+          _: 1
+        }, 8, ["modelValue", "placeholder", "prefix-icon", "disabled", "onInput"]),
+        createVNode(Component$1, { always: "" }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(myData), (item, index) => {
+              return openBlock(), createElementBlock("div", {
+                key: item.value,
+                class: normalizeClass([_ctx.$style.item, { [_ctx.$style.active]: unref(isSource) && unref(myValue)?.includes(item.value), [_ctx.$style.source]: unref(isSource) }]),
+                onClick: () => unref(isSource) && handleClick(item)
+              }, [
+                createElementVNode("div", {
+                  class: normalizeClass(_ctx.$style.label)
+                }, [
+                  renderSlot(_ctx.$slots, "default", {
+                    data: item,
+                    index
+                  }, () => [
+                    item.icon ? (openBlock(), createBlock(Component$2, {
+                      key: 0,
+                      name: item.icon,
+                      class: normalizeClass(_ctx.$style.icon)
+                    }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                    createTextVNode(toDisplayString(item.label), 1)
+                  ])
+                ], 2),
+                !unref(isSource) ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: normalizeClass(_ctx.$style.actions)
+                }, [
+                  createVNode(Component$3, {
+                    link: "",
+                    icon: { type: "el", name: "Close" },
+                    type: "danger",
+                    confirm: { type: "none" },
+                    stop: "",
+                    onClick: ($event) => handleClick(item)
+                  }, null, 8, ["onClick"])
+                ], 2)) : createCommentVNode("", true)
+              ], 10, _hoisted_1);
+            }), 128))
+          ]),
+          _: 3
+        }),
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.operation),
+          onClick: handleOperation
+        }, [
+          unref(isSource) ? (openBlock(), createBlock(_component_ElText, {
+            key: 0,
+            size: "small",
+            type: "info"
+          }, {
+            default: withCtx(() => [..._cache[1] || (_cache[1] = [
+              createTextVNode("全选", -1)
+            ])]),
+            _: 1
+          })) : (openBlock(), createBlock(_component_ElText, {
+            key: 1,
+            size: "small",
+            type: "info"
+          }, {
+            default: withCtx(() => [..._cache[2] || (_cache[2] = [
+              createTextVNode("清空", -1)
+            ])]),
+            _: 1
+          }))
+        ], 2)
+      ], 2);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const item = "_item_ipfuy_10";
+const source = "_source_ipfuy_21";
+const actions = "_actions_ipfuy_27";
+const active = "_active_ipfuy_31";
+const label = "_label_ipfuy_36";
+const icon = "_icon_ipfuy_42";
+const operation = "_operation_ipfuy_59";
+const disabled = "_disabled_ipfuy_76";
+const style0$1 = {
+	"transfer-child-panel": "_transfer-child-panel_ipfuy_1",
+	item: item,
+	source: source,
+	actions: actions,
+	active: active,
+	label: label,
+	icon: icon,
+	operation: operation,
+	disabled: disabled
+};
+
+const cssModules$1 = {
+  "$style": style0$1
+};
+const TransferChildPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "transfer-panel",
+  props: {
+    modelValue: {},
+    title: {},
+    data: { default: () => [] },
+    height: { default: "300px" },
+    halfWidth: { default: "200px" },
+    disabled: { type: Boolean, default: void 0 }
+  },
+  emits: ["change", "update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "v7fe0a745": unref(transferPanelHeight)
+    }));
+    const props = __props;
+    const emits = __emit;
+    const transferPanelValue = useVModel(props, "modelValue", emits);
+    const formDisabled = useFormDisabled();
+    const transferPanelHeight = computed(() => {
+      if (props.height && Number.isNaN(+props.height)) {
+        return props.height;
+      }
+      return `${props.height}px`;
+    });
+    const panelHalfWidth = computed(() => {
+      if (props.halfWidth && Number.isNaN(+props.halfWidth)) {
+        return props.halfWidth;
+      }
+      return `${props.halfWidth}px`;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style["transfer-panel"])
+      }, [
+        createVNode(TransferChildPanel, {
+          modelValue: unref(transferPanelValue),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(transferPanelValue) ? transferPanelValue.value = $event : null),
+          disabled: unref(formDisabled),
+          width: unref(panelHalfWidth),
+          title: __props.title,
+          type: "source",
+          data: __props.data,
+          onChange: _cache[1] || (_cache[1] = (...params) => emits("change", ...params))
+        }, null, 8, ["modelValue", "disabled", "width", "title", "data"]),
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.divider)
+        }, null, 2),
+        createVNode(TransferChildPanel, {
+          modelValue: unref(transferPanelValue),
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(transferPanelValue) ? transferPanelValue.value = $event : null),
+          disabled: unref(formDisabled),
+          width: unref(panelHalfWidth),
+          type: "choiced",
+          data: __props.data,
+          onChange: _cache[3] || (_cache[3] = (...params) => emits("change", ...params))
+        }, null, 8, ["modelValue", "disabled", "width", "data"])
+      ], 2);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const divider = "_divider_1mztg_9";
+const style0 = {
+	"transfer-panel": "_transfer-panel_1mztg_1",
+	divider: divider
+};
+
+const cssModules = {
+  "$style": style0
+};
+const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+
+const __vite_glob_0_55 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: Component
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { Component as C, __vite_glob_0_55 as _ };

package/dist/es/components/transfer-panel/transfer-panel.vue.d.ts

@@ -0,0 +1,14 @@
+import { ITransferPanelProps } from './transfer-panel';
+declare const _default: import('vue').DefineComponent<ITransferPanelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (type: number, item?: import('./components/transfer-child-panel').ITransferChildItem | undefined) => any;
+    "update:modelValue": (value: string[] | number[]) => any;
+}, string, import('vue').PublicProps, Readonly<ITransferPanelProps> & Readonly<{
+    onChange?: ((type: number, item?: import('./components/transfer-child-panel').ITransferChildItem | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string[] | number[]) => any) | undefined;
+}>, {
+    data: import('./components/transfer-child-panel').ITransferChildItem[];
+    disabled: boolean;
+    height: string | number;
+    halfWidth: string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/es/components/tree-picker/index.css

@@ -12,11 +12,11 @@
 ._wrapper_q784j_13 {
   display: inline-block;
   width: unset;
-  min-width: var(--v60c098aa);
+  min-width: var(--f8b9a976);
 }
 ._wrapper_q784j_13._block_q784j_18 {
   display: block;
-  width: var(--v60c098aa);
+  width: var(--f8b9a976);
 }
 ._wrapper_q784j_13 .el-tag .el-icon {
   display: none;

package/dist/es/components/tree-picker/tree-picker.mjs

@@ -33,7 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v60c098aa": unref(myWidth)
+      "f8b9a976": unref(myWidth)
     }));
     const props = __props;
     const emits = __emit;
@@ -50,7 +50,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       ...props.props
     }));
     const myWidth = computed(() => {
-      return props.width || (props.block ? "100%" : "214px");
+      return props.width || (props.block ? "100%" : "240px");
     });
     const $style = useCssModule();
     const selectClassName = computed(() => ({ [$style["is-active"]]: popoverVisible.value, [$style.block]: props.block }));
@@ -168,9 +168,9 @@ const cssModules = {
 };
 const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 
-const __vite_glob_0_55 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+const __vite_glob_0_57 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
   default: Component
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { Component as C, __vite_glob_0_55 as _ };
+export { Component as C, __vite_glob_0_57 as _ };

package/dist/es/components/upload-file/upload-file.mjs

@@ -191,9 +191,9 @@ const cssModules = {
 };
 const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 
-const __vite_glob_0_56 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+const __vite_glob_0_58 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
     __proto__: null,
     default: Component
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { Component as C, __vite_glob_0_56 as _ };
+export { Component as C, __vite_glob_0_58 as _ };

package/dist/es/index.d.ts

@@ -53,6 +53,8 @@ export { default as VcTags } from './components/tags/tags.vue';
 export { default as VcTextEllipsis } from './components/text-ellipsis/text-ellipsis.vue';
 export { default as VcThousandInput } from './components/thousand-input/thousand-input.vue';
 export { default as VcTinymce } from './components/tinymce/tinymce.vue';
+export { default as VcTransferPanel } from './components/transfer-panel/transfer-panel.vue';
+export { default as VcTransfer } from './components/transfer/transfer.vue';
 export { default as VcTreePicker } from './components/tree-picker/tree-picker.vue';
 export { default as VcUploadFile } from './components/upload-file/upload-file.vue';
 export { default as VcVCleave } from './directives/cleave';

package/dist/es/index.mjs

@@ -99,9 +99,13 @@ import { _ as __vite_glob_0_53 } from './components/thousand-input/thousand-inpu
 export { C as VcThousandInput } from './components/thousand-input/thousand-input.mjs';
 import { _ as __vite_glob_0_54 } from './components/tinymce/tinymce.mjs';
 export { C as VcTinymce } from './components/tinymce/tinymce.mjs';
-import { _ as __vite_glob_0_55 } from './components/tree-picker/tree-picker.mjs';
+import { _ as __vite_glob_0_55 } from './components/transfer-panel/transfer-panel.mjs';
+export { C as VcTransferPanel } from './components/transfer-panel/transfer-panel.mjs';
+import { _ as __vite_glob_0_56 } from './components/transfer/transfer.mjs';
+export { C as VcTransfer } from './components/transfer/transfer.mjs';
+import { _ as __vite_glob_0_57 } from './components/tree-picker/tree-picker.mjs';
 export { C as VcTreePicker } from './components/tree-picker/tree-picker.mjs';
-import { _ as __vite_glob_0_56 } from './components/upload-file/upload-file.mjs';
+import { _ as __vite_glob_0_58 } from './components/upload-file/upload-file.mjs';
 export { C as VcUploadFile } from './components/upload-file/upload-file.mjs';
 export { c as VcVCleave } from './chunk/DRLHgORP.mjs';
 export { v as VcVFocus } from './chunk/CL65DvCP.mjs';
@@ -152,9 +156,9 @@ const __vite_glob_0_47 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.definePr
     default: _sfc_main$8
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const version = "1.8.0";
+const version = "1.9.1";
 
-const modules = /* #__PURE__ */ Object.assign({"./components/awesome-icon/awesome-icon.vue": __vite_glob_0_0,"./components/backbottom/backbottom.vue": __vite_glob_0_1,"./components/button/button.vue": __vite_glob_0_2,"./components/chat-container/chat-container.vue": __vite_glob_0_3,"./components/choice-boolean/choice-boolean.vue": __vite_glob_0_4,"./components/choice/choice.vue": __vite_glob_0_5,"./components/color-switcher/color-switcher.vue": __vite_glob_0_6,"./components/config-provider/config-provider.vue": __vite_glob_0_7,"./components/cropper/cropper.vue": __vite_glob_0_8,"./components/currency/currency.vue": __vite_glob_0_9,"./components/dark-switcher/dark-switcher.vue": __vite_glob_0_10,"./components/daterange-picker/daterange-picker.vue": __vite_glob_0_11,"./components/dialog-camera-upload/dialog-camera-upload.vue": __vite_glob_0_12,"./components/dialog-map-point/dialog-map-point.vue": __vite_glob_0_13,"./components/dialog-upload-images/dialog-upload-images.vue": __vite_glob_0_14,"./components/dialog/dialog.vue": __vite_glob_0_15,"./components/drag-verify/drag-verify.vue": __vite_glob_0_16,"./components/drawer/drawer.vue": __vite_glob_0_17,"./components/easy-pagination/easy-pagination.vue": __vite_glob_0_18,"./components/el-icon/el-icon.vue": __vite_glob_0_19,"./components/explorer-column-table/explorer-column-table.vue": __vite_glob_0_20,"./components/explorer-container/explorer-container.vue": __vite_glob_0_21,"./components/explorer-filter/explorer-filter.vue": __vite_glob_0_22,"./components/explorer-footer/explorer-footer.vue": __vite_glob_0_23,"./components/explorer-form/explorer-form.vue": __vite_glob_0_24,"./components/explorer-list/explorer-list.vue": __vite_glob_0_25,"./components/explorer-modal-form/explorer-modal-form.vue": __vite_glob_0_26,"./components/explorer-panel/explorer-panel.vue": __vite_glob_0_27,"./components/explorer-query/explorer-query.vue": __vite_glob_0_28,"./components/explorer-table/explorer-table.vue": __vite_glob_0_29,"./components/explorer-tools/explorer-tools.vue": __vite_glob_0_30,"./components/explorer-tree/explorer-tree.vue": __vite_glob_0_31,"./components/explorer/explorer.vue": __vite_glob_0_32,"./components/flag/flag.vue": __vite_glob_0_33,"./components/icon-picker/icon-picker.vue": __vite_glob_0_34,"./components/icon/icon.vue": __vite_glob_0_35,"./components/iconify-icon/iconify-icon.vue": __vite_glob_0_36,"./components/image/image.vue": __vite_glob_0_37,"./components/input-number/input-number.vue": __vite_glob_0_38,"./components/input/input.vue": __vite_glob_0_39,"./components/pca-picker/pca-picker.vue": __vite_glob_0_40,"./components/qr-code/qr-code.vue": __vite_glob_0_41,"./components/screenfull/screenfull.vue": __vite_glob_0_42,"./components/scrollbar/scrollbar.vue": __vite_glob_0_43,"./components/select/select.vue": __vite_glob_0_44,"./components/single-player/single-player.vue": __vite_glob_0_45,"./components/splitter-panel/splitter-panel.vue": __vite_glob_0_46,"./components/splitter/splitter.vue": __vite_glob_0_47,"./components/svg-icon/svg-icon.vue": __vite_glob_0_48,"./components/switch/switch.vue": __vite_glob_0_49,"./components/sync-scroll-container/sync-scroll-container.vue": __vite_glob_0_50,"./components/tags/tags.vue": __vite_glob_0_51,"./components/text-ellipsis/text-ellipsis.vue": __vite_glob_0_52,"./components/thousand-input/thousand-input.vue": __vite_glob_0_53,"./components/tinymce/tinymce.vue": __vite_glob_0_54,"./components/tree-picker/tree-picker.vue": __vite_glob_0_55,"./components/upload-file/upload-file.vue": __vite_glob_0_56});
+const modules = /* #__PURE__ */ Object.assign({"./components/awesome-icon/awesome-icon.vue": __vite_glob_0_0,"./components/backbottom/backbottom.vue": __vite_glob_0_1,"./components/button/button.vue": __vite_glob_0_2,"./components/chat-container/chat-container.vue": __vite_glob_0_3,"./components/choice-boolean/choice-boolean.vue": __vite_glob_0_4,"./components/choice/choice.vue": __vite_glob_0_5,"./components/color-switcher/color-switcher.vue": __vite_glob_0_6,"./components/config-provider/config-provider.vue": __vite_glob_0_7,"./components/cropper/cropper.vue": __vite_glob_0_8,"./components/currency/currency.vue": __vite_glob_0_9,"./components/dark-switcher/dark-switcher.vue": __vite_glob_0_10,"./components/daterange-picker/daterange-picker.vue": __vite_glob_0_11,"./components/dialog-camera-upload/dialog-camera-upload.vue": __vite_glob_0_12,"./components/dialog-map-point/dialog-map-point.vue": __vite_glob_0_13,"./components/dialog-upload-images/dialog-upload-images.vue": __vite_glob_0_14,"./components/dialog/dialog.vue": __vite_glob_0_15,"./components/drag-verify/drag-verify.vue": __vite_glob_0_16,"./components/drawer/drawer.vue": __vite_glob_0_17,"./components/easy-pagination/easy-pagination.vue": __vite_glob_0_18,"./components/el-icon/el-icon.vue": __vite_glob_0_19,"./components/explorer-column-table/explorer-column-table.vue": __vite_glob_0_20,"./components/explorer-container/explorer-container.vue": __vite_glob_0_21,"./components/explorer-filter/explorer-filter.vue": __vite_glob_0_22,"./components/explorer-footer/explorer-footer.vue": __vite_glob_0_23,"./components/explorer-form/explorer-form.vue": __vite_glob_0_24,"./components/explorer-list/explorer-list.vue": __vite_glob_0_25,"./components/explorer-modal-form/explorer-modal-form.vue": __vite_glob_0_26,"./components/explorer-panel/explorer-panel.vue": __vite_glob_0_27,"./components/explorer-query/explorer-query.vue": __vite_glob_0_28,"./components/explorer-table/explorer-table.vue": __vite_glob_0_29,"./components/explorer-tools/explorer-tools.vue": __vite_glob_0_30,"./components/explorer-tree/explorer-tree.vue": __vite_glob_0_31,"./components/explorer/explorer.vue": __vite_glob_0_32,"./components/flag/flag.vue": __vite_glob_0_33,"./components/icon-picker/icon-picker.vue": __vite_glob_0_34,"./components/icon/icon.vue": __vite_glob_0_35,"./components/iconify-icon/iconify-icon.vue": __vite_glob_0_36,"./components/image/image.vue": __vite_glob_0_37,"./components/input-number/input-number.vue": __vite_glob_0_38,"./components/input/input.vue": __vite_glob_0_39,"./components/pca-picker/pca-picker.vue": __vite_glob_0_40,"./components/qr-code/qr-code.vue": __vite_glob_0_41,"./components/screenfull/screenfull.vue": __vite_glob_0_42,"./components/scrollbar/scrollbar.vue": __vite_glob_0_43,"./components/select/select.vue": __vite_glob_0_44,"./components/single-player/single-player.vue": __vite_glob_0_45,"./components/splitter-panel/splitter-panel.vue": __vite_glob_0_46,"./components/splitter/splitter.vue": __vite_glob_0_47,"./components/svg-icon/svg-icon.vue": __vite_glob_0_48,"./components/switch/switch.vue": __vite_glob_0_49,"./components/sync-scroll-container/sync-scroll-container.vue": __vite_glob_0_50,"./components/tags/tags.vue": __vite_glob_0_51,"./components/text-ellipsis/text-ellipsis.vue": __vite_glob_0_52,"./components/thousand-input/thousand-input.vue": __vite_glob_0_53,"./components/tinymce/tinymce.vue": __vite_glob_0_54,"./components/transfer-panel/transfer-panel.vue": __vite_glob_0_55,"./components/transfer/transfer.vue": __vite_glob_0_56,"./components/tree-picker/tree-picker.vue": __vite_glob_0_57,"./components/upload-file/upload-file.vue": __vite_glob_0_58});
 const upper = (_, letter) => letter.toUpperCase();
 function install(Vue) {
   Object.keys(modules).forEach((key) => {

package/dist/global.d.ts

@@ -56,6 +56,8 @@ declare module 'vue' {
         VcTextEllipsis: typeof import('@wfrog/vc-ui')['VcTextEllipsis']
         VcThousandInput: typeof import('@wfrog/vc-ui')['VcThousandInput']
         VcTinymce: typeof import('@wfrog/vc-ui')['VcTinymce']
+        VcTransfer: typeof import('@wfrog/vc-ui')['VcTransfer']
+        VcTransferPanel: typeof import('@wfrog/vc-ui')['VcTransferPanel']
         VcTreePicker: typeof import('@wfrog/vc-ui')['VcTreePicker']
         VcUploadFile: typeof import('@wfrog/vc-ui')['VcUploadFile']
     }

package/dist/index.css

@@ -736,10 +736,9 @@ div._main_15a30_1 ._header_15a30_48 {
   color: var(--el-text-color-secondary);
 }
 /* source: src/components/explorer-modal-form/explorer-modal-form.vue */
-._icon_uetpd_1 {
+._icon_ygryy_1 {
   margin-right: 4px;
   font-size: var(--el-font-size-extra-large);
-  transform: translateY(1px);
 }
 /* source: src/components/explorer-panel/explorer-panel.vue */
 ._panel_1egb6_1 {
@@ -1515,6 +1514,144 @@ span._draggable_1tp7v_5 > * {
   z-index: -1;
   visibility: hidden;
 }
+/* source: src/components/transfer-panel/components/transfer-child-panel.vue,src/components/transfer-panel/transfer-panel.vue */
+._transfer-child-panel_ipfuy_1 {
+  display: flex;
+  flex-direction: column;
+  padding: 4px;
+  position: relative;
+  row-gap: 4px;
+  width: var(--v4db18f20);
+}
+._item_ipfuy_10 {
+  padding: 4px 8px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: var(--el-font-size-base);
+  color: var(--el-text-color-regular);
+  min-height: 32px;
+  box-sizing: border-box;
+  line-height: 1;
+}
+._item_ipfuy_10._source_ipfuy_21 {
+  cursor: pointer;
+}
+._item_ipfuy_10:hover {
+  background-color: var(--el-color-primary-light-9);
+}
+._item_ipfuy_10:hover ._actions_ipfuy_27 {
+  display: inline-flex;
+  align-items: flex-start;
+}
+._item_ipfuy_10._active_ipfuy_31 {
+  color: var(--el-color-primary);
+  background-color: var(--el-color-primary-light-9);
+}
+._label_ipfuy_36 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._icon_ipfuy_42 {
+  margin-right: 4px;
+}
+._actions_ipfuy_27 {
+  display: none;
+  column-gap: 4px;
+}
+._actions_ipfuy_27 > button {
+  margin-left: 0 !important;
+  font-size: 1.2em;
+  border: 1px solid var(--el-border-color-light) !important;
+}
+._actions_ipfuy_27 > button:hover {
+  border-color: var(--el-border-color-dark) !important;
+}
+._operation_ipfuy_59 {
+  position: absolute;
+  z-index: 10;
+  bottom: 0;
+  right: 0;
+  width: 40px;
+  height: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: var(--el-bg-color-page);
+  cursor: pointer;
+}
+._operation_ipfuy_59:hover .el-text {
+  color: var(--el-color-primary);
+}
+._transfer-child-panel_ipfuy_1._disabled_ipfuy_76 ._item_ipfuy_10 {
+  cursor: not-allowed;
+}
+._transfer-child-panel_ipfuy_1._disabled_ipfuy_76 ._item_ipfuy_10:hover {
+  background-color: inherit;
+}
+._transfer-child-panel_ipfuy_1._disabled_ipfuy_76 ._item_ipfuy_10._active_ipfuy_31 {
+  color: var(--el-color-info);
+  background-color: var(--el-fill-color-light);
+}
+._transfer-child-panel_ipfuy_1._disabled_ipfuy_76 ._actions_ipfuy_27 {
+  display: none !important;
+}
+._transfer-child-panel_ipfuy_1._disabled_ipfuy_76 ._operation_ipfuy_59 {
+  cursor: not-allowed;
+}
+._transfer-child-panel_ipfuy_1._disabled_ipfuy_76 ._operation_ipfuy_59:hover .el-text {
+  color: var(--el-color-info);
+}._transfer-panel_1mztg_1 {
+  display: flex;
+  height: var(--v7fe0a745);
+  border-radius: var(--el-border-radius-base);
+  border: 1px solid var(--el-border-color-light);
+  width: fit-content;
+}
+._divider_1mztg_9 {
+  width: 1px;
+  height: 100%;
+  background-color: var(--el-border-color-light);
+}
+/* source: src/components/transfer/transfer.vue */
+._popover_1kcfx_1 {
+  width: auto !important;
+  min-width: 80px !important;
+}
+._container_1kcfx_6 {
+  display: flex;
+}
+._container_1kcfx_6 .el-cascader-menu {
+  min-width: 80px;
+}
+._wrapper_1kcfx_13 {
+  display: inline-block;
+  width: unset;
+  min-width: var(--v4c7f4a02);
+}
+._wrapper_1kcfx_13._block_1kcfx_18 {
+  display: block;
+  width: var(--v4c7f4a02);
+}
+._wrapper_1kcfx_13 .el-tag .el-icon {
+  display: none;
+}
+._select_1kcfx_26 {
+  width: 100%;
+}
+._select_1kcfx_26 .el-input__wrapper.is-focus {
+  box-shadow: 0 0 0 1px var(--el-input-focus-border-color, var(--el-color-primary)) inset !important;
+}
+._is-active_1kcfx_33 .el-input__inner {
+  border-color: var(--color-primary);
+}
+._is-active_1kcfx_33 .el-icon {
+  transform: rotateZ(-180deg) !important;
+}
+._popper_1kcfx_40 {
+  display: none !important;
+}
 /* source: src/components/tree-picker/tree-picker.vue */
 ._popover_q784j_1 {
   width: auto !important;
@@ -1529,11 +1666,11 @@ span._draggable_1tp7v_5 > * {
 ._wrapper_q784j_13 {
   display: inline-block;
   width: unset;
-  min-width: var(--v60c098aa);
+  min-width: var(--f8b9a976);
 }
 ._wrapper_q784j_13._block_q784j_18 {
   display: block;
-  width: var(--v60c098aa);
+  width: var(--f8b9a976);
 }
 ._wrapper_q784j_13 .el-tag .el-icon {
   display: none;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wfrog/vc-ui",
-  "version": "1.8.0",
+  "version": "1.9.1",
   "packageManager": "pnpm@10.20.0",
   "description": "vue3 组件库 vc-ui",
   "author": "wellfrog",