@opentiny/vue-renderless 3.1.0-alpha.0

package/scrollbar/vue.js

@@ -0,0 +1,43 @@
+import { handleScroll, update } from './index';
+import { addResizeListener, removeResizeListener } from '@opentiny/vue-renderless/common/deps/resize-event';
+export var api = ['state', 'update', 'handleScroll'];
+export var renderless = function renderless(props, _ref, _ref2) {
+  var onBeforeUnmount = _ref.onBeforeUnmount,
+    onMounted = _ref.onMounted,
+    reactive = _ref.reactive;
+  var refs = _ref2.refs,
+    nextTick = _ref2.nextTick,
+    emit = _ref2.emit;
+  var state = reactive({
+    sizeWidth: '0',
+    sizeHeight: '0',
+    moveX: 0,
+    moveY: 0
+  });
+  var api = {
+    state: state,
+    update: update({
+      refs: refs,
+      state: state
+    }),
+    handleScroll: handleScroll({
+      refs: refs,
+      state: state,
+      emit: emit
+    })
+  };
+  onMounted(function () {
+    if (props["native"]) {
+      return;
+    }
+    nextTick(api.update);
+    !props.noresize && addResizeListener(refs.resize, api.update);
+  });
+  onBeforeUnmount(function () {
+    if (props["native"]) {
+      return;
+    }
+    !props.noresize && removeResizeListener(refs.resize, api.update);
+  });
+  return api;
+};

package/search/index.js

@@ -0,0 +1,110 @@
+import { on, off } from '@opentiny/vue-renderless/common/deps/dom';
+import PopupManager from '@opentiny/vue-renderless/common/deps/popup-manager';
+import { isObject, typeOf } from '@opentiny/vue-renderless/common/type';
+export var handleChange = function handleChange(_ref) {
+  var emit = _ref.emit,
+    props = _ref.props,
+    state = _ref.state;
+  return function (event) {
+    event.stopPropagation();
+    var value = event.target.value;
+    emit('change', state.searchValue, value);
+    props.modelValue !== undefined ? emit('update:modelValue', value) : emit('update:modelValue', value, state.searchValue);
+  };
+};
+export var showSelector = function showSelector(_ref2) {
+  var refs = _ref2.refs,
+    state = _ref2.state;
+  return function () {
+    refs['selector'].style.zIndex = PopupManager.nextZIndex();
+    state.show = true;
+  };
+};
+export var changeKey = function changeKey(_ref3) {
+  var emit = _ref3.emit,
+    state = _ref3.state;
+  return function (key) {
+    state.searchValue = key;
+    state.show = false;
+    emit('select', key);
+  };
+};
+export var searchClick = function searchClick(_ref4) {
+  var emit = _ref4.emit,
+    props = _ref4.props,
+    state = _ref4.state;
+  return function () {
+    if (props.mini && state.collapse) {
+      state.collapse = false;
+    } else {
+      emit('search', state.searchValue, state.currentValue);
+    }
+  };
+};
+export var searchEnterKey = function searchEnterKey(_ref5) {
+  var api = _ref5.api,
+    props = _ref5.props,
+    refs = _ref5.refs,
+    nextTick = _ref5.nextTick;
+  return function () {
+    if (props.isEnterSearch) {
+      api.searchClick();
+      nextTick(function () {
+        return refs.input.blur();
+      });
+    }
+  };
+};
+export var clickOutside = function clickOutside(_ref6) {
+  var parent = _ref6.parent,
+    props = _ref6.props,
+    state = _ref6.state;
+  return function (event) {
+    if (!parent.$el.contains(event.target)) {
+      state.show = false;
+      props.mini && !state.currentValue && (state.collapse = true);
+    }
+  };
+};
+export var setDefaultType = function setDefaultType(searchTypes) {
+  var type = {};
+  for (var i = 0, len = searchTypes.length; i < len; i++) {
+    if (isObject(searchTypes[i]) && typeOf(searchTypes[i].value) !== 'undefined' && typeOf(searchTypes[i].text) !== 'undefined') {
+      type = searchTypes[i];
+      break;
+    }
+  }
+  return type;
+};
+export var formatSearchTypes = function formatSearchTypes(searchTypes) {
+  var types = [];
+  for (var i = 0, len = searchTypes.length; i < len; i++) {
+    if (isObject(searchTypes[i]) && typeOf(searchTypes[i].value) !== 'undefined' && typeOf(searchTypes[i].text) !== 'undefined') {
+      types.push(searchTypes[i]);
+    }
+  }
+  return types;
+};
+export var mounted = function mounted(api) {
+  return function () {
+    on(document.body, 'click', api.clickOutside);
+  };
+};
+export var beforeDestroy = function beforeDestroy(api) {
+  return function () {
+    off(document.body, 'click', api.clickOutside);
+  };
+};
+export var clear = function clear(_ref7) {
+  var emit = _ref7.emit,
+    refs = _ref7.refs,
+    state = _ref7.state;
+  return function () {
+    state.currentValue = '';
+    refs.input.focus();
+    state.focus = true;
+    emit('change', [], '');
+    emit('update:modelValue', '');
+    emit('clear');
+  };
+};

package/search/vue.js

@@ -0,0 +1,110 @@
+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 { clear, handleChange, showSelector, changeKey, searchClick, clickOutside, beforeDestroy, mounted, formatSearchTypes, setDefaultType, searchEnterKey } from './index';
+export var api = ['state', 'handleChange', 'showSelector', 'changeKey', 'searchClick', 'searchEnterKey', 'inputStyle', 'formatSearchTypes', 'setDefaultType', 'clear'];
+export var useFormatSearchTypes = function useFormatSearchTypes(_ref) {
+  var computed = _ref.computed,
+    props = _ref.props,
+    reactive = _ref.reactive,
+    toRefs = _ref.toRefs,
+    watch = _ref.watch;
+  var api = {
+    setDefaultType: setDefaultType,
+    formatSearchTypes: formatSearchTypes
+  };
+  var state = reactive({
+    searchValue: {},
+    types: computed(function () {
+      return api.formatSearchTypes(props.searchTypes);
+    })
+  });
+  watch(function () {
+    return props.searchTypes;
+  }, function () {
+    state.searchValue = api.setDefaultType(props.searchTypes);
+  }, {
+    immediate: true
+  });
+  return {
+    api: api,
+    state: toRefs(state)
+  };
+};
+export var renderless = function renderless(props, _ref2, _ref3) {
+  var computed = _ref2.computed,
+    onBeforeUnmount = _ref2.onBeforeUnmount,
+    onMounted = _ref2.onMounted,
+    reactive = _ref2.reactive,
+    toRefs = _ref2.toRefs,
+    watch = _ref2.watch;
+  var refs = _ref3.refs,
+    parent = _ref3.parent,
+    emit = _ref3.emit,
+    nextTick = _ref3.nextTick;
+  var formatSearchTypes = useFormatSearchTypes({
+    computed: computed,
+    props: props,
+    reactive: reactive,
+    toRefs: toRefs,
+    watch: watch
+  });
+  var state = reactive(_objectSpread(_objectSpread({
+    show: false,
+    focus: false,
+    hovering: false,
+    collapse: props.mini,
+    currentValue: props.modelValue
+  }, formatSearchTypes.state), {}, {
+    showClear: computed(function () {
+      return props.clearable && (state.focus || state.hovering) && state.currentValue;
+    })
+  }));
+  var api = _objectSpread({
+    state: state,
+    clear: clear({
+      emit: emit,
+      refs: refs,
+      state: state
+    }),
+    changeKey: changeKey({
+      state: state,
+      emit: emit
+    }),
+    handleChange: handleChange({
+      emit: emit,
+      state: state,
+      props: props
+    }),
+    showSelector: showSelector({
+      refs: refs,
+      state: state
+    }),
+    searchClick: searchClick({
+      emit: emit,
+      props: props,
+      state: state
+    }),
+    clickOutside: clickOutside({
+      parent: parent,
+      props: props,
+      state: state
+    })
+  }, formatSearchTypes.api);
+  Object.assign(api, {
+    searchEnterKey: searchEnterKey({
+      api: api,
+      props: props,
+      refs: refs,
+      nextTick: nextTick
+    })
+  });
+  onMounted(mounted(api));
+  onBeforeUnmount(beforeDestroy(api));
+  watch(function () {
+    return props.modelValue;
+  }, function (value) {
+    return state.currentValue = value;
+  });
+  return api;
+};