yc-design-vue 1.7.6 → 1.7.7

package/es/Timeline/index.css

@@ -1 +1 @@
-.yc-timeline{display:flex;flex-direction:column}.yc-timeline-direction-horizontal{flex-direction:row}.yc-timeline-reverse{flex-direction:column-reverse}.yc-timeline-reverse.yc-timeline-direction-horizontal{flex-direction:row-reverse}.yc-timeline-reverse:deep(.yc-timeline-item-direction-vertical):first-child .yc-timeline-item-dot-line{display:none}.yc-timeline-reverse:deep(.yc-timeline-item-direction-vertical):last-child .yc-timeline-item-dot-line{position:absolute;top:18px;bottom:-4px;left:50%;transform:translate(-50%);width:1px;border-left-width:1px;border-color:var(--color-neutral-3)}.yc-timeline-alternate.yc-timeline-direction-vertical:deep(.yc-timeline-item):nth-child(2n){margin-right:calc(50% - 6px)}.yc-timeline-alternate.yc-timeline-direction-vertical:deep(.yc-timeline-item):nth-child(2n + 1){margin-left:50%}.yc-timeline-alternate.yc-timeline-direction-horizontal{min-height:200px;align-items:center}.yc-timeline-alternate.yc-timeline-direction-horizontal:deep(.yc-timeline-item):nth-child(2n){transform:translateY(calc(-50% + 6px))}.yc-timeline-alternate.yc-timeline-direction-horizontal:deep(.yc-timeline-item):nth-child(2n + 1){transform:translateY(calc(50%))}.yc-timeline-item{position:relative;color:var(--color-text-1);font-size:14px}.yc-timeline-item:not(:last-child) .yc-timeline-item-dot-line,.yc-timeline-item.yc-timeline-item-reverse:last-child .yc-timeline-item-dot-line{position:absolute;border-color:var(--color-neutral-3)}.yc-timeline-item .yc-timeline-item-dot-wrapper{position:absolute}.yc-timeline-item .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content{position:relative}.yc-timeline-item .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content .yc-timeline-item-dot-custom{position:absolute;top:50%;left:50%;display:inline-flex;color:rgb(var(--primary-6));background-color:var(--color-bg-1);transform:translateX(-50%) translateY(-50%);transform-origin:center}.yc-timeline-item .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content .yc-timeline-item-dot{position:relative;width:6px;height:6px;color:rgb(var(--primary-6));border-radius:50%}.yc-timeline-item .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content .yc-timeline-item-dot.yc-timeline-item-dot-solid{background-color:rgb(var(--primary-6))}.yc-timeline-item .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content .yc-timeline-item-dot.yc-timeline-item-dot-hollow{background-color:var(--color-bg-1);border:2px solid rgb(var(--primary-6))}.yc-timeline-item .yc-timeline-item-content-wrapper{position:relative;display:flex;flex-direction:column;gap:4px}.yc-timeline-item .yc-timeline-item-content-wrapper .yc-timeline-item-content{color:var(--color-text-1);font-size:14px;line-height:1.5715}.yc-timeline-item .yc-timeline-item-label{color:var(--color-text-3);font-size:12px;line-height:1.667}.yc-timeline-item-ghost.yc-timeline-item-direction-horizontal .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content .yc-timeline-item-dot-custom{left:0}.yc-timeline-item-direction-vertical{min-height:78px}.yc-timeline-item-direction-vertical:not(:last-child) .yc-timeline-item-dot-line,.yc-timeline-item-direction-vertical.yc-timeline-item-reverse:last-child .yc-timeline-item-dot-line{top:18px;bottom:-4px;left:50%;transform:translate(-50%);width:1px;border-left-width:1px}.yc-timeline-item-direction-vertical .yc-timeline-item-dot-wrapper{height:100%;text-align:center}.yc-timeline-item-direction-vertical .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content{width:6px;height:22px;line-height:22px}.yc-timeline-item-direction-vertical .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content .yc-timeline-item-dot{top:50%;margin-top:-50%}.yc-timeline-item-direction-horizontal{flex:1}.yc-timeline-item-direction-horizontal:not(:last-child) .yc-timeline-item-dot-line,.yc-timeline-item-direction-horizontal.yc-timeline-item-reverse:last-child .yc-timeline-item-dot-line{right:4px;left:12px;top:50%;transform:translateY(-50%);height:1px;border-top-width:1px}.yc-timeline-item-direction-horizontal .yc-timeline-item-dot-wrapper{width:100%}.yc-timeline-item-direction-horizontal .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content{height:6px;line-height:6px}.yc-timeline-item-reverse:first-child .yc-timeline-item-dot-line{display:none}.yc-timeline-item-label-is-relative .yc-timeline-item-label{position:absolute;top:0;max-width:100px}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-horizontal.yc-timeline-item-top{margin-top:50px}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-horizontal.yc-timeline-item-top .yc-timeline-item-label{top:0;padding-bottom:16px;transform:translateY(-100%)}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-horizontal.yc-timeline-item-bottom{margin-bottom:50px}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-horizontal.yc-timeline-item-bottom .yc-timeline-item-label{bottom:0;padding-top:16px;transform:translateY(100%)}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-vertical.yc-timeline-item-left{margin-left:100px}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-vertical.yc-timeline-item-left .yc-timeline-item-label{left:0;padding-right:16px;transform:translateX(-100%)}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-vertical.yc-timeline-item-right{margin-right:100px}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-vertical.yc-timeline-item-right .yc-timeline-item-label{right:0;padding-left:16px;transform:translateX(100%)}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-vertical.yc-timeline-item-right .yc-timeline-item-content{text-align:right}.yc-timeline-item-left{padding-left:6px}.yc-timeline-item-left .yc-timeline-item-dot-wrapper{left:0}.yc-timeline-item-left .yc-timeline-item-content-wrapper{margin-left:16px}.yc-timeline-item-top{padding-top:6px}.yc-timeline-item-top .yc-timeline-item-dot-wrapper{top:0}.yc-timeline-item-top .yc-timeline-item-content-wrapper{margin-top:16px}.yc-timeline-item-right{padding-right:6px}.yc-timeline-item-right .yc-timeline-item-dot-wrapper{right:0}.yc-timeline-item-right .yc-timeline-item-content-wrapper{margin-right:16px}.yc-timeline-item-right .yc-timeline-item-content,.yc-timeline-item-right .yc-timeline-item-label{text-align:right}.yc-timeline-item-bottom{padding-bottom:6px}.yc-timeline-item-bottom .yc-timeline-item-dot-wrapper{bottom:0}.yc-timeline-item-bottom .yc-timeline-item-content-wrapper{margin-bottom:16px}
+.yc-timeline{display:flex;flex-direction:column}.yc-timeline-direction-horizontal{flex-direction:row}.yc-timeline-reverse{flex-direction:column-reverse}.yc-timeline-reverse.yc-timeline-direction-horizontal{flex-direction:row-reverse}.yc-timeline-reverse .yc-timeline-item-direction-vertical:first-child .yc-timeline-item-dot-line{display:none}.yc-timeline-reverse .yc-timeline-item-direction-vertical:last-child .yc-timeline-item-dot-line{position:absolute;top:18px;bottom:-4px;left:50%;transform:translate(-50%);width:1px;border-left-width:1px;border-color:var(--color-neutral-3)}.yc-timeline-alternate.yc-timeline-direction-vertical .yc-timeline-item:nth-child(2n){margin-right:calc(50% - 6px)}.yc-timeline-alternate.yc-timeline-direction-vertical .yc-timeline-item:nth-child(2n + 1){margin-left:50%}.yc-timeline-alternate.yc-timeline-direction-horizontal{min-height:200px;align-items:center}.yc-timeline-alternate.yc-timeline-direction-horizontal .yc-timeline-item:nth-child(2n){transform:translateY(calc(-50% + 6px))}.yc-timeline-alternate.yc-timeline-direction-horizontal .yc-timeline-item:nth-child(2n + 1){transform:translateY(calc(50%))}.yc-timeline-item{position:relative;color:var(--color-text-1);font-size:14px}.yc-timeline-item:not(:last-child) .yc-timeline-item-dot-line,.yc-timeline-item.yc-timeline-item-reverse:last-child .yc-timeline-item-dot-line{position:absolute;border-color:var(--color-neutral-3)}.yc-timeline-item .yc-timeline-item-dot-wrapper{position:absolute}.yc-timeline-item .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content{position:relative}.yc-timeline-item .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content .yc-timeline-item-dot-custom{position:absolute;top:50%;left:50%;display:inline-flex;color:rgb(var(--primary-6));background-color:var(--color-bg-1);transform:translateX(-50%) translateY(-50%);transform-origin:center}.yc-timeline-item .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content .yc-timeline-item-dot{position:relative;width:6px;height:6px;color:rgb(var(--primary-6));border-radius:50%}.yc-timeline-item .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content .yc-timeline-item-dot.yc-timeline-item-dot-solid{background-color:rgb(var(--primary-6))}.yc-timeline-item .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content .yc-timeline-item-dot.yc-timeline-item-dot-hollow{background-color:var(--color-bg-1);border:2px solid rgb(var(--primary-6))}.yc-timeline-item .yc-timeline-item-content-wrapper{position:relative;display:flex;flex-direction:column;gap:4px}.yc-timeline-item .yc-timeline-item-content-wrapper .yc-timeline-item-content{color:var(--color-text-1);font-size:14px;line-height:1.5715}.yc-timeline-item .yc-timeline-item-label{color:var(--color-text-3);font-size:12px;line-height:1.667}.yc-timeline-item-ghost.yc-timeline-item-direction-horizontal .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content .yc-timeline-item-dot-custom{left:0}.yc-timeline-item-direction-vertical{min-height:78px}.yc-timeline-item-direction-vertical:not(:last-child) .yc-timeline-item-dot-line,.yc-timeline-item-direction-vertical.yc-timeline-item-reverse:last-child .yc-timeline-item-dot-line{top:18px;bottom:-4px;left:50%;transform:translate(-50%);width:1px;border-left-width:1px}.yc-timeline-item-direction-vertical .yc-timeline-item-dot-wrapper{height:100%;text-align:center}.yc-timeline-item-direction-vertical .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content{width:6px;height:22px;line-height:22px}.yc-timeline-item-direction-vertical .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content .yc-timeline-item-dot{top:50%;margin-top:-50%}.yc-timeline-item-direction-horizontal{flex:1}.yc-timeline-item-direction-horizontal:not(:last-child) .yc-timeline-item-dot-line,.yc-timeline-item-direction-horizontal.yc-timeline-item-reverse:last-child .yc-timeline-item-dot-line{right:4px;left:12px;top:50%;transform:translateY(-50%);height:1px;border-top-width:1px}.yc-timeline-item-direction-horizontal .yc-timeline-item-dot-wrapper{width:100%}.yc-timeline-item-direction-horizontal .yc-timeline-item-dot-wrapper .yc-timeline-item-dot-content{height:6px;line-height:6px}.yc-timeline-item-reverse:first-child .yc-timeline-item-dot-line{display:none}.yc-timeline-item-label-is-relative .yc-timeline-item-label{position:absolute;top:0;max-width:100px}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-horizontal.yc-timeline-item-top{margin-top:50px}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-horizontal.yc-timeline-item-top .yc-timeline-item-label{top:0;padding-bottom:16px;transform:translateY(-100%)}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-horizontal.yc-timeline-item-bottom{margin-bottom:50px}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-horizontal.yc-timeline-item-bottom .yc-timeline-item-label{bottom:0;padding-top:16px;transform:translateY(100%)}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-vertical.yc-timeline-item-left{margin-left:100px}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-vertical.yc-timeline-item-left .yc-timeline-item-label{left:0;padding-right:16px;transform:translateX(-100%)}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-vertical.yc-timeline-item-right{margin-right:100px}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-vertical.yc-timeline-item-right .yc-timeline-item-label{right:0;padding-left:16px;transform:translateX(100%)}.yc-timeline-item-label-is-relative:not(.yc-timeline-item-alternate).yc-timeline-item-direction-vertical.yc-timeline-item-right .yc-timeline-item-content{text-align:right}.yc-timeline-item-left{padding-left:6px}.yc-timeline-item-left .yc-timeline-item-dot-wrapper{left:0}.yc-timeline-item-left .yc-timeline-item-content-wrapper{margin-left:16px}.yc-timeline-item-top{padding-top:6px}.yc-timeline-item-top .yc-timeline-item-dot-wrapper{top:0}.yc-timeline-item-top .yc-timeline-item-content-wrapper{margin-top:16px}.yc-timeline-item-right{padding-right:6px}.yc-timeline-item-right .yc-timeline-item-dot-wrapper{right:0}.yc-timeline-item-right .yc-timeline-item-content-wrapper{margin-right:16px}.yc-timeline-item-right .yc-timeline-item-content,.yc-timeline-item-right .yc-timeline-item-label{text-align:right}.yc-timeline-item-bottom{padding-bottom:6px}.yc-timeline-item-bottom .yc-timeline-item-dot-wrapper{bottom:0}.yc-timeline-item-bottom .yc-timeline-item-content-wrapper{margin-bottom:16px}

package/es/Timeline/index.js

@@ -1,13 +1,15 @@
-import _Timeline from "./Timeline.vue.js";
-import TimelineItem from "./TimelineItem.vue.js";
-const Timeline = Object.assign(_Timeline, {
-  item: TimelineItem,
+import _sfc_main from "./Timeline.vue.js";
+/* empty css              */
+import _sfc_main$1 from "./TimelineItem.vue.js";
+/* empty css                  */
+const Timeline = Object.assign(_sfc_main, {
+  item: _sfc_main$1,
   install: (app) => {
-    app.component("Yc" + _Timeline.name, _Timeline);
-    app.component("Yc" + TimelineItem.name, TimelineItem);
+    app.component("Yc" + _sfc_main.name, _sfc_main);
+    app.component("Yc" + _sfc_main$1.name, _sfc_main$1);
   }
 });
 export {
-  TimelineItem,
+  _sfc_main$1 as TimelineItem,
   Timeline as default
 };

package/es/Transfer/Transfer.vue.js

@@ -1,7 +1,106 @@
-import _sfc_main from "./Transfer.vue2.js";
-/* empty css              */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Transfer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3c303641"]]);
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createVNode, createCommentVNode, createBlock, unref, withCtx, renderSlot } from "vue";
+import useContext from "./hooks/useContext.js";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+import _sfc_main$2 from "../_shared/icons/IconArrowRight.vue.js";
+import _sfc_main$1 from "./TransferPanel.vue.js";
+/* empty css                   */
+import Button from "../Button/index.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "yc-transfer-operations"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Transfer"
+  },
+  __name: "Transfer",
+  props: {
+    data: { default: () => [] },
+    modelValue: { default: void 0 },
+    defaultValue: { default: () => [] },
+    selected: { default: void 0 },
+    defaultSelected: { default: () => [] },
+    disabled: { type: Boolean, default: false },
+    simple: { type: Boolean, default: false },
+    oneWay: { type: Boolean, default: false },
+    showSearch: { type: Boolean, default: false },
+    showSelectAll: { type: Boolean, default: true },
+    title: { default: () => ["Source", "Target"] },
+    sourceInputSearchProps: { default: () => {
+      return {};
+    } },
+    targetInputSearchProps: { default: () => {
+      return {};
+    } }
+  },
+  emits: ["update:selected", "update:modelValue", "change", "select", "search"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { computedValue, targetChecked, computedSelected, sourceChecked } = useContext().provide(props, emits);
+    const handleAdd = () => {
+      const checked = [...sourceChecked.value];
+      computedValue.value = [...computedValue.value, ...sourceChecked.value];
+      computedSelected.value = computedSelected.value.filter(
+        (item) => !checked.includes(item)
+      );
+    };
+    const handleDel = () => {
+      const checked = [...targetChecked.value];
+      computedValue.value = computedValue.value.filter(
+        (item) => !checked.includes(item)
+      );
+      computedSelected.value = computedSelected.value.filter(
+        (item) => !checked.includes(item)
+      );
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "yc-transfer",
+          {
+            "yc-transfer-simple": _ctx.simple,
+            "yc-transfer-has-search": _ctx.showSearch
+          }
+        ])
+      }, [
+        createVNode(_sfc_main$1, { type: "source" }),
+        !_ctx.simple ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createVNode(unref(Button), {
+            disabled: !unref(sourceChecked).length || _ctx.disabled,
+            shape: "circle",
+            onClick: handleAdd
+          }, {
+            icon: withCtx(() => [
+              renderSlot(_ctx.$slots, "to-target-icon", {}, () => [
+                createVNode(unref(_sfc_main$2))
+              ])
+            ]),
+            _: 3
+          }, 8, ["disabled"]),
+          !_ctx.oneWay ? (openBlock(), createBlock(unref(Button), {
+            key: 0,
+            disabled: !unref(targetChecked).length || _ctx.disabled,
+            shape: "circle",
+            onClick: handleDel
+          }, {
+            icon: withCtx(() => [
+              renderSlot(_ctx.$slots, "to-source-icon", {}, () => [
+                createVNode(unref(_sfc_main$2), { rotate: 180 })
+              ])
+            ]),
+            _: 3
+          }, 8, ["disabled"])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        createVNode(_sfc_main$1, { type: "target" })
+      ], 2);
+    };
+  }
+});
 export {
-  _Transfer as default
+  _sfc_main as default
 };

package/es/Transfer/Transfer.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./Transfer.vue.js";
+/* empty css              */
+export {
+  _sfc_main as default
+};

package/es/Transfer/TransferPanel.vue.js

@@ -1,7 +1,253 @@
-import _sfc_main from "./TransferPanel.vue2.js";
-/* empty css                   */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const TransferPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-453f39e0"]]);
+import { defineComponent, toRefs, ref, computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, createBlock, unref, resolveDynamicComponent, Fragment, withCtx, createTextVNode, toDisplayString, createVNode, mergeProps, renderList, normalizeClass } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import { getGlobalConfig } from "../_shared/utils/global-config.js";
+/* empty css                             */
+import _sfc_main$4 from "../_shared/icons/IconClose.vue.js";
+import _sfc_main$2 from "../_shared/icons/IconDelete.vue2.js";
+import _sfc_main$3 from "../_shared/icons/IconSearch.vue2.js";
+import useContext from "./hooks/useContext.js";
+import Checkbox from "../Checkbox/index.js";
+import Scrollbar from "../Scrollbar/index.js";
+import Input from "../Input/index.js";
+import _sfc_main$1 from "../_shared/components/IconButton.vue.js";
+/* empty css                                    */
+/* empty css                                         */
+const _hoisted_1 = { class: "yc-transfer-view" };
+const _hoisted_2 = { class: "yc-transfer-view-header" };
+const _hoisted_3 = { class: "yc-transfer-view-header-title" };
+const _hoisted_4 = { class: "yc-transfer-view-header-count" };
+const _hoisted_5 = {
+  key: 0,
+  class: "yc-transfer-view-search"
+};
+const _hoisted_6 = { class: "yc-transfer-view-body" };
+const _hoisted_7 = {
+  key: 1,
+  role: "list",
+  class: "yc-transfer-list"
+};
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = { class: "yc-transfer-list-item-content text-ellipsis" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TransferPanel",
+  props: {
+    type: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { type } = toRefs(props);
+    const { renderEmpty } = getGlobalConfig();
+    const {
+      computedValue,
+      computedSelected,
+      targetChecked,
+      sourceChecked,
+      sourceOptions,
+      targetOptions,
+      disabled,
+      oneWay,
+      showSearch,
+      showSelectAll,
+      simple,
+      sourceInputSearchProps,
+      targetInputSearchProps,
+      slots,
+      title: _title,
+      emits
+    } = useContext().inject();
+    const keywords = ref("");
+    const curData = computed(() => {
+      const options = type.value == "source" ? sourceOptions.value : targetOptions.value;
+      return options.filter((item) => {
+        var _a;
+        return (_a = item.label) == null ? void 0 : _a.toLowerCase().includes(keywords.value.toLowerCase());
+      });
+    });
+    const curSeleced = computed(() => {
+      return type.value == "source" ? sourceChecked.value : targetChecked.value;
+    });
+    const inputProps = computed(() => {
+      return type.value == "source" ? sourceInputSearchProps.value : targetInputSearchProps.value;
+    });
+    const title = computed(() => {
+      return type.value == "source" ? _title.value[0] : _title.value[1];
+    });
+    const selectedAll = computed({
+      get() {
+        return !!curSeleced.value.length && curSeleced.value.length == curData.value.length;
+      },
+      set(isSelected) {
+        if (isSelected) {
+          computedSelected.value = [
+            .../* @__PURE__ */ new Set([
+              ...computedSelected.value,
+              ...curData.value.map((item) => item.value)
+            ])
+          ];
+        } else {
+          const dataMap = Object.fromEntries(
+            curData.value.map((item) => [item.value, item])
+          );
+          computedSelected.value = computedSelected.value.filter(
+            (item) => !dataMap[item]
+          );
+        }
+      }
+    });
+    const indeterminate = computed(() => {
+      return !!curSeleced.value.length && curSeleced.value.length <= curData.value.length;
+    });
+    const handleCheck = (isSelected, value) => {
+      computedSelected.value = isSelected ? [...computedSelected.value, value] : computedSelected.value.filter((v) => v != value);
+      emits("select", computedSelected.value);
+    };
+    const handleClick = (item) => {
+      const { value } = item;
+      if (disabled.value || item.disabled) return;
+      if ((!oneWay.value || type.value == "source") && !simple.value) {
+        return;
+      }
+      computedValue.value = type.value == "source" ? [...computedValue.value, value] : computedValue.value.filter((v) => v != value);
+    };
+    const handleClear = () => {
+      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 }, [
+            createElementVNode("span", _hoisted_3, [
+              unref(showSelectAll) && !unref(simple) && (!unref(oneWay) || unref(type) != "target") ? (openBlock(), createBlock(unref(Checkbox), {
+                key: 0,
+                modelValue: selectedAll.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedAll.value = $event),
+                indeterminate: indeterminate.value,
+                disabled: !curData.value.length || unref(disabled)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(title.value), 1)
+                ]),
+                _: 1
+              }, 8, ["modelValue", "indeterminate", "disabled"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createTextVNode(toDisplayString(title.value), 1)
+              ], 64))
+            ]),
+            createElementVNode("span", _hoisted_4, [
+              !unref(simple) && (!unref(oneWay) || unref(type) != "target") ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createTextVNode(toDisplayString(curSeleced.value.length) + " / " + toDisplayString(curData.value.length), 1)
+              ], 64)) : unref(type) == "target" && !unref(simple) ? (openBlock(), createBlock(unref(_sfc_main$1), {
+                key: 1,
+                size: 14,
+                onClick: handleClear
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(_sfc_main$2))
+                ]),
+                _: 1
+              })) : createCommentVNode("", true)
+            ])
+          ], 64))
+        ]),
+        unref(showSearch) ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          createVNode(unref(Input), mergeProps({
+            modelValue: keywords.value,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => keywords.value = $event)
+          }, inputProps.value, {
+            onInput: _cache[2] || (_cache[2] = (v) => unref(emits)("search", v, unref(type)))
+          }), {
+            suffix: withCtx(() => [
+              createVNode(unref(_sfc_main$3))
+            ]),
+            _: 1
+          }, 16, ["modelValue"])
+        ])) : createCommentVNode("", true),
+        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 })) : createCommentVNode("", true),
+                        createTextVNode(" " + toDisplayString(unref(slots).item ? "" : item.label), 1)
+                      ]),
+                      _: 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 })) : createCommentVNode("", true),
+                        createTextVNode(" " + toDisplayString(unref(slots).item ? "" : 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
+          })) : createCommentVNode("", true),
+          (openBlock(), createBlock(resolveDynamicComponent(unref(renderEmpty)("Transfer"))))
+        ])
+      ]);
+    };
+  }
+});
 export {
-  TransferPanel as default
+  _sfc_main as default
 };

package/es/Transfer/TransferPanel.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./TransferPanel.vue.js";
+/* empty css                   */
+export {
+  _sfc_main as default
+};

package/es/Transfer/index.css

@@ -1 +1 @@
-.yc-transfer{display:flex;align-items:center}.yc-transfer .yc-transfer-view{overflow:hidden;width:200px;height:224px;border:1px solid var(--color-neutral-3);border-radius:2px;display:flex;flex-direction:column}.yc-transfer .yc-transfer-view .yc-transfer-view-header{height:40px;padding:0 10px;background-color:var(--color-fill-1);color:var(--color-text-1);font-weight:500;font-size:14px;line-height:40px;display:flex;justify-content:space-between;align-items:center}.yc-transfer .yc-transfer-view .yc-transfer-view-header .yc-transfer-view-header-count{color:var(--color-text-3);font-size:12px;font-weight:400}.yc-transfer .yc-transfer-view .yc-transfer-view-search{padding:8px 12px 4px 12px}.yc-transfer .yc-transfer-view .yc-transfer-view-body{height:calc(100% - 40px)}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-scrollbar{height:100%;width:100%}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-scrollbar:deep(.yc-scrollbar-container){max-height:100%;width:100%}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-scrollbar:deep(.yc-scrollbar-container) .yc-scrollbar-content{width:100%}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-transfer-list{width:100%;display:flex;flex-direction:column}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-transfer-list .yc-transfer-list-item{flex-shrink:0;overflow:hidden;height:36px;max-width:100%;padding:0 12px;font-size:14px;color:var(--color-text-1);display:flex;align-items:center;gap:6px;transition:all .1s cubic-bezier(0, 0, 1, 1)}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-transfer-list .yc-transfer-list-item:not(.yc-transfer-list-item-disabled):hover{color:var(--color-text-1);background-color:var(--color-fill-2)}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-transfer-list .yc-transfer-list-item .yc-checkbox{flex:1}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-transfer-list .yc-transfer-list-item .yc-transfer-list-item-content{flex:1}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-transfer-list .yc-transfer-list-item.yc-transfer-list-item-disabled{color:var(--color-text-4);background:transparent;cursor:not-allowed}.yc-transfer .yc-transfer-operations{padding:0 20px;display:flex;flex-direction:column;gap:12px}.yc-transfer-simple .yc-transfer-view:last-child{border-left:0}.yc-transfer-has-search .yc-transfer-view .yc-transfer-view-body{height:calc(100% - 88px)}
+.yc-transfer{display:flex;align-items:center}.yc-transfer .yc-transfer-view{overflow:hidden;width:200px;height:224px;border:1px solid var(--color-neutral-3);border-radius:2px;display:flex;flex-direction:column}.yc-transfer .yc-transfer-view .yc-transfer-view-header{height:40px;padding:0 10px;background-color:var(--color-fill-1);color:var(--color-text-1);font-weight:500;font-size:14px;line-height:40px;display:flex;justify-content:space-between;align-items:center}.yc-transfer .yc-transfer-view .yc-transfer-view-header .yc-transfer-view-header-count{color:var(--color-text-3);font-size:12px;font-weight:400}.yc-transfer .yc-transfer-view .yc-transfer-view-search{padding:8px 12px 4px 12px}.yc-transfer .yc-transfer-view .yc-transfer-view-body{height:calc(100% - 40px)}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-scrollbar{height:100%;width:100%}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-scrollbar .yc-scrollbar-container{max-height:100%;width:100%}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-scrollbar .yc-scrollbar-container .yc-scrollbar-content{width:100%}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-transfer-list{width:100%;display:flex;flex-direction:column}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-transfer-list .yc-transfer-list-item{flex-shrink:0;overflow:hidden;height:36px;max-width:100%;padding:0 12px;font-size:14px;color:var(--color-text-1);display:flex;align-items:center;gap:6px;transition:all .1s cubic-bezier(0, 0, 1, 1)}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-transfer-list .yc-transfer-list-item:not(.yc-transfer-list-item-disabled):hover{color:var(--color-text-1);background-color:var(--color-fill-2)}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-transfer-list .yc-transfer-list-item .yc-checkbox{flex:1}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-transfer-list .yc-transfer-list-item .yc-transfer-list-item-content{flex:1}.yc-transfer .yc-transfer-view .yc-transfer-view-body .yc-transfer-list .yc-transfer-list-item.yc-transfer-list-item-disabled{color:var(--color-text-4);background:transparent;cursor:not-allowed}.yc-transfer .yc-transfer-operations{padding:0 20px;display:flex;flex-direction:column;gap:12px}.yc-transfer-simple .yc-transfer-view:last-child{border-left:0}.yc-transfer-has-search .yc-transfer-view .yc-transfer-view-body{height:calc(100% - 88px)}

package/es/Transfer/index.js

@@ -1,7 +1,8 @@
-import _Transfer from "./Transfer.vue.js";
-const Transfer = Object.assign(_Transfer, {
+import _sfc_main from "./Transfer.vue.js";
+/* empty css              */
+const Transfer = Object.assign(_sfc_main, {
   install: (app) => {
-    app.component("Yc" + _Transfer.name, _Transfer);
+    app.component("Yc" + _sfc_main.name, _sfc_main);
   }
 });
 export {

package/es/Trigger/index.js

@@ -1,7 +1,8 @@
-import _Trigger from "./index.vue.js";
-const Trigger = Object.assign(_Trigger, {
+import _sfc_main from "./index.vue.js";
+/* empty css           */
+const Trigger = Object.assign(_sfc_main, {
   install: (app) => {
-    app.component("Yc" + _Trigger.name, _Trigger);
+    app.component("Yc" + _sfc_main.name, _sfc_main);
   }
 });
 export {