@opentiny/vue-renderless 3.6.0 → 3.6.1-alpha.2

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
+};