@opentiny/vue-renderless 3.19.3 → 3.19.5

package/common/index.js

@@ -237,7 +237,7 @@ const CASCADER = {
   PropsHover: "hoverThreshold",
   MenuConnector: "cascader-menu-"
 };
-const version = "3.19.3";
+const version = "3.19.5";
 const log = (data, type = "log") => {
   uLog.logger[type](data);
 };

package/common/runtime.js

@@ -22,7 +22,7 @@ import vuePopup from "./deps/vue-popup";
 import validate from "./validate";
 import memorize from "./deps/memorize";
 import * as common from ".";
-const version = "3.19.3";
+const version = "3.19.5";
 const Renderless = {
   browser,
   array,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.19.3",
+  "version": "3.19.5",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "author": "OpenTiny Team",
   "license": "MIT",

package/transfer/index.js

@@ -142,13 +142,15 @@ const clearQuery = (refs) => (which) => {
     refs.rightPanel.state.query = "";
   }
 };
-const logicFun = ({ props, emit, state }) => ({ event, isAdd, pullMode }) => {
+const logicFun = ({ props, emit, state, vm }) => ({ event, isAdd, pullMode }) => {
   let currentValue = props.modelValue.slice();
   let movedKeys = [];
   if (pullMode) {
     currentValue.splice(event.newIndex, 0, currentValue.splice(event.oldIndex, 1)[0]);
   } else {
-    const key = isAdd ? state.targetData[event.oldIndex][props.props.key] : state.sourceData[event.oldIndex][props.props.key];
+    const rightPanel = vm.$refs.rightPanel;
+    const leftPanel = vm.$refs.leftPanel;
+    const key = isAdd ? rightPanel.state.filteredData[event.oldIndex][props.props.key] : leftPanel.state.filteredData[event.oldIndex][props.props.key];
     const index = isAdd ? state.rightChecked.indexOf(key) : state.leftChecked.indexOf(key);
     const valueIndex = currentValue.indexOf(key);
     if (isAdd) {

package/transfer/vue.js

@@ -34,7 +34,7 @@ const initState = ({ reactive, computed, api: api2, props, h, slots }) => reacti
     return h("span", option[props.props.label] || option[props.props.key]);
   })
 });
-const renderless = (props, { computed, onMounted, reactive, h }, { $prefix, emit, refs, parent, slots }) => {
+const renderless = (props, { computed, onMounted, reactive, h }, { $prefix, emit, refs, parent, slots, vm }) => {
   const api2 = {};
   const Tree = $prefix + "Tree";
   const Table = $prefix + "Table";
@@ -51,7 +51,7 @@ const renderless = (props, { computed, onMounted, reactive, h }, { $prefix, emit
     addToRight: addToRight({ emit, refs, props, state, Tree }),
     onTargetCheckedChange: onTargetCheckedChange({ emit, state }),
     onSourceCheckedChange: onSourceCheckedChange({ emit, state }),
-    logicFun: logicFun({ props, emit, state }),
+    logicFun: logicFun({ props, emit, state, vm }),
     getTargetData: getTargetData({ props, state, Tree, Table }),
     sortableEvent: sortableEvent({ api: api2, droppanel: DROPPANEL, props, queryDom: TRANSFERPANEL, refs })
   });

package/tree-node/index.js

@@ -48,6 +48,10 @@ const handleSelectChange = ({ props, state }) => (checked, indeterminate) => {
   state.indeterminate = indeterminate;
 };
 const handleClick = ({ api, vm, props, state }) => (e) => {
+  const contentElm = vm.$refs.content;
+  if (contentElm && !contentElm.contains(e == null ? void 0 : e.target)) {
+    return;
+  }
   const store = state.tree.state.store;
   state.tree.clearCurrentStore(props.node);
   if (!state.tree.onlyCheckChildren) {

package/types/transfer.type.d.ts

@@ -120,7 +120,7 @@ declare const addToRight: ({ emit, refs, props, state, Tree }: Pick<ITransferRen
 }) => (value: undefined | 'all') => void;
 declare const clearQuery: (refs: ITransferRenderlessParams['refs']) => (which: 'left' | 'right') => void;
 /** SortableJs 插件的回调逻辑， 添加，删除，更新事件后，触发本函数 */
-declare const logicFun: ({ props, emit, state }: Pick<ITransferRenderlessParams, 'emit' | 'props' | 'state'>) => ({ event, isAdd, pullMode }: {
+declare const logicFun: ({ props, emit, state, vm }: Pick<ITransferRenderlessParams, 'emit' | 'props' | 'state'>) => ({ event, isAdd, pullMode }: {
     event: any;
     isAdd?: boolean | undefined;
     pullMode?: "sort" | undefined;