bkui-vue 0.0.1-beta.227 → 0.0.1-beta.228

package/dist/index.esm.js

@@ -27056,7 +27056,11 @@ const transferProps = {
 function useTransferData(sourceData, targetList, settingCode) {
   const selectList = ref([]);
   const selectedList = ref([]);
-  const transformData = () => {
+  const transformData = (isChange = false) => {
+    if (isChange) {
+      selectList.value = [];
+      selectedList.value = [];
+    }
     sourceData.value.forEach((s2) => {
       const keyId = s2[settingCode.value];
       if (targetList.value.includes(keyId)) {
@@ -27067,7 +27071,11 @@ function useTransferData(sourceData, targetList, settingCode) {
     });
   };
   transformData();
-  watch(() => [sourceData, targetList, settingCode], transformData);
+  watch(() => [sourceData, targetList, settingCode], () => {
+    transformData(true);
+  }, {
+    deep: true
+  });
   return {
     selectList,
     selectedList
@@ -27142,20 +27150,40 @@ var Component$9 = defineComponent({
         return va > vb ? 1 : -1;
       });
     });
+    watch(() => [selectList, selectedList], () => {
+      handleEmitUpdateTargetList();
+    }, {
+      deep: true
+    });
+    const handleCheckAllItemSelect = (list, source) => {
+      const itemKey = settingCode.value;
+      return list.some((val) => val[itemKey] === source[itemKey]) && source.disabled;
+    };
     const allToRight = () => {
-      selectList.value = [];
-      selectedList.value = [...sourceData.value];
+      selectList.value = [...sourceData.value.filter((source) => {
+        return handleCheckAllItemSelect(selectList.value, source);
+      })];
+      selectedList.value = [...sourceData.value.filter((source) => {
+        return !handleCheckAllItemSelect(selectList.value, source);
+      })];
       handleEmitUpdateTargetList();
     };
     const allToLeft = () => {
-      selectList.value = [...sourceData.value];
-      selectedList.value = [];
+      selectList.value = [...sourceData.value.filter((source) => {
+        return !handleCheckAllItemSelect(selectedList.value, source);
+      })];
+      selectedList.value = [...sourceData.value.filter((source) => {
+        return handleCheckAllItemSelect(selectedList.value, source);
+      })];
       handleEmitUpdateTargetList();
     };
-    const handleItemClick = (itemKey, isLeft) => {
+    const handleItemClick = (item, isLeft) => {
+      if (item.disabled)
+        return;
+      const itemKey = item[settingCode.value];
       const from = isLeft ? selectList : selectedList;
       const to = isLeft ? selectedList : selectList;
-      const index = from.value.findIndex((item) => item[settingCode.value] === itemKey);
+      const index = from.value.findIndex((item2) => item2[settingCode.value] === itemKey);
       to.value.push(...from.value.splice(index, 1));
       handleEmitUpdateTargetList();
     };
@@ -27212,7 +27240,9 @@ var Component$9 = defineComponent({
     };
     const getDefaultListHtml = (item, isLeft = true) => {
       return createVNode("div", {
-        "class": "item-content"
+        "class": ["item-content", {
+          "is-disabled": item.disabled
+        }]
       }, [createVNode("span", {
         "class": "content-text",
         "title": item[this.displayCode]
@@ -27236,7 +27266,7 @@ var Component$9 = defineComponent({
         return createVNode("li", {
           "key": item[this.settingCode],
           "class": [this.$slots[slotName] ? "custom-item" : ""],
-          "onClick": () => this.handleItemClick(item[this.settingCode], isLeft)
+          "onClick": () => this.handleItemClick(item, isLeft)
         }, [(_c = (_b = (_a = this.$slots)[slotName]) == null ? void 0 : _b.call(_a, item)) != null ? _c : getDefaultListHtml(item, isLeft)]);
       })]) : getEmptyHtml(emptySlotName);
     };