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

package/tree-node/vue.js

@@ -1,211 +1,116 @@
-import { created, handleDragEnd, handleDrop, handleDragOver, handleDragStart, handleContentClick, handleChildNodeExpand, handleCheckChange, handleExpandIconClick, handleExpandClick, handleContextMenu, handleClick, handleSelectChange, getNodeKey, watchIndeterminate, watchChecked, watchExpanded, closeMenu, onSiblingToggleExpand, watchExpandedChange } from './index';
-export var api = ['state', 'getNodeKey', 'handleClick', 'handleContentClick', 'closeMenu', 'handleDragEnd', 'handleDrop', 'handleDragOver', 'handleDragStart', 'handleChildNodeExpand', 'handleSelectChange', 'handleContextMenu', 'handleExpandIconClick', 'handleCheckChange'];
-var initState = function initState(_ref) {
-  var reactive = _ref.reactive,
-    treeRoot = _ref.treeRoot,
-    props = _ref.props,
-    emitter = _ref.emitter,
-    $parentEmitter = _ref.$parentEmitter;
-  return reactive({
-    tree: treeRoot,
-    expanded: false,
-    oldChecked: null,
-    indeterminate: null,
-    oldIndeterminate: null,
-    expandIcon: props.expandIcon,
-    childNodeRendered: false,
-    showMenu: false,
-    menuposition: {
-      position: 'absolute',
-      top: 0,
-      left: 0
-    },
-    shrinkIcon: props.shrinkIcon,
-    expandIconColor: props.expandIconColor,
-    shrinkIconColor: props.shrinkIconColor,
-    emitter: emitter(),
-    parentEmitter: $parentEmitter
-  });
-};
-var initApi = function initApi(_ref2) {
-  var api = _ref2.api,
-    state = _ref2.state,
-    dispatch = _ref2.dispatch,
-    broadcast = _ref2.broadcast,
-    vm = _ref2.vm,
-    props = _ref2.props,
-    parent = _ref2.parent,
-    treeRoot = _ref2.treeRoot,
-    nextTick = _ref2.nextTick,
-    emit = _ref2.emit,
-    refs = _ref2.refs;
-  Object.assign(api, {
-    state: state,
-    dispatch: dispatch,
-    broadcast: broadcast,
-    watchExpanded: watchExpanded({
-      state: state
-    }),
-    created: created({
-      vm: vm,
-      props: props,
-      state: state,
-      parent: parent
-    }),
+import "../chunk-PKUHTIDK.js";
+import {
+  created,
+  handleDragEnd,
+  handleDrop,
+  handleDragOver,
+  handleDragStart,
+  handleContentClick,
+  handleChildNodeExpand,
+  handleCheckChange,
+  handleExpandIconClick,
+  handleExpandClick,
+  handleContextMenu,
+  handleClick,
+  handleSelectChange,
+  getNodeKey,
+  watchIndeterminate,
+  watchChecked,
+  watchExpanded,
+  closeMenu,
+  onSiblingToggleExpand,
+  watchExpandedChange
+} from "./index";
+const api = [
+  "state",
+  "getNodeKey",
+  "handleClick",
+  "handleContentClick",
+  "closeMenu",
+  "handleDragEnd",
+  "handleDrop",
+  "handleDragOver",
+  "handleDragStart",
+  "handleChildNodeExpand",
+  "handleSelectChange",
+  "handleContextMenu",
+  "handleExpandIconClick",
+  "handleCheckChange"
+];
+const initState = ({ reactive, treeRoot, props, emitter, $parentEmitter }) => reactive({
+  tree: treeRoot,
+  expanded: false,
+  oldChecked: null,
+  indeterminate: null,
+  oldIndeterminate: null,
+  expandIcon: props.expandIcon,
+  childNodeRendered: false,
+  showMenu: false,
+  menuposition: { position: "absolute", top: 0, left: 0 },
+  shrinkIcon: props.shrinkIcon,
+  expandIconColor: props.expandIconColor,
+  shrinkIconColor: props.shrinkIconColor,
+  emitter: emitter(),
+  parentEmitter: $parentEmitter
+});
+const initApi = ({ api: api2, state, dispatch, broadcast, vm, props, parent, treeRoot, nextTick, emit, refs }) => {
+  Object.assign(api2, {
+    state,
+    dispatch,
+    broadcast,
+    watchExpanded: watchExpanded({ state }),
+    created: created({ vm, props, state, parent }),
     getNodeKey: getNodeKey(state),
     closeMenu: closeMenu(state),
-    handleSelectChange: handleSelectChange({
-      props: props,
-      state: state
-    }),
-    handleContextMenu: handleContextMenu({
-      vm: vm,
-      treeRoot: treeRoot,
-      props: props,
-      state: state,
-      nextTick: nextTick
-    }),
-    handleExpandClick: handleExpandClick({
-      emit: emit,
-      vm: vm,
-      props: props,
-      state: state
-    }),
-    handleCheckChange: handleCheckChange({
-      nextTick: nextTick,
-      props: props,
-      state: state
-    }),
-    handleDragStart: handleDragStart({
-      state: state,
-      vm: vm
-    }),
-    handleDragOver: handleDragOver({
-      state: state,
-      vm: vm
-    }),
+    handleSelectChange: handleSelectChange({ props, state }),
+    handleContextMenu: handleContextMenu({ vm, treeRoot, props, state, nextTick }),
+    handleExpandClick: handleExpandClick({ emit, vm, props, state }),
+    handleCheckChange: handleCheckChange({ nextTick, props, state }),
+    handleDragStart: handleDragStart({ state, vm }),
+    handleDragOver: handleDragOver({ state, vm }),
     handleDrop: handleDrop(),
-    handleDragEnd: handleDragEnd({
-      state: state,
-      vm: vm
-    }),
-    handleContentClick: handleContentClick({
-      nextTick: nextTick,
-      props: props,
-      state: state,
-      emit: emit
-    }),
-    onSiblingToggleExpand: onSiblingToggleExpand({
-      state: state,
-      props: props
-    }),
-    watchExpandedChange: watchExpandedChange({
-      state: state,
-      props: props
-    }),
-    handleClick: handleClick({
-      api: api,
-      vm: vm,
-      props: props,
-      state: state,
-      refs: refs
-    }),
-    watchIndeterminate: watchIndeterminate({
-      api: api,
-      props: props
-    }),
-    watchChecked: watchChecked({
-      api: api,
-      props: props
-    }),
+    handleDragEnd: handleDragEnd({ state, vm }),
+    handleContentClick: handleContentClick({ nextTick, props, state, emit }),
+    onSiblingToggleExpand: onSiblingToggleExpand({ state, props }),
+    watchExpandedChange: watchExpandedChange({ state, props }),
+    handleClick: handleClick({ api: api2, vm, props, state, refs }),
+    watchIndeterminate: watchIndeterminate({ api: api2, props }),
+    watchChecked: watchChecked({ api: api2, props }),
     handleChildNodeExpand: handleChildNodeExpand(state),
-    handleExpandIconClick: handleExpandIconClick({
-      api: api,
-      state: state
-    })
+    handleExpandIconClick: handleExpandIconClick({ api: api2, state })
   });
 };
-var initWatcher = function initWatcher(_ref3) {
-  var watch = _ref3.watch,
-    state = _ref3.state,
-    api = _ref3.api,
-    props = _ref3.props;
-  watch(function () {
-    return state.expanded;
-  }, api.watchExpandedChange);
-  watch(function () {
-    return props.node.indeterminate;
-  }, api.watchIndeterminate, {
-    deep: true
-  });
-  watch(function () {
-    return props.node.checked;
-  }, api.watchChecked, {
-    deep: true
-  });
-  watch(function () {
-    return props.node.expanded;
-  }, api.watchExpanded, {
-    deep: true
-  });
+const initWatcher = ({ watch, state, api: api2, props }) => {
+  watch(() => state.expanded, api2.watchExpandedChange);
+  watch(() => props.node.indeterminate, api2.watchIndeterminate, { deep: true });
+  watch(() => props.node.checked, api2.watchChecked, { deep: true });
+  watch(() => props.node.expanded, api2.watchExpanded, { deep: true });
 };
-export var renderless = function renderless(props, _ref4, _ref5) {
-  var reactive = _ref4.reactive,
-    watch = _ref4.watch,
-    inject = _ref4.inject,
-    provide = _ref4.provide;
-  var parentVm = _ref5.parent,
-    vm = _ref5.vm,
-    nextTick = _ref5.nextTick,
-    emit = _ref5.emit,
-    broadcast = _ref5.broadcast,
-    dispatch = _ref5.dispatch,
-    refs = _ref5.refs,
-    emitter = _ref5.emitter;
-  var api = {};
-  var parent = inject('parentTree') || parentVm;
-  var treeRoot = inject('TreeRoot');
-  var $parentEmitter = inject('parentEmitter');
-  var state = initState({
-    reactive: reactive,
-    treeRoot: treeRoot,
-    props: props,
-    emitter: emitter,
-    $parentEmitter: $parentEmitter
-  });
-  state.parentEmitter.on('sibling-node-toggle-expand', function (event) {
-    return api.onSiblingToggleExpand(event);
+const renderless = (props, { reactive, watch, inject, provide }, { parent: parentVm, vm, nextTick, emit, broadcast, dispatch, refs, emitter }) => {
+  const api2 = {};
+  const parent = inject("parentTree") || parentVm;
+  const treeRoot = inject("TreeRoot");
+  const $parentEmitter = inject("parentEmitter");
+  const state = initState({ reactive, treeRoot, props, emitter, $parentEmitter });
+  state.parentEmitter.on("sibling-node-toggle-expand", (event) => api2.onSiblingToggleExpand(event));
+  provide("parentEmitter", state.emitter);
+  initApi({ api: api2, state, dispatch, broadcast, vm, props, parent, treeRoot, nextTick, emit, refs });
+  initWatcher({ watch, state, api: api2, props });
+  api2.created((childrenKey) => {
+    watch(
+      () => props.node.data[childrenKey],
+      () => {
+        props.node.updateChildren();
+      }
+    );
   });
-  provide('parentEmitter', state.emitter);
-  initApi({
-    api: api,
-    state: state,
-    dispatch: dispatch,
-    broadcast: broadcast,
-    vm: vm,
-    props: props,
-    parent: parent,
-    treeRoot: treeRoot,
-    nextTick: nextTick,
-    emit: emit,
-    refs: refs
+  state.parentEmitter.on("closeMenu", () => {
+    api2.closeMenu();
+    state.emitter.emit("closeMenu");
   });
-  initWatcher({
-    watch: watch,
-    state: state,
-    api: api,
-    props: props
-  });
-  api.created(function (childrenKey) {
-    watch(function () {
-      return props.node.data[childrenKey];
-    }, function () {
-      props.node.updateChildren();
-    });
-  });
-  state.parentEmitter.on('closeMenu', function () {
-    api.closeMenu();
-    state.emitter.emit('closeMenu');
-  });
-  return api;
-};
+  return api2;
+};
+export {
+  api,
+  renderless
+};