@opentiny/vue-renderless 3.6.0-alpha.1 → 3.6.1-alpha.0

package/transfer/index.js

@@ -1,27 +1,16 @@
-import { copyArray } from '@opentiny/vue-renderless/common/object';
-export var getObj = function getObj(props) {
-  return function () {
-    return props.data.reduce(function (o, cur) {
-      return (o[cur[props.props.key]] = cur) && o;
-    }, {});
-  };
-};
-export var getSourceData = function getSourceData(_ref) {
-  var props = _ref.props,
-    Tree = _ref.Tree;
-  return function () {
-    if (props.render && props.render.plugin.name === Tree) {
-      return props.data;
-    }
-    return props.data.filter(function (item) {
-      return props.modelValue.indexOf(item[props.props.key]) === -1;
-    });
-  };
+import "../chunk-PKUHTIDK.js";
+import { copyArray } from "@opentiny/vue-renderless/common/object";
+const getObj = (props) => () => props.data.reduce((o, cur) => (o[cur[props.props.key]] = cur) && o, {});
+const getSourceData = ({ props, Tree }) => () => {
+  if (props.render && props.render.plugin.name === Tree) {
+    return props.data;
+  }
+  return props.data.filter((item) => !props.modelValue.includes(item[props.props.key]));
 };
-export var getFlatData = function getFlatData(data, hasChildren) {
-  var nodes = [];
-  var getChild = function getChild(data) {
-    data.forEach(function (node) {
+const getFlatData = (data, hasChildren) => {
+  const nodes = [];
+  const getChild = (data2) => {
+    data2.forEach((node) => {
       nodes.push(node);
       if (node.children && node.children.length > 0) {
         getChild(node.children);
@@ -30,7 +19,7 @@ export var getFlatData = function getFlatData(data, hasChildren) {
   };
   getChild(data);
   if (hasChildren) {
-    nodes.forEach(function (item) {
+    nodes.forEach((item) => {
       if (item.children) {
         delete item.children;
       }
@@ -38,259 +27,197 @@ export var getFlatData = function getFlatData(data, hasChildren) {
   }
   return nodes;
 };
-export var getTargetData = function getTargetData(_ref2) {
-  var order = _ref2.order,
-    props = _ref2.props,
-    state = _ref2.state,
-    Tree = _ref2.Tree,
-    Table = _ref2.Table;
-  return function () {
-    if (props.render && props.render.plugin.name === Tree) {
-      var nodes = getFlatData(copyArray(props.data), true);
-      var rightData = nodes.filter(function (item) {
-        return props.modelValue.indexOf(item[props.props.key]) > -1;
-      });
-      var sortAry = [];
-      props.modelValue.forEach(function (value) {
-        sortAry.push(rightData.filter(function (item) {
-          return item[props.props.key] === value;
-        })[0]);
-      });
-      sortAry.flag = 'sort';
-      return sortAry;
-    }
-    if (props.targetOrder === order) {
-      return props.data.filter(function (item) {
-        return props.modelValue.indexOf(item[props.props.key]) > -1;
-      });
-    } else {
-      var data = props.modelValue.reduce(function (arr, cur) {
-        var val = state.dataObj[cur];
-        if (val) {
-          arr.push(val);
-        }
-        return arr;
-      }, []);
-      if (props.render && props.render.plugin.name === Table) {
-        data.flag = 'table';
+const getTargetData = ({ order, props, state, Tree, Table }) => () => {
+  if (props.render && props.render.plugin.name === Tree) {
+    const nodes = getFlatData(copyArray(props.data), true);
+    const rightData = nodes.filter((item) => props.modelValue.includes(item[props.props.key]));
+    const sortAry = [];
+    props.modelValue.forEach((value) => {
+      sortAry.push(rightData.filter((item) => item[props.props.key] === value)[0]);
+    });
+    sortAry.flag = "sort";
+    return sortAry;
+  }
+  if (props.targetOrder === order) {
+    return props.data.filter((item) => props.modelValue.includes(item[props.props.key]));
+  } else {
+    const data = props.modelValue.reduce((arr, cur) => {
+      const val = state.dataObj[cur];
+      if (val) {
+        arr.push(val);
       }
-      return data;
+      return arr;
+    }, []);
+    if (props.render && props.render.plugin.name === Table) {
+      data.flag = "table";
     }
-  };
+    return data;
+  }
 };
-export var onSourceCheckedChange = function onSourceCheckedChange(_ref3) {
-  var emit = _ref3.emit,
-    state = _ref3.state;
-  return function (val, movedKeys) {
-    state.leftChecked = val;
-    if (movedKeys === undefined) {
-      return;
-    }
-    emit('left-check-change', val, movedKeys);
-  };
+const onSourceCheckedChange = ({ emit, state }) => (val, movedKeys) => {
+  state.leftChecked = val;
+  if (movedKeys === void 0) {
+    return;
+  }
+  emit("left-check-change", val, movedKeys);
 };
-export var onTargetCheckedChange = function onTargetCheckedChange(_ref4) {
-  var emit = _ref4.emit,
-    state = _ref4.state;
-  return function (val, movedKeys) {
-    state.rightChecked = val;
-    if (movedKeys === undefined) {
-      return;
-    }
-    emit('right-check-change', val, movedKeys);
-  };
+const onTargetCheckedChange = ({ emit, state }) => (val, movedKeys) => {
+  state.rightChecked = val;
+  if (movedKeys === void 0) {
+    return;
+  }
+  emit("right-check-change", val, movedKeys);
 };
-export var addToLeft = function addToLeft(_ref5) {
-  var emit = _ref5.emit,
-    props = _ref5.props,
-    state = _ref5.state;
-  return function (value) {
+const addToLeft = ({ emit, props, state }) => (value) => {
+  const change = () => {
     state.isToLeft = true;
-    var currentValue = props.modelValue.slice();
-    if (value === 'all') {
-      state.rightChecked = state.rightData.map(function (item) {
-        return item[props.props.key];
-      });
+    let currentValue = props.modelValue.slice();
+    if (value === "all") {
+      state.rightChecked = state.rightData.map((item) => item[props.props.key]);
     }
-    state.rightChecked.forEach(function (item) {
-      var index = currentValue.indexOf(item);
+    state.rightChecked.forEach((item) => {
+      const index = currentValue.indexOf(item);
       if (index > -1) {
         currentValue.splice(index, 1);
       }
     });
     state.rightChecked = state.rightChecked.slice(0);
-    emit('update:modelValue', currentValue);
-    emit('change', currentValue, 'left', state.rightChecked);
+    emit("update:modelValue", currentValue);
+    emit("change", currentValue, "left", state.rightChecked);
   };
+  props.beforeTransfer ? props.beforeTransfer(change) : change();
 };
-export var addToRight = function addToRight(_ref6) {
-  var emit = _ref6.emit,
-    refs = _ref6.refs,
-    props = _ref6.props,
-    state = _ref6.state,
-    Tree = _ref6.Tree;
-  return function (value) {
+const addToRight = ({ emit, refs, props, state, Tree }) => (value) => {
+  const change = () => {
     state.isToLeft = false;
-    var currentValue = props.modelValue.slice();
-    var itemsToBeMoved = [];
-    var key = props.props.key;
+    let currentValue = props.modelValue.slice();
+    const itemsToBeMoved = [];
+    const key = props.props.key;
     if (props.render && props.render.plugin.name === Tree) {
       if (!props.treeOp.checkStrictly) {
         currentValue = refs.leftPanel.$refs.plugin.getCheckedKeys();
       } else {
-        state.leftChecked.forEach(function (item) {
-          return currentValue.indexOf(item) === -1 && currentValue.push(item);
-        });
+        state.leftChecked.forEach((item) => !currentValue.includes(item) && currentValue.push(item));
       }
     } else {
-      if (value === 'all') {
-        state.leftData.forEach(function (item) {
-          var itemKey = item[key];
-          if (props.modelValue.indexOf(itemKey) === -1) {
+      if (value === "all") {
+        state.leftData.forEach((item) => {
+          const itemKey = item[key];
+          if (!props.modelValue.includes(itemKey)) {
             itemsToBeMoved.push(itemKey);
           }
         });
         state.leftChecked = itemsToBeMoved.slice();
       } else {
-        props.data.forEach(function (item) {
-          var itemKey = item[key];
-          if (state.leftChecked.indexOf(itemKey) > -1 && props.modelValue.indexOf(itemKey) === -1) {
+        props.data.forEach((item) => {
+          const itemKey = item[key];
+          if (state.leftChecked.includes(itemKey) && !props.modelValue.includes(itemKey)) {
             itemsToBeMoved.push(itemKey);
           }
         });
       }
-      currentValue = props.targetOrder === 'unshift' ? itemsToBeMoved.concat(currentValue) : currentValue.concat(itemsToBeMoved);
+      currentValue = props.targetOrder === "unshift" ? itemsToBeMoved.concat(currentValue) : currentValue.concat(itemsToBeMoved);
     }
     state.rightDisabled = false;
-    emit('update:modelValue', currentValue);
-    emit('change', currentValue, 'right', state.leftChecked);
+    emit("update:modelValue", currentValue);
+    emit("change", currentValue, "right", state.leftChecked);
   };
+  props.beforeTransfer ? props.beforeTransfer(change) : change();
 };
-export var clearQuery = function clearQuery(refs) {
-  return function (which) {
-    if (which === 'left') {
-      refs.leftPanel.state.query = '';
-    } else if (which === 'right') {
-      refs.rightPanel.state.query = '';
-    }
-  };
+const clearQuery = (refs) => (which) => {
+  if (which === "left") {
+    refs.leftPanel.state.query = "";
+  } else if (which === "right") {
+    refs.rightPanel.state.query = "";
+  }
 };
-export var logicFun = function logicFun(_ref7) {
-  var props = _ref7.props,
-    emit = _ref7.emit,
-    state = _ref7.state;
-  return function (_ref8) {
-    var event = _ref8.event,
-      isAdd = _ref8.isAdd,
-      pullMode = _ref8.pullMode;
-    var currentValue = props.modelValue.slice();
-    var movedKeys = [];
-    if (pullMode) {
-      currentValue.splice(event.newIndex, 0, currentValue.splice(event.oldIndex, 1)[0]);
+const logicFun = ({ props, emit, state }) => ({ 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 index = isAdd ? state.rightChecked.indexOf(key) : state.leftChecked.indexOf(key);
+    const valueIndex = currentValue.indexOf(key);
+    if (isAdd) {
+      ~valueIndex && currentValue.splice(valueIndex, 1);
     } else {
-      var key = isAdd ? state.targetData[event.oldIndex][props.props.key] : state.sourceData[event.oldIndex][props.props.key];
-      var index = isAdd ? state.rightChecked.indexOf(key) : state.leftChecked.indexOf(key);
-      var valueIndex = currentValue.indexOf(key);
-      if (isAdd) {
-        ~valueIndex && currentValue.splice(valueIndex, 1);
-      } else {
-        !~valueIndex && currentValue.splice(event.newIndex, 0, key);
-      }
-      if (~index) {
-        isAdd ? state.rightChecked.splice(index, 1) : state.leftChecked.splice(index, 1);
-      }
-      movedKeys = [key];
+      !~valueIndex && currentValue.splice(event.newIndex, 0, key);
     }
-    state.rightChecked = state.rightChecked.slice(0);
-    emit('update:modelValue', currentValue);
-    emit('change', currentValue, 'left', movedKeys);
-  };
-};
-export var sortableEvent = function sortableEvent(_ref9) {
-  var api = _ref9.api,
-    droppanel = _ref9.droppanel,
-    props = _ref9.props,
-    queryDom = _ref9.queryDom,
-    refs = _ref9.refs;
-  return function () {
-    if (props.dropConfig) {
-      var leftPanel = refs.leftPanel.$el.querySelector(droppanel);
-      var Sortable = props.dropConfig.plugin;
-      new Sortable(leftPanel, {
-        group: 'sorting',
-        handle: queryDom,
-        sort: false,
-        filter: '.is-disabled',
-        onAdd: function onAdd(event) {
-          api.logicFun({
-            event: event,
-            isAdd: true
-          });
-        },
-        onRemove: function onRemove(event) {
-          api.logicFun({
-            event: event,
-            isAdd: false
-          });
-        }
-      });
-      var rightPanle = refs.rightPanel.$el.querySelector(droppanel);
-      new Sortable(rightPanle, {
-        group: 'sorting',
-        handle: queryDom,
-        sort: true,
-        filter: '.is-disabled',
-        onUpdate: function onUpdate(event) {
-          if (event.pullMode) {
-            return;
-          }
-          api.logicFun({
-            event: event,
-            pullMode: 'sort'
-          });
-        }
-      });
+    if (~index) {
+      isAdd ? state.rightChecked.splice(index, 1) : state.leftChecked.splice(index, 1);
     }
-  };
+    movedKeys = [key];
+  }
+  state.rightChecked = state.rightChecked.slice(0);
+  emit("update:modelValue", currentValue);
+  emit("change", currentValue, "left", movedKeys);
 };
-export var getLeftCheckedData = function getLeftCheckedData(_ref10) {
-  var props = _ref10.props,
-    state = _ref10.state;
-  return function () {
-    return state.sourceData.filter(function (item) {
-      return !item[props.props.disabled];
+const sortableEvent = ({ api, droppanel, props, queryDom, refs }) => () => {
+  if (props.dropConfig) {
+    const leftPanel = refs.leftPanel.$el.querySelector(droppanel);
+    const Sortable = props.dropConfig.plugin;
+    new Sortable(leftPanel, {
+      group: "sorting",
+      handle: queryDom,
+      sort: false,
+      filter: ".is-disabled",
+      onAdd(event) {
+        api.logicFun({ event, isAdd: true });
+      },
+      onRemove(event) {
+        api.logicFun({ event, isAdd: false });
+      }
     });
-  };
-};
-export var getRightCheckedData = function getRightCheckedData(_ref11) {
-  var props = _ref11.props,
-    state = _ref11.state;
-  return function () {
-    return state.targetData.filter(function (item) {
-      return !item[props.props.disabled];
+    const rightPanle = refs.rightPanel.$el.querySelector(droppanel);
+    new Sortable(rightPanle, {
+      group: "sorting",
+      handle: queryDom,
+      sort: true,
+      filter: ".is-disabled",
+      onUpdate(event) {
+        if (event.pullMode) {
+          return;
+        }
+        api.logicFun({ event, pullMode: "sort" });
+      }
     });
-  };
+  }
 };
-export var recursiveData = function recursiveData(_ref12) {
-  var api = _ref12.api,
-    props = _ref12.props,
-    state = _ref12.state;
-  return function (data, isCasader, sign) {
-    var propChildren = props.treeOp && props.treeOp.props && props.treeOp.props.children || 'children';
-    var values = props.modelValue.slice();
-    var key = props.props.key;
-    data.forEach(function (obj) {
-      var isChecked = ~values.indexOf(obj[key]);
-      if (sign && !isCasader) {
+const getLeftCheckedData = ({ props, state }) => () => state.sourceData.filter((item) => !item[props.props.disabled]);
+const getRightCheckedData = ({ props, state }) => () => state.targetData.filter((item) => !item[props.props.disabled]);
+const recursiveData = ({ api, props, state }) => (data, isCasader, sign) => {
+  const propChildren = props.treeOp && props.treeOp.props && props.treeOp.props.children || "children";
+  const values = props.modelValue.slice();
+  const key = props.props.key;
+  data.forEach((obj) => {
+    const isChecked = ~values.indexOf(obj[key]);
+    if (sign && !isCasader) {
+      state.treeData.push(obj);
+    } else {
+      if (isChecked) {
         state.treeData.push(obj);
-      } else {
-        if (isChecked) {
-          state.treeData.push(obj);
-        }
-      }
-      if (obj[propChildren] && obj[propChildren].length > 0) {
-        api.recursiveData(obj[propChildren], isCasader, isChecked ? true : false);
       }
-    });
-  };
-};
+    }
+    if (obj[propChildren] && obj[propChildren].length > 0) {
+      api.recursiveData(obj[propChildren], isCasader, !!isChecked);
+    }
+  });
+};
+export {
+  addToLeft,
+  addToRight,
+  clearQuery,
+  getFlatData,
+  getLeftCheckedData,
+  getObj,
+  getRightCheckedData,
+  getSourceData,
+  getTargetData,
+  logicFun,
+  onSourceCheckedChange,
+  onTargetCheckedChange,
+  recursiveData,
+  sortableEvent
+};

package/transfer/vue.js

@@ -1,138 +1,69 @@
-import { getObj, getSourceData, recursiveData, getLeftCheckedData, getRightCheckedData, getTargetData, logicFun, onSourceCheckedChange, onTargetCheckedChange, addToLeft, addToRight, clearQuery, sortableEvent } from './index';
-export var api = ['state', 'onSourceCheckedChange', 'onTargetCheckedChange', 'addToLeft', 'addToRight', 'clearQuery'];
-var initState = function initState(_ref) {
-  var reactive = _ref.reactive,
-    computed = _ref.computed,
-    api = _ref.api,
-    props = _ref.props,
-    h = _ref.h,
-    slots = _ref.slots;
-  return reactive({
-    leftChecked: [],
-    rightChecked: [],
-    rightData: computed(function () {
-      return api.getRightCheckedData();
-    }),
-    leftData: computed(function () {
-      return api.getLeftCheckedData();
-    }),
-    dataObj: computed(function () {
-      return api.getObj();
-    }),
-    sourceData: computed(function () {
-      return api.getSourceData();
-    }),
-    targetData: computed(function () {
-      return api.getTargetData();
-    }),
-    hasButtonTexts: computed(function () {
-      return props.buttonTexts.length === 2;
-    }),
-    treeData: [],
-    sourceTreeData: [],
-    isToLeft: false,
-    optionRender: computed(function () {
-      return function (option) {
-        if (props.renderContent) {
-          return props.renderContent(h, option);
-        }
-        if (slots["default"]) {
-          return slots["default"]({
-            option: option
-          });
-        }
-        return h('span', option[props.props.label] || option[props.props.key]);
-      };
-    })
-  });
-};
-export var renderless = function renderless(props, _ref2, _ref3) {
-  var computed = _ref2.computed,
-    onMounted = _ref2.onMounted,
-    reactive = _ref2.reactive,
-    h = _ref2.h;
-  var $prefix = _ref3.$prefix,
-    emit = _ref3.emit,
-    refs = _ref3.refs,
-    parent = _ref3.parent,
-    slots = _ref3.slots;
-  var api = {};
-  var Tree = $prefix + 'Tree';
-  var Table = $prefix + 'Table';
-  var state = initState({
-    reactive: reactive,
-    computed: computed,
-    api: api,
-    props: props,
-    h: h,
-    slots: slots
-  });
-  var _parent$$constants = parent.$constants,
-    DROPPANEL = _parent$$constants.DROPPANEL,
-    TRANSFERPANEL = _parent$$constants.TRANSFERPANEL;
-  Object.assign(api, {
-    state: state,
+import "../chunk-PKUHTIDK.js";
+import {
+  getObj,
+  getSourceData,
+  recursiveData,
+  getLeftCheckedData,
+  getRightCheckedData,
+  getTargetData,
+  logicFun,
+  onSourceCheckedChange,
+  onTargetCheckedChange,
+  addToLeft,
+  addToRight,
+  clearQuery,
+  sortableEvent
+} from "./index";
+const api = ["state", "onSourceCheckedChange", "onTargetCheckedChange", "addToLeft", "addToRight", "clearQuery"];
+const initState = ({ reactive, computed, api: api2, props, h, slots }) => reactive({
+  leftChecked: [],
+  rightChecked: [],
+  rightData: computed(() => api2.getRightCheckedData()),
+  leftData: computed(() => api2.getLeftCheckedData()),
+  dataObj: computed(() => api2.getObj()),
+  sourceData: computed(() => api2.getSourceData()),
+  targetData: computed(() => api2.getTargetData()),
+  hasButtonTexts: computed(() => props.buttonTexts.length === 2),
+  treeData: [],
+  sourceTreeData: [],
+  isToLeft: false,
+  optionRender: computed(() => (option) => {
+    if (props.renderContent) {
+      return props.renderContent(h, option);
+    }
+    if (slots.default) {
+      return slots.default({ option });
+    }
+    return h("span", option[props.props.label] || option[props.props.key]);
+  })
+});
+const renderless = (props, { computed, onMounted, reactive, h }, { $prefix, emit, refs, parent, slots }) => {
+  const api2 = {};
+  const Tree = $prefix + "Tree";
+  const Table = $prefix + "Table";
+  const state = initState({ reactive, computed, api: api2, props, h, slots });
+  const { DROPPANEL, TRANSFERPANEL } = parent.$constants;
+  Object.assign(api2, {
+    state,
     $slots: parent.$slots,
     getObj: getObj(props),
     clearQuery: clearQuery(refs),
-    getSourceData: getSourceData({
-      props: props,
-      Tree: Tree
-    }),
-    addToLeft: addToLeft({
-      emit: emit,
-      props: props,
-      state: state
-    }),
-    getLeftCheckedData: getLeftCheckedData({
-      props: props,
-      state: state
-    }),
-    getRightCheckedData: getRightCheckedData({
-      props: props,
-      state: state
-    }),
-    addToRight: addToRight({
-      emit: emit,
-      refs: refs,
-      props: props,
-      state: state,
-      Tree: Tree
-    }),
-    onTargetCheckedChange: onTargetCheckedChange({
-      emit: emit,
-      state: state
-    }),
-    onSourceCheckedChange: onSourceCheckedChange({
-      emit: emit,
-      state: state
-    }),
-    logicFun: logicFun({
-      props: props,
-      emit: emit,
-      state: state
-    }),
-    getTargetData: getTargetData({
-      props: props,
-      state: state,
-      order: parent.TARGETORDER,
-      Tree: Tree,
-      Table: Table
-    }),
-    recursiveData: recursiveData({
-      api: api,
-      props: props,
-      state: state
-    }),
-    sortableEvent: sortableEvent({
-      api: api,
-      droppanel: DROPPANEL,
-      props: props,
-      queryDom: TRANSFERPANEL,
-      refs: refs,
-      state: state
-    })
+    getSourceData: getSourceData({ props, Tree }),
+    addToLeft: addToLeft({ emit, props, state }),
+    getLeftCheckedData: getLeftCheckedData({ props, state }),
+    getRightCheckedData: getRightCheckedData({ props, state }),
+    addToRight: addToRight({ emit, refs, props, state, Tree }),
+    onTargetCheckedChange: onTargetCheckedChange({ emit, state }),
+    onSourceCheckedChange: onSourceCheckedChange({ emit, state }),
+    logicFun: logicFun({ props, emit, state }),
+    getTargetData: getTargetData({ props, state, order: parent.TARGETORDER, Tree, Table }),
+    recursiveData: recursiveData({ api: api2, props, state }),
+    sortableEvent: sortableEvent({ api: api2, droppanel: DROPPANEL, props, queryDom: TRANSFERPANEL, refs, state })
   });
-  onMounted(api.sortableEvent);
-  return api;
-};
+  onMounted(api2.sortableEvent);
+  return api2;
+};
+export {
+  api,
+  renderless
+};