@koi-design/uxd-ui 12.1.36-beta.0

package/es/components/Transfer/Operation.mjs

@@ -0,0 +1,82 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
+import { ULineLeft, ULineRight } from '@koi-design/uxd-icon';
+import { UButton } from '../Button/index.mjs';
+import { transferSide } from './Transfer.type.mjs';
+import _export_sfc from '../../_virtual/plugin-vue_export-helper.mjs';
+
+const _sfc_main = defineComponent({
+  name: "Operation",
+  components: { UButton },
+  props: {
+    prefixCls: {
+      type: String,
+      default: ""
+    },
+    toRightDisabled: {
+      type: Boolean,
+      default: false
+    },
+    toLeftDisabled: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    operations: {
+      type: Array,
+      required: true
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: {
+    "on-click": (direction) => transferSide.includes(direction)
+  },
+  setup(props, { emit }) {
+    const handleTo = (direction) => {
+      emit("on-click", direction);
+    };
+    return {
+      handleTo,
+      ULineLeft,
+      ULineRight
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_UButton = resolveComponent("UButton");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(`${_ctx.prefixCls}-operation`)
+  }, [
+    createVNode(_component_UButton, {
+      icon: _ctx.ULineRight,
+      type: "primary",
+      disabled: _ctx.disabled || _ctx.toRightDisabled,
+      onClick: _cache[0] || (_cache[0] = ($event) => _ctx.handleTo("right"))
+    }, {
+      default: withCtx(() => [
+        createTextVNode(toDisplayString(_ctx.operations[0]), 1)
+      ]),
+      _: 1
+    }, 8, ["icon", "disabled"]),
+    createVNode(_component_UButton, {
+      icon: _ctx.ULineLeft,
+      type: "primary",
+      disabled: _ctx.disabled || _ctx.toLeftDisabled,
+      onClick: _cache[1] || (_cache[1] = ($event) => _ctx.handleTo("left"))
+    }, {
+      default: withCtx(() => [
+        createTextVNode(toDisplayString(_ctx.operations[1]), 1)
+      ]),
+      _: 1
+    }, 8, ["icon", "disabled"])
+  ], 2);
+}
+var Operation = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "E:\\br-fe\\uxd-ui\\src\\components\\Transfer\\Operation.vue"]]);
+
+export { Operation as default };
+//# sourceMappingURL=Operation.mjs.map

package/es/components/Transfer/Operation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Operation.mjs","sources":["../../../../src/components/Transfer/Operation.vue"],"sourcesContent":["<template>\n  <div :class=\"`${prefixCls}-operation`\">\n    <UButton :icon=\"ULineRight\" type=\"primary\" :disabled=\"disabled || toRightDisabled\" @click=\"handleTo('right')\">\n      {{ operations[0] }}\n    </UButton>\n    <UButton :icon=\"ULineLeft\" type=\"primary\" :disabled=\"disabled || toLeftDisabled\" @click=\"handleTo('left')\">\n      {{ operations[1] }}\n    </UButton>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport type { PropType } from 'vue';\nimport { ULineLeft, ULineRight } from '@koi-design/uxd-icon';\nimport UButton from '@uxd-ui/components/Button';\nimport { transferSide, type TransferSide } from './Transfer.type';\n\nexport default defineComponent({\n  name: 'Operation',\n  components: { UButton },\n  props: {\n    prefixCls: {\n      type: String,\n      default: ''\n    },\n    toRightDisabled: {\n      type: Boolean,\n      default: false\n    },\n    toLeftDisabled: {\n      type: Boolean,\n      default: false\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    operations: {\n      type: Array as PropType<string[]>,\n      required: true\n    },\n    loading: {\n      type: Boolean,\n      default: false\n    }\n  },\n  emits: {\n    'on-click': (direction: TransferSide) => transferSide.includes(direction)\n  },\n  setup(props, { emit }) {\n    const handleTo = (direction: TransferSide) => {\n      emit('on-click', direction);\n    };\n    return {\n      handleTo,\n      ULineLeft,\n      ULineRight\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createVNode"],"mappings":";;;;;;AAkBA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY,EAAE;AAAQ,EACtB,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,UAAU;AAAA;AACZ,IACA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;AACX;AACF,EACA,OAAO;AAAA,IACL,YAAY,CAAC,cAA4B,aAAa,SAAS,SAAS;AAAA;AAC1E,EACA,MAAM,OAAO,EAAE,QAAQ;UACf,WAAW,CAAC,cAA4B;WACvC,YAAY,SAAS;AAAA;WAErB;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;sBA3DCA,mBAOM;IAPA,OAAKC,kBAAK,0BAAS;AAAA;IACvBC,YAEU;MAFA,MAAM;MAAY,MAAK;AAAA,MAAW,UAAU,iBAAY;MAAkB,SAAK,sCAAE,cAAQ;;uBACjG,MAAmB;AAAA,wCAAhB,gBAAU;;;;IAEfA,YAEU;MAFA,MAAM;MAAW,MAAK;AAAA,MAAW,UAAU,iBAAY;MAAiB,SAAK,sCAAE,cAAQ;;uBAC/F,MAAmB;AAAA,wCAAhB,gBAAU;;;;;;;;;;"}

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

@@ -0,0 +1,68 @@
+import type { PropType } from 'vue';
+import { type TransferSide } from './Transfer.type';
+declare const _default: import("vue").DefineComponent<{
+    prefixCls: {
+        type: StringConstructor;
+        default: string;
+    };
+    toRightDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    toLeftDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    operations: {
+        type: PropType<string[]>;
+        required: true;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    handleTo: (direction: TransferSide) => void;
+    ULineLeft: any;
+    ULineRight: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'on-click': (direction: TransferSide) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    prefixCls: {
+        type: StringConstructor;
+        default: string;
+    };
+    toRightDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    toLeftDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    operations: {
+        type: PropType<string[]>;
+        required: true;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onOn-click"?: (direction: "right" | "left") => any;
+}, {
+    loading: boolean;
+    prefixCls: string;
+    disabled: boolean;
+    toRightDisabled: boolean;
+    toLeftDisabled: boolean;
+}, {}>;
+export default _default;

package/es/components/Transfer/Transfer.mjs

@@ -0,0 +1,244 @@
+import { defineComponent, inject, ref, computed, watch, provide, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode } from 'vue';
+import TransferList from './TransferList.mjs';
+import Operation from './Operation.mjs';
+import useGlobalConfig from '../base/hooks/useGlobalConfig.mjs';
+import { changeKeys } from './util.mjs';
+import { transferProps, transferEmits } from './Transfer.type.mjs';
+import '../Form/index.mjs';
+import _export_sfc from '../../_virtual/plugin-vue_export-helper.mjs';
+import { FormItemKey } from '../Form/utils.mjs';
+
+const DataItem = {
+  key: { type: String, isRequired: true },
+  title: { type: String, isRequired: true },
+  description: { type: String },
+  disabled: { type: Boolean, default: void 0 }
+};
+const _sfc_main = defineComponent({
+  name: "UTransfer",
+  components: { TransferList, Operation },
+  props: transferProps,
+  emits: transferEmits,
+  setup(props, { emit, slots }) {
+    const { prefixCls, config: globalConfig } = useGlobalConfig("transfer");
+    const { onFieldChange } = inject(FormItemKey, {});
+    const transferRefs = ref([]);
+    const getTransferRef = (i) => {
+      return (ins) => {
+        transferRefs.value[i] = ins;
+      };
+    };
+    const thisLocale = computed(() => {
+      return props.locale || globalConfig.locale.transfer;
+    });
+    const computedDirection = computed(() => {
+      return props.direction || globalConfig.direction || "ltr";
+    });
+    const selfTargetKeys = ref(props.targetKeys || []);
+    const selfSelectedKeys = ref(props.selectedKeys || []);
+    watch(
+      () => props.targetKeys,
+      (nextTargetKeys) => {
+        selfTargetKeys.value = nextTargetKeys || [];
+      }
+    );
+    const separatedData = computed(() => {
+      const leftData = [];
+      const rightData = new Array(selfTargetKeys.value.length);
+      props.dataSource.forEach((data) => {
+        const keyIndex = selfTargetKeys.value.indexOf(data.key);
+        if (!props.removeSource) {
+          leftData.push({
+            ...data,
+            disabled: data.disabled || keyIndex !== -1
+          });
+          if (keyIndex !== -1) {
+            rightData[keyIndex] = { ...data, disabled: data.disabled || false };
+          }
+        } else if (keyIndex !== -1) {
+          rightData[keyIndex] = data;
+        } else {
+          leftData.push(data);
+        }
+      });
+      return {
+        leftData,
+        rightData: rightData.filter((x) => !!x)
+      };
+    });
+    watch(
+      () => props.dataSource,
+      (nextDataSource) => {
+        selfTargetKeys.value = nextDataSource.filter((nd) => selfTargetKeys.value.includes(nd.key)).map((nd) => nd.key);
+        const nextSelectedKeys = props.selectedKeys || selfSelectedKeys.value;
+        selfSelectedKeys.value = nextSelectedKeys.filter((sk) => nextDataSource.map((nd) => nd.key).includes(sk));
+      }
+    );
+    watch(
+      () => props.selectedKeys,
+      (nextSelectedKeys) => {
+        selfSelectedKeys.value = nextSelectedKeys || [];
+      }
+    );
+    const separatedKeys = computed(() => {
+      return {
+        sourceSelectedKeys: selfSelectedKeys.value.filter((k) => !selfTargetKeys.value.includes(k)),
+        targetSelectedKeys: selfSelectedKeys.value.filter((k) => selfTargetKeys.value.includes(k))
+      };
+    });
+    const itemRender = computed(() => {
+      if (slots.renderItem) {
+        return slots.renderItem;
+      }
+      return ({ item }) => props.renderItem(item);
+    });
+    provide("renderItem", itemRender.value);
+    const updateSelectKeys = (sourceSelectedKeys, targetSelectedKeys) => {
+      if (!props.selectedKeys) {
+        selfSelectedKeys.value = [...sourceSelectedKeys, ...targetSelectedKeys];
+      }
+      emit("select-change", sourceSelectedKeys, targetSelectedKeys);
+    };
+    const handleSelect = (itemKey, checked, side) => {
+      const { sourceSelectedKeys, targetSelectedKeys } = separatedKeys.value;
+      if (side === "left") {
+        const changedKeys = changeKeys(sourceSelectedKeys, itemKey, checked);
+        updateSelectKeys(changedKeys, targetSelectedKeys);
+      }
+      if (side === "right") {
+        const changedKeys = changeKeys(targetSelectedKeys, itemKey, checked);
+        updateSelectKeys(sourceSelectedKeys, changedKeys);
+      }
+    };
+    const handleSelectAll = (nextCheckedKeys, side) => {
+      const { sourceSelectedKeys, targetSelectedKeys } = separatedKeys.value;
+      if (side === "left") {
+        updateSelectKeys(nextCheckedKeys, targetSelectedKeys);
+      }
+      if (side === "right") {
+        updateSelectKeys(sourceSelectedKeys, nextCheckedKeys);
+      }
+    };
+    const updateTargetKeys = (nextTargetKeys, direction, moveKeys) => {
+      if (!props.targetKeys) {
+        selfTargetKeys.value = nextTargetKeys;
+      }
+      emit("update:targetKeys", nextTargetKeys);
+      emit("change", nextTargetKeys, direction, moveKeys);
+      if (onFieldChange)
+        onFieldChange(nextTargetKeys);
+    };
+    const handleChange = (direction) => {
+      const { sourceSelectedKeys, targetSelectedKeys } = separatedKeys.value;
+      if (direction === "right") {
+        const nextTargetKeys = props.dataSource.filter((d) => [...selfTargetKeys.value, ...sourceSelectedKeys].includes(d.key)).map((d) => d.key);
+        updateTargetKeys(nextTargetKeys, direction, sourceSelectedKeys);
+        updateSelectKeys([], targetSelectedKeys);
+      }
+      if (direction === "left") {
+        const nextTargetKeys = selfTargetKeys.value.filter((k) => !targetSelectedKeys.includes(k));
+        updateTargetKeys(nextTargetKeys, direction, targetSelectedKeys);
+        updateSelectKeys(sourceSelectedKeys, []);
+      }
+    };
+    const handleSearchChange = (side, value) => {
+      emit("search", side, value);
+    };
+    const clrearTransferSearchValue = () => {
+      transferRefs.value.forEach((transferRef) => {
+        if (transferRef) {
+          transferRef.clearSearchValue();
+        }
+      });
+    };
+    provide(FormItemKey, {
+      onFieldBlur: () => {
+      },
+      onFieldChange: () => {
+      }
+    });
+    return {
+      transferRefs,
+      getTransferRef,
+      thisLocale,
+      prefixCls,
+      separatedData,
+      separatedKeys,
+      computedDirection,
+      footer: slots.footer,
+      renderList: slots.children,
+      leftSearch: slots.leftSearch,
+      rightSearch: slots.rightSearch,
+      handleSelect,
+      handleSelectAll,
+      handleChange,
+      handleSearchChange,
+      clrearTransferSearchValue
+    };
+  }
+});
+const _hoisted_1 = ["data-color"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_TransferList = resolveComponent("TransferList");
+  const _component_Operation = resolveComponent("Operation");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass([_ctx.prefixCls, { [`${_ctx.prefixCls}-custom`]: !!_ctx.renderList, [`${_ctx.prefixCls}-rtl`]: _ctx.computedDirection === "rtl" }]),
+    "data-color": _ctx.color
+  }, [
+    createVNode(_component_TransferList, {
+      ref: _ctx.getTransferRef(0),
+      side: "left",
+      "prefix-cls": _ctx.prefixCls,
+      "list-style": _ctx.listStyle,
+      "title-text": _ctx.titles[0],
+      "data-source": _ctx.separatedData.leftData,
+      "checked-keys": _ctx.separatedKeys.sourceSelectedKeys,
+      disabled: _ctx.disabled,
+      "show-select-all": _ctx.showSelectAll,
+      "filter-method": _ctx.filterMethod,
+      "show-search": _ctx.showSearch,
+      search: _ctx.leftSearch,
+      footer: _ctx.footer,
+      "render-list": _ctx.renderList,
+      locale: _ctx.thisLocale,
+      loading: _ctx.loading,
+      onItemSelect: _ctx.handleSelect,
+      onCheckAll: _ctx.handleSelectAll,
+      onSearch: _ctx.handleSearchChange
+    }, null, 8, ["prefix-cls", "list-style", "title-text", "data-source", "checked-keys", "disabled", "show-select-all", "filter-method", "show-search", "search", "footer", "render-list", "locale", "loading", "onItemSelect", "onCheckAll", "onSearch"]),
+    createVNode(_component_Operation, {
+      "prefix-cls": _ctx.prefixCls,
+      "to-right-disabled": _ctx.toRightDisabled || _ctx.separatedKeys.sourceSelectedKeys.length === 0,
+      "to-left-disabled": _ctx.toLeftDisabled || _ctx.separatedKeys.targetSelectedKeys.length === 0,
+      disabled: _ctx.disabled,
+      loading: _ctx.loading,
+      operations: _ctx.operations,
+      onOnClick: _ctx.handleChange
+    }, null, 8, ["prefix-cls", "to-right-disabled", "to-left-disabled", "disabled", "loading", "operations", "onOnClick"]),
+    createVNode(_component_TransferList, {
+      ref: _ctx.getTransferRef(1),
+      side: "right",
+      "prefix-cls": _ctx.prefixCls,
+      "list-style": _ctx.listStyle,
+      "title-text": _ctx.titles[1],
+      "data-source": _ctx.separatedData.rightData,
+      "checked-keys": _ctx.separatedKeys.targetSelectedKeys,
+      disabled: _ctx.disabled,
+      "show-select-all": _ctx.showSelectAll,
+      "filter-method": _ctx.filterMethod,
+      "show-search": _ctx.showSearch,
+      search: _ctx.rightSearch,
+      footer: _ctx.footer,
+      "render-list": _ctx.renderList,
+      locale: _ctx.thisLocale,
+      loading: _ctx.loading,
+      onItemSelect: _ctx.handleSelect,
+      onCheckAll: _ctx.handleSelectAll,
+      onSearch: _ctx.handleSearchChange
+    }, null, 8, ["prefix-cls", "list-style", "title-text", "data-source", "checked-keys", "disabled", "show-select-all", "filter-method", "show-search", "search", "footer", "render-list", "locale", "loading", "onItemSelect", "onCheckAll", "onSearch"])
+  ], 10, _hoisted_1);
+}
+var Transfer = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "E:\\br-fe\\uxd-ui\\src\\components\\Transfer\\Transfer.vue"]]);
+
+export { DataItem, Transfer as default };
+//# sourceMappingURL=Transfer.mjs.map

package/es/components/Transfer/Transfer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Transfer.mjs","sources":["../../../../src/components/Transfer/Transfer.vue"],"sourcesContent":["<template>\n  <div :class=\"[prefixCls, { [`${prefixCls}-custom`]: !!renderList, [`${prefixCls}-rtl`]: computedDirection === 'rtl' }]\" :data-color=\"color\">\n    <TransferList\n      :ref=\"getTransferRef(0)\"\n      side=\"left\"\n      :prefix-cls=\"prefixCls\"\n      :list-style=\"listStyle\"\n      :title-text=\"titles[0]\"\n      :data-source=\"separatedData.leftData\"\n      :checked-keys=\"separatedKeys.sourceSelectedKeys\"\n      :disabled=\"disabled\"\n      :show-select-all=\"showSelectAll\"\n      :filter-method=\"filterMethod\"\n      :show-search=\"showSearch\"\n      :search=\"leftSearch\"\n      :footer=\"footer\"\n      :render-list=\"renderList\"\n      :locale=\"thisLocale\"\n      :loading=\"loading\"\n      @item-select=\"handleSelect\"\n      @check-all=\"handleSelectAll\"\n      @search=\"handleSearchChange\"\n    />\n    <Operation\n      :prefix-cls=\"prefixCls\"\n      :to-right-disabled=\"toRightDisabled || separatedKeys.sourceSelectedKeys.length === 0\"\n      :to-left-disabled=\"toLeftDisabled || separatedKeys.targetSelectedKeys.length === 0\"\n      :disabled=\"disabled\"\n      :loading=\"loading\"\n      :operations=\"operations\"\n      @on-click=\"handleChange\"\n    />\n    <TransferList\n      :ref=\"getTransferRef(1)\"\n      side=\"right\"\n      :prefix-cls=\"prefixCls\"\n      :list-style=\"listStyle\"\n      :title-text=\"titles[1]\"\n      :data-source=\"separatedData.rightData\"\n      :checked-keys=\"separatedKeys.targetSelectedKeys\"\n      :disabled=\"disabled\"\n      :show-select-all=\"showSelectAll\"\n      :filter-method=\"filterMethod\"\n      :show-search=\"showSearch\"\n      :search=\"rightSearch\"\n      :footer=\"footer\"\n      :render-list=\"renderList\"\n      :locale=\"thisLocale\"\n      :loading=\"loading\"\n      @item-select=\"handleSelect\"\n      @check-all=\"handleSelectAll\"\n      @search=\"handleSearchChange\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, watch, computed, provide, ref, inject } from 'vue';\nimport TransferList from './TransferList.vue';\nimport Operation from './Operation.vue';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { changeKeys } from './util';\nimport { transferEmits, transferProps, type TransferDataItem, type TransferSide } from './Transfer.type';\n\nimport type { FormItemContext } from '../Form/Form.type';\nimport { FormItemKey } from '../Form';\n\nexport const DataItem = {\n  key: { type: String, isRequired: true },\n  title: { type: String, isRequired: true },\n  description: { type: String },\n  disabled: { type: Boolean, default: undefined as undefined }\n};\n\ndeclare type TransferListInstance = InstanceType<typeof TransferList>;\n\nexport default defineComponent({\n  name: 'UTransfer',\n  components: { TransferList, Operation },\n  props: transferProps,\n  emits: transferEmits,\n  setup(props, { emit, slots }) {\n    const { prefixCls, config: globalConfig } = useGlobalConfig('transfer');\n\n    const { onFieldChange } = inject<FormItemContext>(FormItemKey, {} as FormItemContext);\n\n    const transferRefs = ref<TransferListInstance[]>([]);\n\n    const getTransferRef = (i: number) => {\n      return (ins: any) => {\n        transferRefs.value[i] = ins;\n      };\n    };\n\n    const thisLocale = computed(() => {\n      return props.locale || globalConfig.locale.transfer;\n    });\n\n    const computedDirection = computed(() => {\n      return props.direction || globalConfig.direction || 'ltr';\n    });\n\n    const selfTargetKeys = ref(props.targetKeys || []);\n    const selfSelectedKeys = ref(props.selectedKeys || []);\n\n    watch(\n      () => props.targetKeys,\n      (nextTargetKeys) => {\n        selfTargetKeys.value = nextTargetKeys || [];\n      }\n    );\n\n    // compute left dataSource and right dataSource\n    const separatedData = computed(() => {\n      const leftData: TransferDataItem[] = [];\n      const rightData = new Array(selfTargetKeys.value.length);\n      props.dataSource.forEach((data) => {\n        const keyIndex = selfTargetKeys.value.indexOf(data.key);\n        if (!props.removeSource) {\n          leftData.push({\n            ...data,\n            disabled: data.disabled || keyIndex !== -1\n          });\n          if (keyIndex !== -1) {\n            rightData[keyIndex] = { ...data, disabled: data.disabled || false };\n          }\n        } else if (keyIndex !== -1) {\n          rightData[keyIndex] = data;\n        } else {\n          leftData.push(data);\n        }\n      });\n      return {\n        leftData,\n        rightData: rightData.filter((x) => !!x)\n      };\n    });\n\n    // watch dataSource update selfTargetKeys and selfSelectedKeys\n    watch(\n      () => props.dataSource,\n      (nextDataSource) => {\n        selfTargetKeys.value = nextDataSource.filter((nd) => selfTargetKeys.value.includes(nd.key)).map((nd) => nd.key);\n        const nextSelectedKeys = props.selectedKeys || selfSelectedKeys.value;\n        selfSelectedKeys.value = nextSelectedKeys.filter((sk) => nextDataSource.map((nd) => nd.key).includes(sk));\n      }\n    );\n\n    // watch and computed source selectedKeys and target selectedKeys\n    watch(\n      () => props.selectedKeys,\n      (nextSelectedKeys) => {\n        selfSelectedKeys.value = nextSelectedKeys || [];\n      }\n    );\n\n    const separatedKeys = computed(() => {\n      return {\n        sourceSelectedKeys: selfSelectedKeys.value.filter((k) => !selfTargetKeys.value.includes(k)),\n        targetSelectedKeys: selfSelectedKeys.value.filter((k) => selfTargetKeys.value.includes(k))\n      };\n    });\n\n    // provide combine solt and props renderItem method\n    const itemRender = computed(() => {\n      if (slots.renderItem) {\n        return slots.renderItem;\n      }\n      return ({ item }: { item: TransferDataItem }) => props.renderItem(item);\n    });\n    provide('renderItem', itemRender.value);\n\n    /**\n     * @param {string[]} sourceSelectedKeys\n     * @param {string[]} targetSelectedKeys\n     * @return {void}\n     * @description update selected keys\n     */\n    const updateSelectKeys = (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => {\n      // no selectedKeys props, change selfSelectedKeys\n      if (!props.selectedKeys) {\n        selfSelectedKeys.value = [...sourceSelectedKeys, ...targetSelectedKeys];\n      }\n      emit('select-change', sourceSelectedKeys, targetSelectedKeys);\n    };\n\n    /**\n     * @param {string} itemKey item key\n     * @param {boolean} checked next checked value\n     * @param {string} side left or right\n     * @return {void}\n     * @description select single item\n     */\n    const handleSelect = (itemKey: string, checked: boolean, side: TransferSide) => {\n      const { sourceSelectedKeys, targetSelectedKeys } = separatedKeys.value;\n      if (side === 'left') {\n        const changedKeys = changeKeys(sourceSelectedKeys, itemKey, checked);\n        updateSelectKeys(changedKeys, targetSelectedKeys);\n      }\n\n      if (side === 'right') {\n        const changedKeys = changeKeys(targetSelectedKeys, itemKey, checked);\n        updateSelectKeys(sourceSelectedKeys, changedKeys);\n      }\n    };\n\n    /**\n     * @param {string[]} nextCheckedKeys next checked keys\n     * @param {string} side left or right\n     * @return {void}\n     * @description click checkAll method: change to all or []\n     */\n    const handleSelectAll = (nextCheckedKeys: string[], side: TransferSide) => {\n      const { sourceSelectedKeys, targetSelectedKeys } = separatedKeys.value;\n      if (side === 'left') {\n        updateSelectKeys(nextCheckedKeys, targetSelectedKeys);\n      }\n\n      if (side === 'right') {\n        updateSelectKeys(sourceSelectedKeys, nextCheckedKeys);\n      }\n    };\n\n    /**\n     * @param {string[]} nextTargetKeys next target keys\n     * @param {string} direction move direction: arrow direction\n     * @param {string[]} moveKeys moved keys\n     * @return {void}\n     * @description update target keys\n     */\n    const updateTargetKeys = (nextTargetKeys: string[], direction: TransferSide, moveKeys: string[]) => {\n      // no targetKeys props, change selfTargetKeys\n      if (!props.targetKeys) {\n        selfTargetKeys.value = nextTargetKeys;\n      }\n      emit('update:targetKeys', nextTargetKeys);\n      emit('change', nextTargetKeys, direction, moveKeys);\n      if (onFieldChange) onFieldChange(nextTargetKeys);\n    };\n\n    /**\n     * @param {string} direction move direction: arrow direction\n     * @return {void}\n     * @description click arrow button method: change target keys\n     */\n    const handleChange = (direction: TransferSide) => {\n      const { sourceSelectedKeys, targetSelectedKeys } = separatedKeys.value;\n      if (direction === 'right') {\n        const nextTargetKeys = props.dataSource.filter((d) => [...selfTargetKeys.value, ...sourceSelectedKeys].includes(d.key)).map((d) => d.key);\n        updateTargetKeys(nextTargetKeys, direction, sourceSelectedKeys);\n        updateSelectKeys([], targetSelectedKeys);\n      }\n      if (direction === 'left') {\n        const nextTargetKeys = selfTargetKeys.value.filter((k) => !targetSelectedKeys.includes(k));\n        updateTargetKeys(nextTargetKeys, direction, targetSelectedKeys);\n        updateSelectKeys(sourceSelectedKeys, []);\n      }\n    };\n\n    /**\n     * @param {string} side left or right side\n     * @param {string} value input value\n     * @return {void}\n     * @description type search value call back\n     */\n    const handleSearchChange = (side: TransferSide, value: string) => {\n      emit('search', side, value);\n    };\n\n    /**\n     * @param {*}\n     * @return {*}\n     * @description make search value empty\n     */\n    const clrearTransferSearchValue = () => {\n      transferRefs.value.forEach((transferRef) => {\n        if (transferRef) {\n          transferRef.clearSearchValue();\n        }\n      });\n    };\n\n    provide(FormItemKey, {\n      onFieldBlur: () => {},\n      onFieldChange: () => {}\n    });\n\n    return {\n      transferRefs,\n      getTransferRef,\n      thisLocale,\n      prefixCls,\n      separatedData,\n      separatedKeys,\n      computedDirection,\n      footer: slots.footer,\n      renderList: slots.children,\n      leftSearch: slots.leftSearch,\n      rightSearch: slots.rightSearch,\n      handleSelect,\n      handleSelectAll,\n      handleChange,\n      handleSearchChange,\n      clrearTransferSearchValue\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createVNode"],"mappings":"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"}

package/es/components/Transfer/Transfer.type.d.ts

@@ -0,0 +1,97 @@
+import type { CSSProperties, ExtractPropTypes, PropType, VNodeChild } from 'vue';
+import type { TransferLocal } from '../locale/default';
+export interface TransferDataItem {
+    key: string;
+    title: string;
+    disabled?: boolean;
+    [key: string]: any;
+}
+export declare type TransferFilterMethod = (inputValue: string, item: TransferDataItem, searchKey?: string) => boolean;
+export declare type TransferRenderItem = (item: TransferDataItem) => VNodeChild;
+export declare type InjectRenderItem = ({ item }: {
+    item: TransferDataItem;
+}) => VNodeChild;
+export declare const transferSide: readonly ["left", "right"];
+export declare type TransferSide = (typeof transferSide)[number];
+export declare const transferProps: {
+    dataSource: {
+        type: PropType<TransferDataItem[]>;
+        default: () => TransferDataItem[];
+    };
+    targetKeys: {
+        type: PropType<string[]>;
+        validator: (val: any[]) => boolean;
+    };
+    showSelectAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectedKeys: {
+        type: PropType<string[]>;
+        validator: (val: any[]) => boolean;
+    };
+    titles: {
+        type: PropType<string[]>;
+        default: () => string[];
+        validator: (val: any[]) => boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    toRightDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    toLeftDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    renderItem: {
+        type: PropType<TransferRenderItem>;
+        default: (i: TransferDataItem) => string;
+    };
+    showSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    filterMethod: {
+        type: PropType<TransferFilterMethod>;
+        default: (inputValue: string, item: TransferDataItem, searchKey?: string) => boolean;
+    };
+    listStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    operations: {
+        type: PropType<string[]>;
+        default: () => string[];
+        validator: (val: any[]) => boolean;
+    };
+    locale: {
+        type: PropType<TransferLocal>;
+    };
+    removeSource: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
+        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
+    };
+    direction: {
+        type: PropType<"ltr" | "rtl">;
+    };
+};
+export declare type TransferProps = ExtractPropTypes<typeof transferProps>;
+export declare const transferEmits: {
+    'select-change': (source: string[], target: string[]) => boolean;
+    change: (target: string[], side: TransferSide, moveKeys: string[]) => boolean;
+    search: (side: TransferSide, value: string) => boolean;
+    'update:targetKeys': (target: string[]) => boolean;
+};

package/es/components/Transfer/Transfer.type.mjs

@@ -0,0 +1,89 @@
+import { isArrayOf, oneOf } from '../../utils/propsValidators.mjs';
+import '../../utils/index.mjs';
+import { colorType } from '../../utils/globalType.mjs';
+
+const transferSide = ["left", "right"];
+const transferProps = {
+  dataSource: {
+    type: Array,
+    default: () => []
+  },
+  targetKeys: {
+    type: Array,
+    validator: isArrayOf(String)
+  },
+  showSelectAll: {
+    type: Boolean,
+    default: true
+  },
+  selectedKeys: {
+    type: Array,
+    validator: isArrayOf(String)
+  },
+  titles: {
+    type: Array,
+    default: () => ["", ""],
+    validator: isArrayOf(String)
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  toRightDisabled: {
+    type: Boolean,
+    default: false
+  },
+  toLeftDisabled: {
+    type: Boolean,
+    default: false
+  },
+  renderItem: {
+    type: Function,
+    default: (i) => i.title
+  },
+  showSearch: {
+    type: Boolean,
+    default: false
+  },
+  filterMethod: {
+    type: Function,
+    default: (inputValue, item, searchKey = "title") => item[searchKey].toLowerCase().indexOf(inputValue.toLowerCase()) > -1
+  },
+  listStyle: {
+    type: Object,
+    default: () => ({})
+  },
+  operations: {
+    type: Array,
+    default: () => ["", ""],
+    validator: isArrayOf(String)
+  },
+  locale: {
+    type: Object
+  },
+  removeSource: {
+    type: Boolean,
+    default: true
+  },
+  loading: {
+    type: Boolean,
+    default: false
+  },
+  color: {
+    type: String,
+    default: void 0,
+    validator: oneOf(colorType)
+  },
+  direction: {
+    type: String
+  }
+};
+const transferEmits = {
+  "select-change": (source, target) => Array.isArray(source) && Array.isArray(target),
+  change: (target, side, moveKeys) => Array.isArray(moveKeys) && Array.isArray(target) && transferSide.includes(side),
+  search: (side, value) => transferSide.includes(side) && typeof value === "string",
+  "update:targetKeys": (target) => Array.isArray(target)
+};
+
+export { transferEmits, transferProps, transferSide };
+//# sourceMappingURL=Transfer.type.mjs.map

package/es/components/Transfer/Transfer.type.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Transfer.type.mjs","sources":["../../../../src/components/Transfer/Transfer.type.ts"],"sourcesContent":["import type { CSSProperties, ExtractPropTypes, PropType, VNodeChild } from 'vue';\nimport { isArrayOf, oneOf } from '../../utils/propsValidators';\nimport type { TransferLocal } from '../locale/default';\nimport type { ColorType } from '../../utils';\nimport { colorType } from '../../utils';\n\nexport interface TransferDataItem {\n  key: string;\n  title: string;\n  disabled?: boolean;\n  [key: string]: any;\n}\n\nexport type TransferFilterMethod = (inputValue: string, item: TransferDataItem, searchKey?: string) => boolean;\nexport type TransferRenderItem = (item: TransferDataItem) => VNodeChild;\nexport type InjectRenderItem = ({ item }: { item: TransferDataItem }) => VNodeChild;\n\nexport const transferSide = ['left', 'right'] as const;\nexport type TransferSide = (typeof transferSide)[number];\n\nexport const transferProps = {\n  dataSource: {\n    type: Array as PropType<TransferDataItem[]>,\n    default: () => [] as TransferDataItem[]\n  },\n  targetKeys: {\n    type: Array as PropType<string[]>,\n    validator: isArrayOf(String)\n  },\n  showSelectAll: {\n    type: Boolean,\n    default: true\n  },\n  selectedKeys: {\n    type: Array as PropType<string[]>,\n    validator: isArrayOf(String)\n  },\n  titles: {\n    type: Array as PropType<string[]>,\n    default: () => ['', ''],\n    validator: isArrayOf(String)\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  toRightDisabled: {\n    type: Boolean,\n    default: false\n  },\n  toLeftDisabled: {\n    type: Boolean,\n    default: false\n  },\n  renderItem: {\n    type: Function as PropType<TransferRenderItem>,\n    default: (i: TransferDataItem) => i.title\n  },\n  showSearch: {\n    type: Boolean,\n    default: false\n  },\n  filterMethod: {\n    type: Function as PropType<TransferFilterMethod>,\n    default: (inputValue: string, item: TransferDataItem, searchKey = 'title') => item[searchKey].toLowerCase().indexOf(inputValue.toLowerCase()) > -1\n  },\n  listStyle: {\n    type: Object as PropType<CSSProperties>,\n    default: () => ({})\n  },\n  operations: {\n    type: Array as PropType<string[]>,\n    default: () => ['', ''],\n    validator: isArrayOf(String)\n  },\n  locale: {\n    type: Object as PropType<TransferLocal>\n  },\n  removeSource: {\n    type: Boolean,\n    default: true\n  },\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  color: {\n    type: String as PropType<ColorType | undefined>,\n    default: undefined as undefined | ColorType,\n    validator: oneOf(colorType)\n  },\n  direction: {\n    type: String as PropType<'ltr' | 'rtl'>\n  }\n};\nexport type TransferProps = ExtractPropTypes<typeof transferProps>;\n\nexport const transferEmits = {\n  'select-change': (source: string[], target: string[]) => Array.isArray(source) && Array.isArray(target),\n  change: (target: string[], side: TransferSide, moveKeys: string[]) =>\n    Array.isArray(moveKeys) && Array.isArray(target) && transferSide.includes(side),\n  search: (side: TransferSide, value: string) => transferSide.includes(side) && typeof value === 'string',\n  'update:targetKeys': (target: string[]) => Array.isArray(target)\n};\n"],"names":[],"mappings":";;;;MAiBa,eAAe,CAAC,QAAQ,OAAO;MAG/B,gBAAgB;AAAA,EAC3B,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS,MAAM;AAAC;AAClB,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,WAAW,UAAU,MAAM;AAAA;AAC7B,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,WAAW,UAAU,MAAM;AAAA;AAC7B,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS,MAAM,CAAC,IAAI,EAAE;AAAA,IACtB,WAAW,UAAU,MAAM;AAAA;AAC7B,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS,CAAC,MAAwB,EAAE;AAAA;AACtC,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS,CAAC,YAAoB,MAAwB,YAAY,YAAY,KAAK,WAAW,cAAc,QAAQ,WAAW,aAAa,IAAI;AAAA;AAClJ,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS,OAAO;AAAC;AACnB,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS,MAAM,CAAC,IAAI,EAAE;AAAA,IACtB,WAAW,UAAU,MAAM;AAAA;AAC7B,EACA,QAAQ;AAAA,IACN,MAAM;AAAA;AACR,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,SAAS;AAAA;AAC5B,EACA,WAAW;AAAA,IACT,MAAM;AAAA;AAEV;MAGa,gBAAgB;AAAA,EAC3B,iBAAiB,CAAC,QAAkB,WAAqB,MAAM,QAAQ,MAAM,KAAK,MAAM,QAAQ,MAAM;AAAA,EACtG,QAAQ,CAAC,QAAkB,MAAoB,aAC7C,MAAM,QAAQ,QAAQ,KAAK,MAAM,QAAQ,MAAM,KAAK,aAAa,SAAS,IAAI;AAAA,EAChF,QAAQ,CAAC,MAAoB,UAAkB,aAAa,SAAS,IAAI,KAAK,OAAO,UAAU;AAAA,EAC/F,qBAAqB,CAAC,WAAqB,MAAM,QAAQ,MAAM;AACjE;;;;"}