@opentiny/vue-renderless 3.1.0-alpha.0

package/popeditor/index.js

@@ -0,0 +1,884 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _typeof from "@babel/runtime/helpers/typeof";
+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 { find } from '@opentiny/vue-renderless/common/array';
+import { typeOf, isNull } from '@opentiny/vue-renderless/common/type';
+import { getDataset } from '@opentiny/vue-renderless/common/dataset';
+import { isNullOrEmpty } from '@opentiny/vue-renderless/common/string';
+import { isEqual } from '@opentiny/vue-renderless/common/object';
+import { eachTree } from '@opentiny/vue-renderless/grid/static';
+import { on, off } from '@opentiny/vue-renderless/common/deps/dom';
+export var computedGetTitle = function computedGetTitle(_ref) {
+  var constants = _ref.constants,
+    props = _ref.props,
+    t = _ref.t;
+  return props.title || t(constants.TITLE);
+};
+export var computedModalWidth = function computedModalWidth(_ref2) {
+  var constants = _ref2.constants,
+    props = _ref2.props;
+  var modalWidth = 0;
+  if (props.multi) {
+    modalWidth = parseInt(props.width, 10) > constants.MODAL_WIDTH.multi ? "".concat(parseInt(props.width, 10), "px") : "".concat(constants.MODAL_WIDTH.multi, "px");
+  } else {
+    modalWidth = parseInt(props.width, 10) > constants.MODAL_WIDTH.radio ? "".concat(parseInt(props.width, 10), "px") : "".concat(constants.MODAL_WIDTH.radio, "px");
+  }
+  return modalWidth;
+};
+export var createSearchForm = function createSearchForm(props) {
+  return function (isRest) {
+    return props.conditions.reduce(function (acc, item) {
+      if (typeof item.field === 'string') {
+        if (isRest) {
+          acc[item.field] = '';
+        } else {
+          acc[item.field] = item.defaultValue ? item.defaultValue : '';
+        }
+      }
+      return acc;
+    }, {});
+  };
+};
+export var getColumns = function getColumns(_ref3) {
+  var constants = _ref3.constants,
+    props = _ref3.props;
+  var columns = props.gridOp.columns;
+  var selectionCol = find(columns, function (col) {
+    return col.type === constants.COLUMNS_TYPE.selection || col.type === constants.COLUMNS_TYPE.radio;
+  });
+  if (selectionCol) {
+    selectionCol.type = props.multi ? constants.COLUMNS_TYPE.selection : constants.COLUMNS_TYPE.radio;
+  } else {
+    var indexCol = find(columns, function (col) {
+      return col.type === constants.COLUMNS_TYPE.index;
+    });
+    var index = indexCol ? 1 : 0;
+    columns.splice(index, 0, {
+      type: props.multi ? constants.COLUMNS_TYPE.selection : constants.COLUMNS_TYPE.radio,
+      width: columns.length ? constants.COLUMNS_TYPE.width : ''
+    });
+  }
+  return columns;
+};
+export var getDisplay = function getDisplay(_ref4) {
+  var constants = _ref4.constants,
+    props = _ref4.props,
+    state = _ref4.state;
+  return function () {
+    if (props.popseletor === constants.TYPE_TREE) {
+      return state.treeSelectList.map(function (node) {
+        return node.value;
+      }).join(props.textSplit);
+    } else if (props.multi) {
+      var displayTxt = [];
+      state.selectedValues.forEach(function (val) {
+        var item = find(state.selectedDatas, function (data) {
+          return val == data[props.valueField];
+        });
+        if (item) {
+          displayTxt.push(item[props.textField]);
+        } else {
+          displayTxt.push(val);
+        }
+      });
+      return displayTxt.join(props.textSplit);
+    } else {
+      if (isNull(state.selectedDatas)) {
+        return '';
+      } else {
+        return typeOf(state.selectedDatas) === 'object' ? state.selectedDatas[props.textField] : state.selectedDatas;
+      }
+    }
+  };
+};
+export var getMultiSelectedData = function getMultiSelectedData(_ref5) {
+  var props = _ref5.props,
+    state = _ref5.state;
+  return function () {
+    var values = [];
+    state.selectedDatas.forEach(function (item) {
+      item[props.valueField] && values.push(item[props.valueField]);
+    });
+    state.commitValue = Array.isArray(props.modelValue) ? values : values.join(props.valueSplit);
+  };
+};
+export var getRadioSelectedData = function getRadioSelectedData(_ref6) {
+  var constants = _ref6.constants,
+    props = _ref6.props,
+    state = _ref6.state,
+    vm = _ref6.vm;
+  return function () {
+    var refs = vm.$refs;
+    var table = props.showHistory && state.activeName === 'history' ? refs[constants.GRID_REF.history] : refs[constants.GRID_REF.source];
+    var radioRow = table && table.getRadioRow();
+    if (radioRow) state.selectedDatas = radioRow;
+    state.commitValue = state.selectedDatas ? state.selectedDatas[props.valueField] : '';
+  };
+};
+export var handleClear = function handleClear(_ref7) {
+  var constants = _ref7.constants,
+    emit = _ref7.emit,
+    props = _ref7.props,
+    state = _ref7.state;
+  return function () {
+    if (state.disabled) {
+      return;
+    }
+    state.display = '';
+    state.commitValue = Array.isArray(props.modelValue) ? [] : '';
+    state.treeSelectList = [];
+    state.selectedDatas = [];
+    state.selectedValues = [];
+    if (!isEqual(state.commitValue, props.modelValue)) {
+      emit('update:modelValue', state.commitValue);
+      emit('change', state.commitValue, props.popseletor === constants.TYPE_GRID ? state.treeSelectList : state.selectedDatas);
+    }
+  };
+};
+export var handleConfirm = function handleConfirm(_ref8) {
+  var api = _ref8.api,
+    constants = _ref8.constants,
+    emit = _ref8.emit,
+    props = _ref8.props,
+    state = _ref8.state;
+  return function (skipBeforeClose) {
+    if (skipBeforeClose !== true && typeof props.beforeClose === 'function' && props.beforeClose('confirm') === false) {
+      return;
+    }
+    if (props.popseletor === constants.TYPE_GRID) {
+      props.multi ? api.getMultiSelectedData({
+        props: props,
+        state: state
+      }) : api.getRadioSelectedData();
+      if (!isNull(state.commitValue)) {
+        state.display = api.getDisplay({
+          props: props,
+          state: state
+        });
+        if (!isEqual(state.commitValue, props.modelValue)) {
+          state.display = '';
+          emit('update:modelValue', state.commitValue);
+          emit('change', state.commitValue, state.selectedDatas);
+        }
+      }
+    }
+    if (props.popseletor === constants.TYPE_TREE) {
+      var commitValue = state.treeSelectList.map(function (item) {
+        return item.id;
+      }).join(props.valueSplit);
+      if (!isEqual(commitValue, props.modelValue)) {
+        emit('update:modelValue', commitValue);
+        emit('change', commitValue, state.treeSelectList);
+      }
+    }
+    state.open = false;
+  };
+};
+export var handleReset = function handleReset(_ref9) {
+  var api = _ref9.api,
+    state = _ref9.state,
+    props = _ref9.props;
+  return function () {
+    state.search = api.createSearchForm(true);
+    if (state.filterText) {
+      state.filterText = '';
+    }
+    if (!props.beforeReset || typeof props.beforeReset === 'function' && props.beforeReset(state.conditions) !== false) {
+      api.handleSearch();
+    }
+  };
+};
+export var handleOpen = function handleOpen(_ref10) {
+  var api = _ref10.api,
+    constants = _ref10.constants,
+    props = _ref10.props,
+    state = _ref10.state;
+  return function (event) {
+    if (event.target.tagName === constants.TAG_NAME && state.readonly) {
+      api.openDialog({
+        api: api,
+        props: props,
+        state: state
+      });
+    }
+  };
+};
+export var handleSearch = function handleSearch(_ref11) {
+  var api = _ref11.api,
+    refs = _ref11.refs,
+    constants = _ref11.constants;
+  return function () {
+    var sourcetable = refs[constants.GRID_REF.source];
+    sourcetable && sourcetable.clearRadioRow();
+    api.query();
+  };
+};
+var cancelOrClose = function cancelOrClose(_ref12) {
+  var props = _ref12.props,
+    state = _ref12.state,
+    constants = _ref12.constants;
+  state.open = false;
+  if (props.popseletor === constants.TYPE_TREE) {
+    var treeSelectList = state.cacheStore.treeSelectList;
+    state.treeSelectList = treeSelectList.slice(0);
+  } else {
+    if (props.multi) {
+      var _state$cacheStore = state.cacheStore,
+        selectedDatas = _state$cacheStore.selectedDatas,
+        selectedValues = _state$cacheStore.selectedValues;
+      state.selectedDatas = selectedDatas.slice(0);
+      state.selectedValues = selectedValues.slice(0);
+    }
+  }
+};
+export var handleCancel = function handleCancel(_ref13) {
+  var props = _ref13.props,
+    state = _ref13.state,
+    constants = _ref13.constants;
+  return function () {
+    if (typeof props.beforeClose === 'function' && props.beforeClose('cancel') === false) return;
+    cancelOrClose({
+      props: props,
+      state: state,
+      constants: constants
+    });
+  };
+};
+export var handleBeforeClose = function handleBeforeClose(_ref14) {
+  var props = _ref14.props,
+    state = _ref14.state,
+    constants = _ref14.constants;
+  return function () {
+    if (typeof props.beforeClose === 'function' && props.beforeClose('close') === false) {
+      return false;
+    }
+    cancelOrClose({
+      props: props,
+      state: state,
+      constants: constants
+    });
+  };
+};
+export var handleSizeChange = function handleSizeChange(_ref15) {
+  var api = _ref15.api,
+    emit = _ref15.emit,
+    state = _ref15.state;
+  return function (val) {
+    state.pagerConfig.currentPage = val;
+    api.handlePager();
+    emit('page-change', val);
+  };
+};
+var renderTextHandler = function renderTextHandler(_ref16) {
+  var state = _ref16.state,
+    props = _ref16.props,
+    datas = _ref16.datas,
+    dataset = _ref16.dataset,
+    value = _ref16.value;
+  var rows = [];
+  var arrValues;
+  if (Array.isArray(value)) {
+    arrValues = value.slice(0);
+  } else {
+    arrValues = value && ~['string', 'number'].indexOf(_typeof(value)) ? value.toString().split(props.valueSplit) : [];
+  }
+  arrValues.forEach(function (val) {
+    var item = find(dataset, function (data) {
+      return val == data[props.valueField];
+    }) || find(datas, function (data) {
+      return val == data[props.valueField];
+    });
+    item && rows.push(item);
+  });
+  if (props.multi) {
+    state.selectedValues = arrValues;
+    state.selectedDatas = rows;
+    state.cacheStore = {
+      selectedDatas: rows.slice(0),
+      selectedValues: arrValues.slice(0)
+    };
+  } else {
+    state.selectedDatas = rows[0];
+    state.commitValue = state.selectedDatas ? state.selectedDatas[props.valueField] : '';
+  }
+};
+var getTreeSelectList = function getTreeSelectList(_ref17) {
+  var value = _ref17.value,
+    state = _ref17.state,
+    props = _ref17.props;
+  value = typeOf(value) === 'number' ? isNaN(value) ? '' : '' + value : value;
+  var treeSelectList = [];
+  if (!isNullOrEmpty(value)) {
+    var values = value.split(props.valueSplit);
+    var selectdTreeNodeList = [];
+    var _state$treeOp$props = state.treeOp.props,
+      id = _state$treeOp$props.id,
+      label = _state$treeOp$props.label,
+      children = _state$treeOp$props.children;
+    eachTree(state.treeOp.data, function (node) {
+      if (values.some(function (val) {
+        return val == node[id];
+      })) {
+        selectdTreeNodeList.push({
+          id: node[id],
+          value: node[label]
+        });
+      }
+    }, {
+      children: children
+    });
+    if (selectdTreeNodeList.length) {
+      treeSelectList = selectdTreeNodeList;
+    }
+  }
+  return treeSelectList;
+};
+export var initDisplay = function initDisplay(_ref18) {
+  var api = _ref18.api,
+    constants = _ref18.constants,
+    props = _ref18.props,
+    state = _ref18.state,
+    nextTick = _ref18.nextTick;
+  return function (value) {
+    var dataset = props.remoteSearch || props.dataset ? state.sourceGridDataset.concat(state.selectedDatas || '') : props.gridOp && props.gridOp.data || [];
+    var getRenderTextData = props.textRenderSource || function () {
+      return Promise.resolve([]);
+    };
+    if (props.popseletor !== constants.TYPE_TREE && (props.multi || props.textRenderSource)) {
+      getRenderTextData(value).then(function (datas) {
+        renderTextHandler({
+          state: state,
+          props: props,
+          datas: datas,
+          dataset: dataset,
+          value: value
+        });
+        nextTick(function () {
+          state.display = api.getDisplay({
+            props: props,
+            state: state
+          });
+        });
+      });
+    } else {
+      var item = find(dataset, function (data) {
+        return value == data[props.valueField];
+      });
+      state.selectedDatas = item ? item : value;
+      if (props.popseletor === constants.TYPE_GRID) {
+        state.commitValue = state.selectedDatas ? state.selectedDatas[props.valueField] : '';
+      } else if (props.popseletor === constants.TYPE_TREE) {
+        var treeSelectList = getTreeSelectList({
+          value: value,
+          state: state,
+          props: props
+        });
+        state.treeSelectList = treeSelectList;
+        state.cacheStore = {
+          treeSelectList: treeSelectList.slice(0)
+        };
+      }
+      nextTick(function () {
+        state.display = api.getDisplay({
+          props: props,
+          state: state
+        });
+      });
+    }
+  };
+};
+export var openDialog = function openDialog(_ref19) {
+  var api = _ref19.api,
+    props = _ref19.props,
+    state = _ref19.state,
+    emit = _ref19.emit;
+  return function () {
+    if (state.disabled) {
+      return;
+    }
+    state.closeSuggestPanelInvoker = 'openDialog';
+    api.closeSuggestPanel(true);
+    state.open = true;
+    emit('popup');
+    props.autoLookup && props.alwaysLoad && api.query();
+  };
+};
+var localFilter = function localFilter(_ref20) {
+  var props = _ref20.props,
+    state = _ref20.state;
+  var keys = Object.keys(state.search);
+  var dataset = props.gridOp && props.gridOp.data || [];
+  return dataset.filter(function (item) {
+    return keys.every(function (key) {
+      return item[key] && item[key].toString().toLowerCase().indexOf(state.search[key].toLowerCase()) !== -1;
+    });
+  });
+};
+export var query = function query(_ref21) {
+  var props = _ref21.props,
+    state = _ref21.state,
+    parent = _ref21.parent,
+    constants = _ref21.constants;
+  return function (page) {
+    var remoteSearch = props.remoteSearch,
+      dataset = props.dataset;
+    page || (state.pagerConfig.currentPage = 1);
+    return new Promise(function (resolve) {
+      state.loading = true;
+      if (remoteSearch || dataset) {
+        var _state$pagerConfig = state.pagerConfig,
+          currentPage = _state$pagerConfig.currentPage,
+          pageSize = _state$pagerConfig.pageSize;
+        if (remoteSearch) {
+          props.remoteSearch({
+            page: {
+              currentPage: currentPage,
+              pageSize: pageSize
+            },
+            conditions: state.search
+          }).then(function (data) {
+            state.sourceGridDataset = data.data;
+            state.pagerConfig.total = data.total;
+            state.loading = false;
+            resolve();
+          })["finally"](function () {
+            state.loading = false;
+          });
+        } else {
+          getDataset({
+            dataset: dataset,
+            service: parent.$service,
+            tree: props.treeOp
+          }, {
+            pageVO: {
+              curPage: currentPage,
+              pageSize: pageSize
+            }
+          }).then(function (data) {
+            var result = data.result,
+              _data$pageVO = data.pageVO,
+              pageVO = _data$pageVO === void 0 ? {} : _data$pageVO;
+            if (props.popseletor === constants.TYPE_TREE) {
+              props.treeOp.data = result || data;
+            } else {
+              state.sourceGridDataset = result || data;
+              state.pagerConfig.total = pageVO.totalRows || 0;
+            }
+            state.loading = false;
+            resolve();
+          })["finally"](function () {
+            state.loading = false;
+          });
+        }
+      } else {
+        state.fullGridData = localFilter({
+          state: state,
+          props: props
+        });
+        state.loading = false;
+        resolve();
+      }
+    });
+  };
+};
+export var selectedGridSelectAll = function selectedGridSelectAll(_ref22) {
+  var constants = _ref22.constants,
+    vm = _ref22.vm,
+    state = _ref22.state;
+  return function (_ref23) {
+    var checked = _ref23.checked;
+    var refs = vm.$refs;
+    if (!checked) {
+      var sourcetable = refs[constants.GRID_REF.source];
+      var historytable = refs[constants.GRID_REF.history];
+      sourcetable && sourcetable.clearSelection();
+      historytable && historytable.clearSelection();
+      state.selectedValues = [];
+      state.selectedDatas = [];
+    }
+  };
+};
+var copySelectDatas = function copySelectDatas(state) {
+  state.selectedValues = state.selectedValues.slice(0);
+  state.selectedDatas = state.selectedDatas.slice(0);
+};
+export var selectedGridSelectChange = function selectedGridSelectChange(_ref24) {
+  var constants = _ref24.constants,
+    props = _ref24.props,
+    vm = _ref24.vm,
+    state = _ref24.state;
+  return function (_ref25, event) {
+    var checked = _ref25.checked,
+      row = _ref25.row;
+    var refs = vm.$refs;
+    if (!checked) {
+      var len = state.selectedValues.length;
+      event.target.checked = !checked;
+      for (var i = 0; i < len; i++) {
+        if (state.selectedValues[i] == row[props.valueField]) {
+          state.selectedValues.splice(i, 1);
+          state.selectedDatas.splice(i, 1);
+          var sourcetable = refs[constants.GRID_REF.source];
+          var historytable = refs[constants.GRID_REF.history];
+          sourcetable && sourcetable.setSelection(sourcetable.data.filter(function (lrow) {
+            return lrow[props.valueField] == row[props.valueField];
+          }), false);
+          historytable && historytable.setSelection(historytable.data.filter(function (lrow) {
+            return lrow[props.valueField] == row[props.valueField];
+          }), false);
+          break;
+        }
+      }
+      copySelectDatas(state);
+    }
+  };
+};
+export var sourceGridSelectAll = function sourceGridSelectAll(_ref26) {
+  var props = _ref26.props,
+    state = _ref26.state,
+    api = _ref26.api;
+  return function (_ref27) {
+    var selection = _ref27.selection,
+      checked = _ref27.checked;
+    if (checked) {
+      selection.forEach(function (item) {
+        if (!find(state.selectedValues, function (val) {
+          return val == item[props.valueField];
+        })) {
+          state.selectedValues.push(item[props.valueField]);
+          state.selectedDatas.push(item);
+        }
+      });
+    } else {
+      var len = state.sourceGridDataset.length;
+      var _loop = function _loop(i) {
+        var sourceGridItem = state.sourceGridDataset[i][props.valueField];
+        var selectedItem = find(state.selectedValues, function (val) {
+          return val == sourceGridItem;
+        });
+        var index = state.selectedValues.indexOf(selectedItem);
+        if (index !== -1) {
+          state.selectedValues.splice(index, 1);
+          state.selectedDatas.splice(index, 1);
+        }
+      };
+      for (var i = 0; i < len; i++) {
+        _loop(i);
+      }
+    }
+    if (state.showSuggestPanel) {
+      if (!checked) {
+        state.selectedValues = [];
+        state.selectedDatas = [];
+      }
+      api.handleConfirm();
+    }
+    copySelectDatas(state);
+  };
+};
+export var sourceGridSelectChange = function sourceGridSelectChange(_ref28) {
+  var props = _ref28.props,
+    state = _ref28.state,
+    api = _ref28.api;
+  return function (_ref29) {
+    var checked = _ref29.checked,
+      row = _ref29.row,
+      confirm = _ref29.confirm;
+    if (checked) {
+      state.selectedValues.push(row[props.valueField]);
+      state.selectedDatas.push(row);
+    } else {
+      state.selectedValues.forEach(function (item, index) {
+        if (row[props.valueField] == item) {
+          state.selectedValues.splice(index, 1);
+          state.selectedDatas.splice(index, 1);
+        }
+      });
+    }
+    if (state.showSuggestPanel && confirm !== false) {
+      api.handleConfirm();
+    }
+    copySelectDatas(state);
+  };
+};
+export var filterNode = function filterNode() {
+  return function (value, data) {
+    if (!value) return true;
+    return data.label.indexOf(value) !== -1;
+  };
+};
+export var watchFilterText = function watchFilterText(vm) {
+  return function (value) {
+    var refs = vm.$refs;
+    if (refs.tree) {
+      refs.tree.filter(value);
+    }
+  };
+};
+export var computedTreeOp = function computedTreeOp(_ref30) {
+  var api = _ref30.api,
+    constants = _ref30.constants;
+  return function (props, state) {
+    var treeOp = props.treeOp;
+    if (typeof treeOp.showCheckbox === 'undefined' && typeof treeOp.showRadio === 'undefined') {
+      treeOp.showCheckbox = true;
+    }
+    if (typeof treeOp.defaultExpandAll === 'undefined') {
+      treeOp.defaultExpandAll = true;
+    }
+    treeOp.showCheckbox = treeOp.showCheckbox === true;
+    treeOp.showRadio = treeOp.showRadio === true;
+    treeOp.filterNodeMethod = treeOp.filterNodeMethod || api.filterNode;
+    treeOp.defaultExpandAll = treeOp.defaultExpandAll === true;
+    treeOp.checkStrictly = treeOp.checkStrictly === false ? false : true;
+    treeOp.expandOnClickNode = false;
+    treeOp.nodeKey = treeOp.nodeKey || constants.ID;
+    treeOp.defaultCheckedKeys = state.treeSelectList.map(function (item) {
+      return item.id;
+    });
+    treeOp.props = _objectSpread({
+      label: props.textField || constants.LABEL,
+      id: props.valueField || constants.ID,
+      children: 'children'
+    }, treeOp.props);
+    return treeOp;
+  };
+};
+export var treeCheckChange = function treeCheckChange(_ref31) {
+  var constants = _ref31.constants,
+    state = _ref31.state,
+    props = _ref31.props;
+  return function (data, checked) {
+    if (state.treeOp.showRadio) {
+      var valueField = props.valueField || constants.ID;
+      var textField = props.textField || constants.LABEL;
+      var treeSelectList = [{
+        id: data[valueField],
+        value: data[textField]
+      }];
+      state.treeSelectList = treeSelectList;
+    } else {
+      if (checked) {
+        state.treeSelectList.push({
+          id: data[state.treeOp.props.id],
+          value: data[state.treeOp.props.label]
+        });
+      } else {
+        state.treeSelectList = state.treeSelectList.filter(function (item) {
+          return item.id !== data[state.treeOp.props.id];
+        });
+      }
+    }
+  };
+};
+export var handleNumberPageChange = function handleNumberPageChange(_ref32) {
+  var api = _ref32.api,
+    emit = _ref32.emit,
+    state = _ref32.state;
+  return function (size) {
+    state.pagerConfig.currentPage = 1;
+    state.pagerConfig.pageSize = size;
+    api.handlePager();
+    emit('size-change', size);
+  };
+};
+export var doSearch = function doSearch(_ref33) {
+  var api = _ref33.api,
+    state = _ref33.state,
+    props = _ref33.props;
+  return function (params) {
+    var conditions = props.conditions;
+    for (var i = 0; i < conditions.length; i++) {
+      var condition = conditions[i];
+      if (_typeof(params) === 'object' && typeof params[condition.field] !== 'undefined') {
+        state.searchOp[condition.field] = params[condition.field] ? params[condition.field] : '';
+        state.search[condition.field] = params[condition.field] ? params[condition.field] : '';
+      } else {
+        state.search[condition.field] = state.searchOp[condition.field];
+      }
+    }
+    api.handleSearch();
+  };
+};
+export var doClear = function doClear(_ref34) {
+  var api = _ref34.api,
+    state = _ref34.state,
+    props = _ref34.props;
+  return function (params) {
+    var conditions = props.conditions;
+    for (var i = 0; i < conditions.length; i++) {
+      var condition = conditions[i];
+      if (_typeof(params) === 'object' && typeof params[condition.field] !== 'undefined') {
+        params[condition.field] = '';
+      }
+      state.searchOp[condition.field] = '';
+      state.search[condition.field] = '';
+    }
+    api.handleSearch();
+  };
+};
+export var getSuggestParam = function getSuggestParam(_ref35) {
+  var state = _ref35.state,
+    props = _ref35.props,
+    api = _ref35.api;
+  return function (input) {
+    if (typeof input !== 'string') {
+      input = state.display;
+    }
+    if (!props.bypass) {
+      var texts = api.getDisplay().split(props.textSplit);
+      var inputs = input.split(props.textSplit).filter(function (s) {
+        return !!s;
+      });
+      var removed = texts.filter(function (str) {
+        return !~inputs.indexOf(str);
+      });
+      var addtions = inputs.filter(function (str) {
+        return !~texts.indexOf(str);
+      });
+      return {
+        addtions: addtions,
+        removed: removed
+      };
+    }
+    return input;
+  };
+};
+export var updateSuggestWidth = function updateSuggestWidth(_ref36) {
+  var refs = _ref36.refs;
+  return function () {
+    var $input = refs.reference.getInput();
+    refs.popper.style.width = $input.clientWidth + 'px';
+  };
+};
+export var doSuggesst = function doSuggesst(_ref37) {
+  var state = _ref37.state,
+    props = _ref37.props,
+    popper = _ref37.popper,
+    api = _ref37.api;
+  return function (event) {
+    if (!props.suggest) return;
+    var query = event;
+    off(window, 'resize', api.updateSuggestWidth);
+    off(document, 'click', api.closeSuggestPanel);
+    on(document, 'click', api.closeSuggestPanel);
+    on(window, 'resize', api.updateSuggestWidth);
+    api.updateSuggestWidth();
+    if (typeof event !== 'string') {
+      if (props.multi && !state.suggestList.length) {
+        state.suggestList = [].concat(state.selectedDatas);
+      }
+      state.showSuggestPanel = true;
+    }
+    if (props.remoteSearch) {
+      var doQuery = function doQuery(query) {
+        state.showSuggestPanel = true;
+        props.remoteSearch({
+          query: query
+        }).then(function (data) {
+          state.suggestList = data.data;
+          popper.updatePopper();
+        });
+      };
+      if (!props.bypass && props.multi) {
+        var _api$getSuggestParam = api.getSuggestParam(event),
+          removed = _api$getSuggestParam.removed,
+          addtions = _api$getSuggestParam.addtions;
+        query = addtions;
+        removed.forEach(function (text) {
+          var row = find(state.selectedDatas, function (node) {
+            return text === node[props.textField];
+          });
+          api.sourceGridSelectChange({
+            checked: false,
+            row: row,
+            confirm: false
+          });
+        });
+        if (addtions.length) {
+          doQuery(query);
+        }
+      } else {
+        doQuery(state.display);
+      }
+    }
+  };
+};
+export var closeSuggestPanel = function closeSuggestPanel(_ref38) {
+  var state = _ref38.state,
+    api = _ref38.api,
+    refs = _ref38.refs;
+  return function () {
+    var event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    var reference = refs.reference,
+      popper = refs.popper;
+    var keep = !event;
+    if (event.target) {
+      keep = reference.$el.contains(event.target) || popper.contains(event.target);
+    }
+    if (!keep) {
+      off(document, 'click', api.closeSuggestPanel);
+      off(window, 'resize', api.updateSuggestWidth);
+      api.handleConfirm(state.closeSuggestPanelInvoker === 'openDialog');
+      state.closeSuggestPanelInvoker = null;
+      state.showSuggestPanel = false;
+    }
+  };
+};
+export var suggestRadioChange = function suggestRadioChange(_ref39) {
+  var state = _ref39.state,
+    api = _ref39.api;
+  return function (_ref40) {
+    var row = _ref40.row;
+    state.selectedDatas = row;
+    state.showSuggestPanel = false;
+    api.handleConfirm();
+  };
+};
+export var handlePager = function handlePager(_ref41) {
+  var api = _ref41.api,
+    props = _ref41.props,
+    state = _ref41.state;
+  return function () {
+    if (!props.showPager) {
+      state.sourceGridDataset = state.fullGridData;
+      return;
+    }
+    var data = state.fullGridData;
+    var _state$pagerConfig2 = state.pagerConfig,
+      pageSize = _state$pagerConfig2.pageSize,
+      currentPage = _state$pagerConfig2.currentPage;
+    if (!props.remoteSearch && !props.dataset) {
+      state.sourceGridDataset = data.slice((currentPage - 1) * pageSize, currentPage * pageSize);
+      state.pagerConfig.total = data.length;
+    } else {
+      api.query(true);
+    }
+  };
+};
+export var initSearchOption = function initSearchOption(_ref42) {
+  var api = _ref42.api,
+    state = _ref42.state;
+  return function (conditions) {
+    for (var i = 0; i < conditions.length; i++) {
+      var condition = conditions[i];
+      state.searchOp[condition.field] = '';
+    }
+    state.searchOp.doSearch = api.doSearch;
+    state.searchOp.doClear = api.doClear;
+  };
+};
+export var mounted = function mounted(_ref43) {
+  var api = _ref43.api,
+    props = _ref43.props;
+  return function () {
+    if (props.autoLookup) {
+      api.query().then(function () {
+        api.initDisplay(props.modelValue);
+      });
+    } else {
+      api.initDisplay(props.modelValue);
+    }
+  };
+};