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

package/transfer-panel/vue.js

@@ -1,17 +1,44 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { getStrictData, sizesChange, getTreeCheckableData, getFilterTreeData, getFilterData, getCheckableData, checkedEvent, watchData, getCheckedSummary, getDeteminate, watchChecked, watchDefaultCheckded, updateAllChecked, handleAllCheckedChange, clearQuery, setPosition, selectChange, handlePageChange, setExpandCache } from './index';
-export var api = ['markRaw', 'toRaw', 'state', 'check', 'sizesChange', 'clearQuery', 'handleAllCheckedChange', 'checkedEvent', 'setPosition', 'selectChange', 'handlePageChange'];
-var initState = function initState(_ref) {
-  var reactive = _ref.reactive,
-    props = _ref.props,
-    parent = _ref.parent,
-    computed = _ref.computed,
-    api = _ref.api,
-    slots = _ref.slots;
-  var state = reactive({
-    query: '',
+import {
+  __spreadProps,
+  __spreadValues
+} from "../chunk-PKUHTIDK.js";
+import {
+  getStrictData,
+  sizesChange,
+  getTreeCheckableData,
+  getFilterTreeData,
+  getFilterData,
+  getCheckableData,
+  checkedEvent,
+  watchData,
+  getCheckedSummary,
+  getDeteminate,
+  watchChecked,
+  watchDefaultCheckded,
+  updateAllChecked,
+  handleAllCheckedChange,
+  clearQuery,
+  setPosition,
+  selectChange,
+  handlePageChange,
+  setExpandCache
+} from "./index";
+const api = [
+  "markRaw",
+  "toRaw",
+  "state",
+  "check",
+  "sizesChange",
+  "clearQuery",
+  "handleAllCheckedChange",
+  "checkedEvent",
+  "setPosition",
+  "selectChange",
+  "handlePageChange"
+];
+const initState = ({ reactive, props, parent, computed, api: api2, slots }) => {
+  const state = reactive({
+    query: "",
     checked: [],
     allChecked: false,
     inputHover: false,
@@ -22,237 +49,105 @@ var initState = function initState(_ref) {
     sizes: props.pagerOp && props.pagerOp.pageVO.pageSize,
     render: {},
     checkChangeByUser: true,
-    filteredData: computed(function () {
-      return api.getFilterData();
-    }),
-    checkableData: computed(function () {
-      return api.getCheckableData();
-    }),
-    checkedSummary: computed(function () {
-      return api.getCheckedSummary();
-    }),
-    isIndeterminate: computed(function () {
-      return api.getDeteminate();
-    }),
-    hasNoMatch: computed(function () {
-      return state.query.length > 0 && state.filteredData.length === 0;
-    }),
-    inputIcon: computed(function () {
-      return state.query.length > 0 && state.inputHover ? 'circle-close' : 'search';
-    }),
-    labelProp: computed(function () {
-      return props.props.label || 'label';
-    }),
-    keyProp: computed(function () {
-      return props.props.key || 'key';
-    }),
-    disabledProp: computed(function () {
-      return props.props.disabled || 'disabled';
-    }),
-    childrenProp: computed(function () {
-      return props.treeOp && props.treeOp.props && props.treeOp.props.childern || 'children';
-    }),
-    hasFooter: computed(function () {
-      return (!!parent.slots['left-footer'] || !!parent.slots['right-footer']) && !!slots["default"];
-    }),
-    renderType: computed(function () {
-      return props.render && props.render.plugin.name;
-    }),
+    filteredData: computed(() => api2.getFilterData()),
+    checkableData: computed(() => api2.getCheckableData()),
+    checkedSummary: computed(() => api2.getCheckedSummary()),
+    isIndeterminate: computed(() => api2.getDeteminate()),
+    hasNoMatch: computed(() => state.query.length > 0 && state.filteredData.length === 0),
+    inputIcon: computed(() => state.query.length > 0 && state.inputHover ? "circle-close" : "search"),
+    labelProp: computed(() => props.props.label || "label"),
+    keyProp: computed(() => props.props.key || "key"),
+    disabledProp: computed(() => props.props.disabled || "disabled"),
+    childrenProp: computed(() => props.treeOp && props.treeOp.props && props.treeOp.props.childern || "children"),
+    hasFooter: computed(() => (!!parent.slots["left-footer"] || !!parent.slots["right-footer"]) && !!slots.default),
+    renderType: computed(() => props.render && props.render.plugin.name),
     expanded: []
   });
   return state;
 };
-var initStateRender = function initStateRender(_ref2) {
-  var reactive = _ref2.reactive,
-    state = _ref2.state,
-    props = _ref2.props,
-    api = _ref2.api;
-  return reactive(_objectSpread(_objectSpread({
-    keys: state.keyProp,
-    data: [],
-    defaultChecked: state.checked,
-    defaultExpandedKeys: state.expanded,
-    columns: props.columns
-  }, props.treeOp), {}, {
-    on: {
-      'checked-change': function checkedChange(selected, isAll) {
-        api.selectChange(selected, isAll);
-      },
-      check: function check(data, _ref3) {
-        var checkedKeys = _ref3.checkedKeys;
-        state.checked = checkedKeys;
-      },
-      'node-expand': function nodeExpand(node) {
-        return api.setExpandCache(node, true);
-      },
-      'node-collapse': function nodeCollapse(node) {
-        return api.setExpandCache(node, false);
+const initStateRender = ({ reactive, state, props, api: api2 }) => reactive(__spreadProps(__spreadValues({
+  keys: state.keyProp,
+  data: [],
+  defaultChecked: state.checked,
+  defaultExpandedKeys: state.expanded,
+  columns: props.columns
+}, props.treeOp), {
+  on: {
+    "checked-change": (selected, isAll) => {
+      api2.selectChange(selected, isAll);
+    },
+    check: (data, { checkedKeys }) => {
+      state.checked = checkedKeys;
+    },
+    "node-expand": (node) => api2.setExpandCache(node, true),
+    "node-collapse": (node) => api2.setExpandCache(node, false)
+  }
+}));
+const initWatcher = ({ watch, state, api: api2, props, Table }) => {
+  watch(
+    () => state.checked,
+    (value, oldvalue) => api2.watchChecked({ value, oldvalue })
+  );
+  watch(
+    () => props.pagerOp.pageVO.currentPage,
+    (value) => {
+      state.currentPage = value;
+    },
+    { deep: true, immediate: true }
+  );
+  watch(() => props.data, api2.watchData, { immediate: true });
+  watch(() => state.checkableData, api2.updateAllChecked);
+  watch(
+    () => props.defaultChecked,
+    (value, oldvalue) => api2.watchDefaultCheckded({ value, oldvalue }),
+    { immediate: true }
+  );
+  watch(
+    () => props.isToLeft,
+    () => {
+      if (state.renderType === Table) {
+        state.internalPage = 1;
+        state.currentPage = 1;
+        state.render.data = state.filteredData;
       }
     }
-  }));
+  );
 };
-var initWatcher = function initWatcher(_ref4) {
-  var watch = _ref4.watch,
-    state = _ref4.state,
-    api = _ref4.api,
-    props = _ref4.props,
-    Table = _ref4.Table;
-  watch(function () {
-    return state.checked;
-  }, function (value, oldvalue) {
-    return api.watchChecked({
-      value: value,
-      oldvalue: oldvalue
-    });
-  });
-  watch(function () {
-    return props.pagerOp.pageVO.currentPage;
-  }, function (value) {
-    state.currentPage = value;
-  }, {
-    deep: true,
-    immediate: true
-  });
-  watch(function () {
-    return props.data;
-  }, api.watchData, {
-    immediate: true
-  });
-  watch(function () {
-    return state.checkableData;
-  }, api.updateAllChecked);
-  watch(function () {
-    return props.defaultChecked;
-  }, function (value, oldvalue) {
-    return api.watchDefaultCheckded({
-      value: value,
-      oldvalue: oldvalue
-    });
-  }, {
-    immediate: true
-  });
-  watch(function () {
-    return props.isToLeft;
-  }, function () {
-    if (state.renderType === Table) {
-      state.internalPage = 1;
-      state.currentPage = 1;
-      state.render.data = state.filteredData;
-    }
-  });
-};
-export var renderless = function renderless(props, _ref5, _ref6) {
-  var computed = _ref5.computed,
-    reactive = _ref5.reactive,
-    watch = _ref5.watch,
-    toRaw = _ref5.toRaw,
-    markRaw = _ref5.markRaw;
-  var $prefix = _ref6.$prefix,
-    t = _ref6.t,
-    emit = _ref6.emit,
-    parent = _ref6.parent,
-    nextTick = _ref6.nextTick,
-    refs = _ref6.refs,
-    vm = _ref6.vm,
-    slots = _ref6.slots;
-  var api = {};
-  var Table = $prefix + 'Table';
-  var Tree = $prefix + 'Tree';
-  var state = initState({
-    reactive: reactive,
-    props: props,
-    parent: parent,
-    computed: computed,
-    api: api,
-    slots: slots
-  });
-  Object.assign(api, {
-    t: t,
-    state: state,
-    toRaw: toRaw,
-    markRaw: markRaw,
+const renderless = (props, { computed, reactive, watch, toRaw, markRaw }, { $prefix, t, emit, parent, nextTick, refs, vm, slots }) => {
+  const api2 = {};
+  const Table = $prefix + "Table";
+  const Tree = $prefix + "Tree";
+  const state = initState({ reactive, props, parent, computed, api: api2, slots });
+  Object.assign(api2, {
+    t,
+    state,
+    toRaw,
+    markRaw,
     sizesChange: sizesChange(state),
-    setPosition: setPosition({
-      parent: parent,
-      state: state
-    }),
+    setPosition: setPosition({ parent, state }),
     selectChange: selectChange(state),
     handlePageChange: handlePageChange(state),
     clearQuery: clearQuery(state),
     checkedEvent: checkedEvent(state),
     getDeteminate: getDeteminate(state),
-    updateAllChecked: updateAllChecked({
-      state: state,
-      Table: Table,
-      Tree: Tree
-    }),
-    handleAllCheckedChange: handleAllCheckedChange({
-      nextTick: nextTick,
-      props: props,
-      state: state,
-      Table: Table,
-      Tree: Tree,
-      vm: vm
-    }),
-    getCheckedSummary: getCheckedSummary({
-      props: props,
-      state: state,
-      Tree: Tree
-    }),
-    getFilterTreeData: getFilterTreeData({
-      props: props,
-      state: state
-    }),
+    updateAllChecked: updateAllChecked({ state, Table, Tree }),
+    handleAllCheckedChange: handleAllCheckedChange({ nextTick, props, state, Table, Tree, vm }),
+    getCheckedSummary: getCheckedSummary({ props, state, Tree }),
+    getFilterTreeData: getFilterTreeData({ props, state }),
     getTreeCheckableData: getTreeCheckableData(state),
-    getStrictData: getStrictData({
-      props: props,
-      state: state
-    }),
+    getStrictData: getStrictData({ props, state }),
     setExpandCache: setExpandCache(state),
-    getCheckableData: getCheckableData({
-      api: api,
-      state: state,
-      Tree: Tree
-    }),
-    getFilterData: getFilterData({
-      api: api,
-      parent: parent,
-      props: props,
-      refs: refs,
-      state: state,
-      Table: Table,
-      Tree: Tree
-    }),
-    watchData: watchData({
-      api: api,
-      props: props,
-      state: state,
-      Tree: Tree
-    }),
-    watchDefaultCheckded: watchDefaultCheckded({
-      api: api,
-      props: props,
-      state: state,
-      Tree: Tree
-    }),
-    watchChecked: watchChecked({
-      api: api,
-      emit: emit,
-      state: state
-    })
-  });
-  state.render = initStateRender({
-    reactive: reactive,
-    state: state,
-    props: props,
-    api: api
+    getCheckableData: getCheckableData({ api: api2, state, Tree }),
+    getFilterData: getFilterData({ api: api2, parent, props, refs, state, Table, Tree }),
+    watchData: watchData({ api: api2, props, state, Tree }),
+    watchDefaultCheckded: watchDefaultCheckded({ api: api2, props, state, Tree }),
+    watchChecked: watchChecked({ api: api2, emit, state })
   });
-  initWatcher({
-    watch: watch,
-    state: state,
-    api: api,
-    props: props,
-    Table: Table
-  });
-  return api;
-};
+  state.render = initStateRender({ reactive, state, props, api: api2 });
+  initWatcher({ watch, state, api: api2, props, Table });
+  return api2;
+};
+export {
+  api,
+  renderless
+};