yc-design-vue 2.1.4 → 2.1.6

package/es/Dropdown/Dsubmenu.vue.js

@@ -106,6 +106,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         disabled: _ctx.disabled,
         "mouse-enter-delay": 150,
         "mouse-leave-delay": 150,
+        class: ["yc-dropdown-popup", _ctx.$attrs.class],
+        style: _ctx.$attrs.style,
         "on-trigger-mouseenter": handleCalcStyle,
         "on-trigger-mouseclick": handleCalcStyle,
         "need-transform-origin": "",
@@ -152,7 +154,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 8, ["disabled", "class", "style"])
         ]),
         _: 3
-      }, 16, ["popup-visible", "trigger", "position", "disabled"]);
+      }, 16, ["popup-visible", "trigger", "position", "disabled", "class", "style"]);
     };
   }
 });

package/es/ResizeBox/index.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, toRefs, reactive, ref, watch, nextTick, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, unref, withCtx, renderSlot, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, createVNode } from "vue";
+import { defineComponent, toRefs, reactive, ref, watch, nextTick, createBlock, openBlock, resolveDynamicComponent, withCtx, renderSlot, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, createVNode, unref } from "vue";
 import { valueToPx } from "../_shared/utils/dom.js";
 import { useEventListener, useResizeObserver } from "../node_modules/@vueuse/core/index.js";
 import "../node_modules/b-tween/dist/b-tween.es.js";
@@ -64,28 +64,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       document.body.style.cursor = ["left", "right"].includes(dir) ? "col-resize" : "row-resize";
       emits("moving-start", e);
     };
-    const handleMoving = async (e) => {
+    const handleMoving = (e) => {
       if (!dragDirection.value || !boxRef.value) {
         return;
       }
       const { clientX, clientY } = e;
       const movementX = dragDirection.value == "left" ? x - clientX : clientX - x;
       const movementY = dragDirection.value == "top" ? y - clientY : clientY - y;
+      const minWidth = triggerSize.left + triggerSize.right;
+      const minHeight = triggerSize.bottom + triggerSize.top;
       x = clientX;
       y = clientY;
       if (["left", "right"].includes(dragDirection.value)) {
         computedWidth.value += movementX;
-        boxRef.value.style.width = `${valueToPx(computedWidth.value)}`;
+        boxRef.value.style.width = `${valueToPx(computedWidth.value <= minWidth ? minWidth : computedWidth.value)}`;
       } else {
         computedHeight.value += movementY;
-        boxRef.value.style.height = `${valueToPx(computedHeight.value)}`;
+        boxRef.value.style.height = `${valueToPx(computedHeight.value <= minHeight ? minHeight : computedHeight.value)}`;
       }
       const { width, height } = boxRef.value.getBoundingClientRect();
       if (width != computedWidth.value) {
         computedWidth.value = width;
       }
       if (height != computedHeight.value) {
-        computedHeight.value = width;
+        computedHeight.value = height;
       }
       emits(
         "moving",
@@ -125,6 +127,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       [computedWidth, computedHeight],
       async () => {
         if (dragDirection.value) return;
+        console.log("函数触发了");
         await nextTick();
         boxRef.value.style.width = computedWidth.value ? `${valueToPx(computedWidth.value)}` : "";
         boxRef.value.style.height = computedHeight.value ? `${valueToPx(computedHeight.value)}` : "";
@@ -135,10 +138,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(_ctx.component), {
-        style: normalizeStyle({
-          minWidth: unref(valueToPx)(triggerSize.left + triggerSize.right),
-          minHeight: unref(valueToPx)(triggerSize.top + triggerSize.bottom)
-        }),
         class: "yc-resizebox",
         ref_key: "boxRef",
         ref: boxRef
@@ -171,7 +170,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }), 128))
         ]),
         _: 3
-      }, 8, ["style"]);
+      }, 512);
     };
   }
 });

package/es/Scrollbar/index.css

@@ -1 +1 @@
-.yc-scrollbar{position:relative;overflow:hidden}.yc-scrollbar:hover .yc-scrollbar-track .yc-scrollbar-thumb-bar{opacity:1}.yc-scrollbar .yc-scrollbar-container{overflow:auto}.yc-scrollbar .yc-scrollbar-container .yc-scrollbar-content{height:fit-content;width:fit-content;min-width:100%}.yc-scrollbar:not(.yc-scrollbar-real) .yc-scrollbar-container::-webkit-scrollbar{width:0;height:0}.yc-scrollbar-both-track::before{z-index:10;position:absolute;right:0;bottom:0;content:'';width:15px;height:15px;background-color:var(--color-neutral-1);border-right:1px solid var(--color-neutral-3);border-bottom:1px solid var(--color-neutral-3)}.yc-scrollbar-vertical-track .yc-scrollbar-container{padding-right:15px}.yc-scrollbar-vertical-track .yc-scrollbar-track-direction-vertical{background-color:var(--color-neutral-1);border-left:1px solid var(--color-neutral-3);border-right:1px solid var(--color-neutral-3)}.yc-scrollbar-horizontal-track .yc-scrollbar-container{padding-bottom:15px}.yc-scrollbar-horizontal-track .yc-scrollbar-track-direction-horizontal{background-color:var(--color-neutral-1);border-top:1px solid var(--color-neutral-3);border-bottom:1px solid var(--color-neutral-3)}.yc-scrollbar-track{z-index:11;position:absolute}.yc-scrollbar-track .yc-scrollbar-thumb{position:absolute;display:flex;justify-content:center;align-items:center}.yc-scrollbar-track .yc-scrollbar-thumb .yc-scrollbar-thumb-bar{user-select:none;border-radius:5px;background-color:var(--color-neutral-4);opacity:0;transition:opacity .2s ease}.yc-scrollbar-track .yc-scrollbar-thumb .yc-scrollbar-thumb-bar:hover{background-color:var(--color-neutral-6);opacity:.8}.yc-scrollbar-track .yc-scrollbar-thumb .yc-scrollbar-thumb-bar.yc-scrollbar-thumb-bar-dragging{background-color:var(--color-neutral-6);opacity:.8}.yc-scrollbar-track .yc-scrollbar-thumb .yc-scrollbar-thumb-bar.yc-scrollbar-thumb-bar-hover{opacity:1}.yc-scrollbar-track-direction-vertical{width:15px;top:0;bottom:0;right:0;display:flex;justify-content:center}.yc-scrollbar-track-direction-vertical .yc-scrollbar-thumb-direction-vertical{width:100%}.yc-scrollbar-track-direction-vertical .yc-scrollbar-thumb-direction-vertical .yc-scrollbar-thumb-bar{height:100%;width:9px}.yc-scrollbar-track-direction-horizontal{height:15px;left:0;right:0;bottom:0;display:flex;align-items:center}.yc-scrollbar-track-direction-horizontal .yc-scrollbar-thumb-direction-horizontal{height:100%}.yc-scrollbar-track-direction-horizontal .yc-scrollbar-thumb-direction-horizontal .yc-scrollbar-thumb-bar{width:100%;height:9px}
+.yc-scrollbar{position:relative;overflow:hidden}.yc-scrollbar:hover .yc-scrollbar-track .yc-scrollbar-thumb-bar{opacity:1}.yc-scrollbar .yc-scrollbar-container{overflow:auto}.yc-scrollbar .yc-scrollbar-container .yc-scrollbar-content{height:fit-content;width:fit-content;min-width:100%}.yc-scrollbar:not(.yc-scrollbar-real) .yc-scrollbar-container::-webkit-scrollbar{width:0;height:0}.yc-scrollbar-both-track::before{z-index:9999;position:absolute;right:0;bottom:0;content:'';width:15px;height:15px;background-color:var(--color-neutral-1);border-right:1px solid var(--color-neutral-3);border-bottom:1px solid var(--color-neutral-3)}.yc-scrollbar-vertical-track .yc-scrollbar-container{padding-right:15px}.yc-scrollbar-vertical-track .yc-scrollbar-track-direction-vertical{background-color:var(--color-neutral-1);border-left:1px solid var(--color-neutral-3);border-right:1px solid var(--color-neutral-3)}.yc-scrollbar-horizontal-track .yc-scrollbar-container{padding-bottom:15px}.yc-scrollbar-horizontal-track .yc-scrollbar-track-direction-horizontal{background-color:var(--color-neutral-1);border-top:1px solid var(--color-neutral-3);border-bottom:1px solid var(--color-neutral-3)}.yc-scrollbar-track{z-index:11;position:absolute}.yc-scrollbar-track .yc-scrollbar-thumb{position:absolute;display:flex;justify-content:center;align-items:center}.yc-scrollbar-track .yc-scrollbar-thumb .yc-scrollbar-thumb-bar{user-select:none;border-radius:5px;background-color:var(--color-neutral-4);opacity:0;transition:opacity .2s ease}.yc-scrollbar-track .yc-scrollbar-thumb .yc-scrollbar-thumb-bar:hover{background-color:var(--color-neutral-6);opacity:.8}.yc-scrollbar-track .yc-scrollbar-thumb .yc-scrollbar-thumb-bar.yc-scrollbar-thumb-bar-dragging{background-color:var(--color-neutral-6);opacity:.8}.yc-scrollbar-track .yc-scrollbar-thumb .yc-scrollbar-thumb-bar.yc-scrollbar-thumb-bar-hover{opacity:1}.yc-scrollbar-track-direction-vertical{width:15px;top:0;bottom:0;right:0;display:flex;justify-content:center}.yc-scrollbar-track-direction-vertical .yc-scrollbar-thumb-direction-vertical{width:100%}.yc-scrollbar-track-direction-vertical .yc-scrollbar-thumb-direction-vertical .yc-scrollbar-thumb-bar{height:100%;width:9px}.yc-scrollbar-track-direction-horizontal{height:15px;left:0;right:0;bottom:0;display:flex;align-items:center}.yc-scrollbar-track-direction-horizontal .yc-scrollbar-thumb-direction-horizontal{height:100%}.yc-scrollbar-track-direction-horizontal .yc-scrollbar-thumb-direction-horizontal .yc-scrollbar-thumb-bar{width:100%;height:9px}

package/es/Transfer/Transfer.vue.d.ts

@@ -1,7 +1,7 @@
-import { TransferProps, TransferSlots } from './type';
+import { TransferProps } from './type';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<TransferSlots> & TransferSlots;
+    slots: any;
     refs: {};
     rootEl: HTMLDivElement;
 };

package/es/Transfer/Transfer.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, createVNode, createCommentVNode, createBlock, unref, withCtx, renderSlot } from "vue";
+import { defineComponent, useSlots, createElementBlock, openBlock, normalizeClass, createVNode, createCommentVNode, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, createBlock, unref } from "vue";
 import useTransferContext from "./hooks/useContext.js";
 import "../_shared/utils/dom.js";
 import "../node_modules/b-tween/dist/b-tween.es.js";
@@ -47,6 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:selected", "update:modelValue", "change", "select", "search"],
   setup(__props, { emit: __emit }) {
+    const $slots = useSlots();
     const props = __props;
     const emits = __emit;
     const { computedValue, targetChecked, computedSelected, sourceChecked } = useTransferContext().provide(props, emits);
@@ -76,7 +77,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
         ])
       }, [
-        createVNode(_sfc_main$1, { type: "source" }),
+        createVNode(_sfc_main$1, { type: "source" }, createSlots({ _: 2 }, [
+          $slots["source-title"] ? {
+            name: "source-title",
+            fn: withCtx((scope) => [
+              renderSlot(_ctx.$slots, "source-title", normalizeProps(guardReactiveProps(scope)))
+            ]),
+            key: "0"
+          } : void 0,
+          $slots["source"] ? {
+            name: "source",
+            fn: withCtx((scope) => [
+              renderSlot(_ctx.$slots, "source", normalizeProps(guardReactiveProps(scope)))
+            ]),
+            key: "1"
+          } : void 0,
+          $slots["item"] ? {
+            name: "item",
+            fn: withCtx((scope) => [
+              renderSlot(_ctx.$slots, "item", normalizeProps(guardReactiveProps(scope)))
+            ]),
+            key: "2"
+          } : void 0
+        ]), 1024),
         !_ctx.simple ? (openBlock(), createElementBlock("div", _hoisted_1, [
           createVNode(unref(Button), {
             disabled: !unref(sourceChecked).length || _ctx.disabled,
@@ -104,7 +127,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 3
           }, 8, ["disabled"])) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
-        createVNode(_sfc_main$1, { type: "target" })
+        createVNode(_sfc_main$1, { type: "target" }, createSlots({ _: 2 }, [
+          $slots["target-title"] ? {
+            name: "target-title",
+            fn: withCtx((scope) => [
+              renderSlot(_ctx.$slots, "source-title", normalizeProps(guardReactiveProps(scope)))
+            ]),
+            key: "0"
+          } : void 0,
+          $slots["target"] ? {
+            name: "target",
+            fn: withCtx((scope) => [
+              renderSlot(_ctx.$slots, "source", normalizeProps(guardReactiveProps(scope)))
+            ]),
+            key: "1"
+          } : void 0,
+          $slots["item"] ? {
+            name: "item",
+            fn: withCtx((scope) => [
+              renderSlot(_ctx.$slots, "item", normalizeProps(guardReactiveProps(scope)))
+            ]),
+            key: "2"
+          } : void 0
+        ]), 1024)
       ], 2);
     };
   }

package/es/Transfer/TransferPanel.vue.d.ts

@@ -1,10 +1,33 @@
-import { TransferPanelSlots } from './type';
+import { TransferItem, TransferItemValue } from './type';
 type __VLS_Props = {
     type: 'source' | 'target';
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<TransferPanelSlots> & TransferPanelSlots;
+    slots: Partial<Record<NonNullable<"target-title" | "source-title">, (_: {
+        countTotal: number;
+        countSelected: number;
+        searchValue: string;
+        checked: boolean;
+        indeterminate: boolean;
+        onSelectAllChange: (v: boolean) => void;
+        onClear: () => void;
+    }) => any>> & Partial<Record<NonNullable<"target" | "source">, (_: {
+        selectedKeys: TransferItemValue[];
+        data: TransferItem[];
+        onSelect: (val: TransferItemValue[]) => void;
+    }) => any>> & {
+        item?(_: {
+            label?: string;
+            value?: TransferItemValue;
+            disabled?: boolean;
+        }): any;
+        item?(_: {
+            label?: string;
+            value?: TransferItemValue;
+            disabled?: boolean;
+        }): any;
+    };
     refs: {};
     rootEl: HTMLDivElement;
 };

package/es/Transfer/TransferPanel.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, toRefs, ref, computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, createBlock, unref, resolveDynamicComponent, Fragment, withCtx, createTextVNode, toDisplayString, createVNode, mergeProps, renderList, normalizeClass } from "vue";
+import { defineComponent, toRefs, ref, computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, renderSlot, unref, normalizeProps, guardReactiveProps, createBlock, withCtx, createTextVNode, toDisplayString, Fragment, createVNode, mergeProps, renderList, normalizeClass } from "vue";
 import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
 /* empty css                                          */
 import "../_shared/utils/dom.js";
@@ -31,7 +31,6 @@ const _hoisted_5 = {
 };
 const _hoisted_6 = { class: "yc-transfer-view-body" };
 const _hoisted_7 = {
-  key: 1,
   role: "list",
   class: "yc-transfer-list"
 };
@@ -80,6 +79,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const title = computed(() => {
       return type.value == "source" ? _title.value[0] : _title.value[1];
     });
+    const titleParams = computed(() => {
+      return {
+        countTotal: type.value == "source" ? sourceOptions.value.length : targetOptions.value.length,
+        countSelected: type.value == "source" ? sourceChecked.value.length : targetChecked.value.length,
+        searchValue: keywords.value,
+        checked: selectedAll.value,
+        indeterminate: indeterminate.value,
+        onSelectAllChange: (v) => {
+          selectedAll.value = v;
+        },
+        onClear: handleClear
+      };
+    });
+    const listParams = computed(() => {
+      return {
+        selectedKeys: curSeleced.value,
+        data: curData.value,
+        onSelect: (val) => {
+          computedSelected.value = val;
+        }
+      };
+    });
     const selectedAll = computed({
       get() {
         return !!curSeleced.value.length && curSeleced.value.length == curData.value.length;
@@ -121,40 +142,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (disabled.value || !computedValue.value.length) return;
       computedValue.value = [];
     };
-    const renderTitle = () => {
-      var _a;
-      return (_a = slots[type.value == "source" ? "source-title" : "target-title"]) == null ? void 0 : _a.call(slots, {
-        countTotal: type.value == "source" ? sourceOptions.value.length : targetOptions.value.length,
-        countSelected: type.value == "source" ? sourceChecked.value.length : targetChecked.value.length,
-        searchValue: keywords.value,
-        checked: selectedAll.value,
-        indeterminate: indeterminate.value,
-        onSelectAllChange: (v) => {
-          selectedAll.value = v;
-        },
-        onClear: handleClear
-      });
-    };
-    const renderList$1 = () => {
-      var _a;
-      return (_a = slots[type.value]) == null ? void 0 : _a.call(slots, {
-        selectedKeys: curSeleced.value,
-        data: curData.value,
-        onSelect: (val) => {
-          computedSelected.value = val;
-        }
-      });
-    };
-    const renderItem = (item) => {
-      return () => {
-        var _a;
-        return (_a = slots.item) == null ? void 0 : _a.call(slots, item);
-      };
-    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          unref(slots)[`${unref(type)}-title`] ? (openBlock(), createBlock(resolveDynamicComponent(renderTitle), { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          renderSlot(_ctx.$slots, `${unref(type)}-title`, normalizeProps(guardReactiveProps(titleParams.value)), () => [
             createElementVNode("span", _hoisted_3, [
               unref(showSelectAll) && !unref(simple) && (!unref(oneWay) || unref(type) != "target") ? (openBlock(), createBlock(unref(Checkbox), {
                 key: 0,
@@ -185,7 +176,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 1
               })) : createCommentVNode("", true)
             ])
-          ], 64))
+          ])
         ]),
         unref(showSearch) ? (openBlock(), createElementBlock("div", _hoisted_5, [
           createVNode(unref(Input), mergeProps({
@@ -203,54 +194,56 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_6, [
           curData.value.length ? (openBlock(), createBlock(unref(Scrollbar), { key: 0 }, {
             default: withCtx(() => [
-              unref(slots)[unref(type)] ? (openBlock(), createBlock(resolveDynamicComponent(renderList$1), { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_7, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(curData.value, (item) => {
-                  return openBlock(), createElementBlock("div", {
-                    key: item.value,
-                    role: "listitem",
-                    class: normalizeClass([
-                      "yc-transfer-list-item",
-                      {
-                        "yc-transfer-list-item-disabled": item.disabled || unref(disabled)
-                      }
-                    ]),
-                    onClick: ($event) => handleClick(item)
-                  }, [
-                    (!unref(oneWay) || unref(oneWay) && unref(type) == "source") && !unref(simple) ? (openBlock(), createBlock(unref(Checkbox), {
-                      key: 0,
-                      "model-value": curSeleced.value.includes(item.value),
-                      disabled: item.disabled || unref(disabled),
-                      onChange: (isSelected) => handleCheck(isSelected, item.value)
-                    }, {
-                      default: withCtx(() => [
-                        unref(slots).item ? (openBlock(), createBlock(resolveDynamicComponent(renderItem(item)), { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                          createTextVNode(toDisplayString(item.label), 1)
-                        ], 64))
-                      ]),
-                      _: 2
-                    }, 1032, ["model-value", "disabled", "onChange"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                      createElementVNode("span", _hoisted_9, [
-                        unref(slots).item ? (openBlock(), createBlock(resolveDynamicComponent(renderItem(item)), { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                          createTextVNode(toDisplayString(item.label), 1)
-                        ], 64))
+              renderSlot(_ctx.$slots, unref(type), normalizeProps(guardReactiveProps(listParams.value)), () => [
+                createElementVNode("div", _hoisted_7, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(curData.value, (item) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: item.value,
+                      role: "listitem",
+                      class: normalizeClass([
+                        "yc-transfer-list-item",
+                        {
+                          "yc-transfer-list-item-disabled": item.disabled || unref(disabled)
+                        }
                       ]),
-                      unref(type) == "target" && !unref(simple) ? (openBlock(), createBlock(unref(_sfc_main$1), {
+                      onClick: ($event) => handleClick(item)
+                    }, [
+                      (!unref(oneWay) || unref(oneWay) && unref(type) == "source") && !unref(simple) ? (openBlock(), createBlock(unref(Checkbox), {
                         key: 0,
-                        "hover-size": 20
+                        "model-value": curSeleced.value.includes(item.value),
+                        disabled: item.disabled || unref(disabled),
+                        onChange: (isSelected) => handleCheck(isSelected, item.value)
                       }, {
                         default: withCtx(() => [
-                          createVNode(unref(_sfc_main$4))
+                          renderSlot(_ctx.$slots, "item", mergeProps({ ref_for: true }, item), () => [
+                            createTextVNode(toDisplayString(item.label), 1)
+                          ])
                         ]),
-                        _: 1
-                      })) : createCommentVNode("", true)
-                    ], 64))
-                  ], 10, _hoisted_8);
-                }), 128))
-              ]))
+                        _: 2
+                      }, 1032, ["model-value", "disabled", "onChange"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                        createElementVNode("span", _hoisted_9, [
+                          renderSlot(_ctx.$slots, "item", mergeProps({ ref_for: true }, item), () => [
+                            createTextVNode(toDisplayString(item.label), 1)
+                          ])
+                        ]),
+                        unref(type) == "target" && !unref(simple) ? (openBlock(), createBlock(unref(_sfc_main$1), {
+                          key: 0,
+                          "hover-size": 20
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(unref(_sfc_main$4))
+                          ]),
+                          _: 1
+                        })) : createCommentVNode("", true)
+                      ], 64))
+                    ], 10, _hoisted_8);
+                  }), 128))
+                ])
+              ])
             ]),
-            _: 1
+            _: 3
           })) : createCommentVNode("", true),
-          (openBlock(), createBlock(resolveDynamicComponent(unref(Empty))))
+          createVNode(unref(Empty))
         ])
       ]);
     };

package/es/Transfer/hooks/useContext.d.ts

@@ -23,8 +23,8 @@ type TransferContext = {
 export default function useTransferContext(): {
     provide: (props: RecordType, emits: TransferEmits) => {
         computedValue: import('vue').WritableComputedRef<TransferItemValue[], TransferItemValue[]>;
-        targetChecked: import('vue').ComputedRef<TransferItemValue[]>;
         computedSelected: import('vue').WritableComputedRef<TransferItemValue[], TransferItemValue[]>;
+        targetChecked: import('vue').ComputedRef<TransferItemValue[]>;
         sourceChecked: import('vue').ComputedRef<TransferItemValue[]>;
     };
     inject: () => TransferContext;

package/es/Transfer/hooks/useContext.js

@@ -61,19 +61,18 @@ function useTransferContext() {
     });
     const targetOptions = computed(() => {
       return computedValue.value.map((item) => {
-        const target = dataMap.value[item];
-        return target;
+        return dataMap.value[item];
       });
     });
     const sourceChecked = computed(() => {
-      return computedSelected.value.filter(
-        (item) => !computedValueMap.value.has(item)
-      );
+      return computedSelected.value.filter((item) => {
+        return !computedValueMap.value.has(item);
+      });
     });
     const targetChecked = computed(() => {
-      return computedSelected.value.filter(
-        (item) => computedValueMap.value.has(item)
-      );
+      return computedSelected.value.filter((item) => {
+        return computedValueMap.value.has(item);
+      });
     });
     provide(TRANSFER_CONTEXT_KEY, {
       computedValue,
@@ -95,8 +94,8 @@ function useTransferContext() {
     });
     return {
       computedValue,
-      targetChecked,
       computedSelected,
+      targetChecked,
       sourceChecked
     };
   };

package/es/Transfer/index.d.ts

@@ -87,7 +87,7 @@ declare const Transfer: {
     showSearch: boolean;
     showSelectAll: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: Readonly<import('./type').TransferSlots> & import('./type').TransferSlots;
+    $slots: any;
 }) & {
     install: (app: App) => void;
 };