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

package/autocomplete/index.js

@@ -1,175 +1,133 @@
-export var getData = function getData(_ref) {
-  var props = _ref.props,
-    state = _ref.state,
-    updatePopper = _ref.updatePopper,
-    nextTick = _ref.nextTick;
-  return function (queryString) {
+import "../chunk-PKUHTIDK.js";
+const getData = ({ props, state, updatePopper, nextTick }) => (queryString) => {
+  if (state.suggestionDisabled) {
+    return;
+  }
+  state.loading = true;
+  props.fetchSuggestions(queryString, (suggestions) => {
+    state.loading = false;
     if (state.suggestionDisabled) {
       return;
     }
-    state.loading = true;
-    props.fetchSuggestions(queryString, function (suggestions) {
-      state.loading = false;
-      if (state.suggestionDisabled) {
-        return;
-      }
-      if (Array.isArray(suggestions)) {
-        state.suggestions = suggestions;
-        state.highlightedIndex = props.highlightFirstItem ? 0 : -1;
-      } else {
-        throw new Error('[TINY Error][Autocomplete]autocomplete suggestions must be an array');
-      }
-      nextTick(updatePopper);
-    });
-  };
-};
-export var handleChange = function handleChange(_ref2) {
-  var api = _ref2.api,
-    emit = _ref2.emit,
-    state = _ref2.state,
-    props = _ref2.props;
-  return function (value) {
-    state.activated = true;
-    emit('update:modelValue', value);
-    state.suggestionDisabled = false;
-    if (!props.triggerOnFocus && !value) {
-      state.suggestionDisabled = true;
-      state.suggestions = [];
-      return;
-    }
-    api.debouncedGetData(value);
-  };
-};
-export var handleFocus = function handleFocus(_ref3) {
-  var api = _ref3.api,
-    emit = _ref3.emit,
-    props = _ref3.props,
-    state = _ref3.state;
-  return function (event) {
-    state.activated = true;
-    emit('focus', event);
-    if (props.triggerOnFocus) {
-      state.suggestionDisabled = false;
-      api.debouncedGetData(props.modelValue);
+    if (Array.isArray(suggestions)) {
+      state.suggestions = suggestions;
+      state.highlightedIndex = props.highlightFirstItem ? 0 : -1;
+    } else {
+      throw new TypeError("[TINY Error][Autocomplete]autocomplete suggestions must be an array");
     }
-  };
+    nextTick(updatePopper);
+  });
 };
-export var handleBlur = function handleBlur(_ref4) {
-  var emit = _ref4.emit,
-    state = _ref4.state;
-  return function (event) {
+const handleChange = ({ api, emit, state, props }) => (value) => {
+  state.activated = true;
+  emit("update:modelValue", value);
+  state.suggestionDisabled = false;
+  if (!props.triggerOnFocus && !value) {
     state.suggestionDisabled = true;
-    emit('blur', event);
-  };
+    state.suggestions = [];
+    return;
+  }
+  api.debouncedGetData(value);
 };
-export var handleClear = function handleClear(_ref5) {
-  var emit = _ref5.emit,
-    state = _ref5.state;
-  return function () {
-    state.activated = false;
-    emit('clear');
-  };
+const handleFocus = ({ api, emit, props, state }) => (event) => {
+  state.activated = true;
+  emit("focus", event);
+  if (props.triggerOnFocus) {
+    state.suggestionDisabled = false;
+    api.debouncedGetData(props.modelValue);
+  }
 };
-export var close = function close(state) {
-  return function () {
-    state.activated = false;
-  };
+const handleBlur = ({ emit, state }) => (event) => {
+  state.suggestionDisabled = true;
+  emit("blur", event);
 };
-export var handleKeyEnter = function handleKeyEnter(_ref6) {
-  var api = _ref6.api,
-    emit = _ref6.emit,
-    nextTick = _ref6.nextTick,
-    props = _ref6.props,
-    state = _ref6.state;
-  return function (event) {
-    if (state.suggestionVisible && state.highlightedIndex >= 0 && state.highlightedIndex < state.suggestions.length) {
-      event.preventDefault();
-      api.select(state.suggestions[state.highlightedIndex]);
-    } else if (props.selectWhenUnmatched) {
-      emit('select', {
-        value: props.modelValue
-      });
-      nextTick(function () {
-        state.suggestions = [];
-        state.highlightedIndex = -1;
-      });
-    }
-  };
+const handleClear = ({ emit, state }) => () => {
+  state.activated = false;
+  emit("clear");
+};
+const close = (state) => () => {
+  state.activated = false;
 };
-export var select = function select(_ref7) {
-  var emit = _ref7.emit,
-    nextTick = _ref7.nextTick,
-    props = _ref7.props,
-    state = _ref7.state;
-  return function (item) {
-    emit('update:modelValue', item[props.valueKey]);
-    emit('select', item);
-    nextTick(function () {
-      state.activated = false;
+const handleKeyEnter = ({ api, emit, nextTick, props, state }) => (event) => {
+  if (state.suggestionVisible && state.highlightedIndex >= 0 && state.highlightedIndex < state.suggestions.length) {
+    event.preventDefault();
+    api.select(state.suggestions[state.highlightedIndex]);
+  } else if (props.selectWhenUnmatched) {
+    emit("select", { value: props.modelValue });
+    nextTick(() => {
       state.suggestions = [];
       state.highlightedIndex = -1;
     });
-  };
+  }
 };
-export var highlight = function highlight(_ref8) {
-  var constants = _ref8.constants,
-    refs = _ref8.refs,
-    state = _ref8.state;
-  return function (index) {
-    if (!state.suggestionVisible || state.loading) {
-      return;
-    }
-    if (index < 0) {
-      state.highlightedIndex = -1;
-      return;
-    }
-    if (index >= state.suggestions.length) {
-      index = state.suggestions.length - 1;
-    }
-    var suggestion = refs.popper.querySelector(constants.WARP_CLS);
-    var suggestionList = suggestion.querySelectorAll(constants.ITEM_CLS);
-    var highlightItem = suggestionList[index];
-    var scrollTop = suggestion.scrollTop;
-    var offsetTop = highlightItem.offsetTop;
-    if (offsetTop + highlightItem.scrollHeight > scrollTop + suggestion.clientHeight) {
-      suggestion.scrollTop += highlightItem.scrollHeight;
-    }
-    if (offsetTop < scrollTop) {
-      suggestion.scrollTop -= highlightItem.scrollHeight;
-    }
-    state.highlightedIndex = index;
-    var $input = refs.input.getInput();
-    $input.setAttribute('aria-activedescendant', "".concat(state.id, "-item-").concat(state.highlightedIndex));
-  };
+const select = ({ emit, nextTick, props, state }) => (item) => {
+  emit("update:modelValue", item[props.valueKey]);
+  emit("select", item);
+  nextTick(() => {
+    state.activated = false;
+    state.suggestions = [];
+    state.highlightedIndex = -1;
+  });
+};
+const highlight = ({ constants, refs, state }) => (index) => {
+  if (!state.suggestionVisible || state.loading) {
+    return;
+  }
+  if (index < 0) {
+    state.highlightedIndex = -1;
+    return;
+  }
+  if (index >= state.suggestions.length) {
+    index = state.suggestions.length - 1;
+  }
+  const suggestion = refs.popper.querySelector(constants.WARP_CLS);
+  const suggestionList = suggestion.querySelectorAll(constants.ITEM_CLS);
+  let highlightItem = suggestionList[index];
+  let scrollTop = suggestion.scrollTop;
+  let offsetTop = highlightItem.offsetTop;
+  if (offsetTop + highlightItem.scrollHeight > scrollTop + suggestion.clientHeight) {
+    suggestion.scrollTop += highlightItem.scrollHeight;
+  }
+  if (offsetTop < scrollTop) {
+    suggestion.scrollTop -= highlightItem.scrollHeight;
+  }
+  state.highlightedIndex = index;
+  let $input = refs.input.getInput();
+  $input.setAttribute("aria-activedescendant", `${state.id}-item-${state.highlightedIndex}`);
 };
-export var computedVisible = function computedVisible(state) {
-  var suggestions = state.suggestions;
-  var isValidData = Array.isArray(suggestions) && suggestions.length > 0;
+const computedVisible = (state) => {
+  const suggestions = state.suggestions;
+  let isValidData = Array.isArray(suggestions) && suggestions.length > 0;
   return (isValidData || state.loading) && state.activated;
 };
-export var watchVisible = function watchVisible(_ref9) {
-  var suggestionState = _ref9.suggestionState,
-    refs = _ref9.refs;
-  return function (val) {
-    var $input = refs.input.getInput();
-    if ($input) {
-      suggestionState.dropdownWidth = $input.offsetWidth + 'px';
-      suggestionState.showPopper = val;
-    }
-  };
+const watchVisible = ({ suggestionState, refs }) => (val) => {
+  let $input = refs.input.getInput();
+  if ($input) {
+    suggestionState.dropdownWidth = $input.offsetWidth + "px";
+    suggestionState.showPopper = val;
+  }
+};
+const mounted = ({ refs, state, suggestionState }) => () => {
+  const input = refs.input;
+  const $input = input.getInput();
+  suggestionState.popperElm = refs.popper;
+  suggestionState.referenceElm = $input;
+  $input.setAttribute("role", "textbox");
+  $input.setAttribute("aria-autocomplete", "list");
+  $input.setAttribute("aria-controls", "id");
+  $input.setAttribute("aria-activedescendant", `${state.id}-item-${state.highlightedIndex}`);
+};
+export {
+  close,
+  computedVisible,
+  getData,
+  handleBlur,
+  handleChange,
+  handleClear,
+  handleFocus,
+  handleKeyEnter,
+  highlight,
+  mounted,
+  select,
+  watchVisible
 };
-export var mounted = function mounted(_ref10) {
-  var refs = _ref10.refs,
-    state = _ref10.state,
-    suggestionState = _ref10.suggestionState;
-  return function () {
-    var input = refs.input;
-    var $input = input.getInput();
-    suggestionState.popperElm = refs.popper;
-    suggestionState.referenceElm = $input;
-    $input.setAttribute('role', 'textbox');
-    $input.setAttribute('aria-autocomplete', 'list');
-    $input.setAttribute('aria-controls', 'id');
-    $input.setAttribute('aria-activedescendant', "".concat(state.id, "-item-").concat(state.highlightedIndex));
-  };
-};

package/autocomplete/vue.js

@@ -1,171 +1,96 @@
-import debounce from '@opentiny/vue-renderless/common/deps/debounce';
-import userPopper from '@opentiny/vue-renderless/common/deps/vue-popper';
-import { guid } from '@opentiny/vue-renderless/common/string';
-import { computedVisible, watchVisible, mounted, getData, handleChange, handleFocus, handleBlur, handleClear, close, handleKeyEnter, select, highlight } from './index';
-export var api = ['state', 'select', 'suggestionState', 'getInput', 'handleChange', 'close', 'handleFocus', 'handleBlur', 'handleClear', 'handleKeyEnter', 'highlight', 'select', 'doDestroy'];
-var initState = function initState(_ref) {
-  var reactive = _ref.reactive,
-    $prefix = _ref.$prefix,
-    computed = _ref.computed;
-  var state = reactive({
+import "../chunk-PKUHTIDK.js";
+import debounce from "@opentiny/vue-renderless/common/deps/debounce";
+import userPopper from "@opentiny/vue-renderless/common/deps/vue-popper";
+import { guid } from "@opentiny/vue-renderless/common/string";
+import {
+  computedVisible,
+  watchVisible,
+  mounted,
+  getData,
+  handleChange,
+  handleFocus,
+  handleBlur,
+  handleClear,
+  close,
+  handleKeyEnter,
+  select,
+  highlight
+} from "./index";
+const api = [
+  "state",
+  "select",
+  "suggestionState",
+  "getInput",
+  "handleChange",
+  "close",
+  "handleFocus",
+  "handleBlur",
+  "handleClear",
+  "handleKeyEnter",
+  "highlight",
+  "select",
+  "doDestroy"
+];
+const initState = ({ reactive, $prefix, computed }) => {
+  const state = reactive({
     activated: false,
     suggestions: [],
     loading: false,
     highlightedIndex: -1,
     suggestionDisabled: false,
-    id: $prefix + '-' + guid(),
-    suggestionVisible: computed(function () {
-      return computedVisible(state);
-    })
+    id: $prefix + "-" + guid(),
+    suggestionVisible: computed(() => computedVisible(state))
   });
   return state;
 };
-var initSuggestionState = function initSuggestionState(_ref2) {
-  var reactive = _ref2.reactive,
-    parent = _ref2.parent,
-    showPopper = _ref2.showPopper,
-    popperElm = _ref2.popperElm,
-    referenceElm = _ref2.referenceElm;
-  return reactive({
-    parent: parent,
-    dropdownWidth: '',
-    showPopper: showPopper,
-    popperElm: popperElm,
-    referenceElm: referenceElm
-  });
-};
-var initApi = function initApi(_ref3) {
-  var api = _ref3.api,
-    state = _ref3.state,
-    doDestroy = _ref3.doDestroy,
-    suggestionState = _ref3.suggestionState,
-    emit = _ref3.emit,
-    refs = _ref3.refs,
-    props = _ref3.props,
-    updatePopper = _ref3.updatePopper,
-    nextTick = _ref3.nextTick,
-    constants = _ref3.constants;
-  api.getData = getData({
-    props: props,
-    state: state,
-    updatePopper: updatePopper,
-    nextTick: nextTick
-  });
-  Object.assign(api, {
-    state: state,
-    doDestroy: doDestroy,
-    suggestionState: suggestionState,
+const initSuggestionState = ({ reactive, parent, showPopper, popperElm, referenceElm }) => reactive({
+  parent,
+  dropdownWidth: "",
+  showPopper,
+  popperElm,
+  referenceElm
+});
+const initApi = ({ api: api2, state, doDestroy, suggestionState, emit, refs, props, updatePopper, nextTick, constants }) => {
+  api2.getData = getData({ props, state, updatePopper, nextTick });
+  Object.assign(api2, {
+    state,
+    doDestroy,
+    suggestionState,
     close: close(state),
-    handleBlur: handleBlur({
-      emit: emit,
-      state: state
-    }),
-    mounted: mounted({
-      refs: refs,
-      state: state,
-      suggestionState: suggestionState
-    }),
-    highlight: highlight({
-      constants: constants,
-      refs: refs,
-      state: state
-    }),
-    handleClear: handleClear({
-      emit: emit,
-      state: state
-    }),
-    select: select({
-      emit: emit,
-      nextTick: nextTick,
-      props: props,
-      state: state
-    }),
-    watchVisible: watchVisible({
-      suggestionState: suggestionState,
-      refs: refs
-    }),
-    handleChange: handleChange({
-      api: api,
-      emit: emit,
-      state: state,
-      props: props
-    }),
-    handleFocus: handleFocus({
-      api: api,
-      emit: emit,
-      props: props,
-      state: state
-    }),
-    handleKeyEnter: handleKeyEnter({
-      api: api,
-      emit: emit,
-      nextTick: nextTick,
-      props: props,
-      state: state
-    }),
-    debouncedGetData: debounce(props.debounce, api.getData)
+    handleBlur: handleBlur({ emit, state }),
+    mounted: mounted({ refs, state, suggestionState }),
+    highlight: highlight({ constants, refs, state }),
+    handleClear: handleClear({ emit, state }),
+    select: select({ emit, nextTick, props, state }),
+    watchVisible: watchVisible({ suggestionState, refs }),
+    handleChange: handleChange({ api: api2, emit, state, props }),
+    handleFocus: handleFocus({ api: api2, emit, props, state }),
+    handleKeyEnter: handleKeyEnter({ api: api2, emit, nextTick, props, state }),
+    debouncedGetData: debounce(props.debounce, api2.getData)
   });
 };
-export var renderless = function renderless(props, _ref4, _ref5) {
-  var computed = _ref4.computed,
-    onBeforeUnmount = _ref4.onBeforeUnmount,
-    onMounted = _ref4.onMounted,
-    reactive = _ref4.reactive,
-    watch = _ref4.watch,
-    toRefs = _ref4.toRefs,
-    onDeactivated = _ref4.onDeactivated;
-  var $prefix = _ref5.$prefix,
-    refs = _ref5.refs,
-    parent = _ref5.parent,
-    emit = _ref5.emit,
-    constants = _ref5.constants,
-    nextTick = _ref5.nextTick,
-    slots = _ref5.slots;
-  var api = {};
-  var state = initState({
-    reactive: reactive,
-    $prefix: $prefix,
-    computed: computed
-  });
-  var _userPopper = userPopper({
-      reactive: reactive,
-      watch: watch,
-      refs: refs,
-      emit: emit,
-      slots: slots,
-      nextTick: nextTick,
-      props: props,
-      onBeforeUnmount: onBeforeUnmount,
-      toRefs: toRefs,
-      onDeactivated: onDeactivated
-    }),
-    showPopper = _userPopper.showPopper,
-    popperElm = _userPopper.popperElm,
-    referenceElm = _userPopper.referenceElm,
-    doDestroy = _userPopper.doDestroy,
-    updatePopper = _userPopper.updatePopper;
-  var suggestionState = initSuggestionState({
-    reactive: reactive,
-    parent: parent,
-    showPopper: showPopper,
-    popperElm: popperElm,
-    referenceElm: referenceElm
+const renderless = (props, { computed, onBeforeUnmount, onMounted, reactive, watch, toRefs, onDeactivated }, { $prefix, refs, parent, emit, constants, nextTick, slots }) => {
+  const api2 = {};
+  const state = initState({ reactive, $prefix, computed });
+  const { showPopper, popperElm, referenceElm, doDestroy, updatePopper } = userPopper({
+    reactive,
+    watch,
+    refs,
+    emit,
+    slots,
+    nextTick,
+    props,
+    onBeforeUnmount,
+    toRefs,
+    onDeactivated
   });
-  initApi({
-    api: api,
-    state: state,
-    doDestroy: doDestroy,
-    suggestionState: suggestionState,
-    emit: emit,
-    refs: refs,
-    props: props,
-    updatePopper: updatePopper,
-    nextTick: nextTick,
-    constants: constants
-  });
-  watch(function () {
-    return state.suggestionVisible;
-  }, api.watchVisible);
-  onMounted(api.mounted);
-  return api;
-};
+  const suggestionState = initSuggestionState({ reactive, parent, showPopper, popperElm, referenceElm });
+  initApi({ api: api2, state, doDestroy, suggestionState, emit, refs, props, updatePopper, nextTick, constants });
+  watch(() => state.suggestionVisible, api2.watchVisible);
+  onMounted(api2.mounted);
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/autonavi-map/index.js

@@ -1,28 +1,18 @@
-import { getAmap } from '@opentiny/vue-renderless/chart-core/deps/utils';
-export var amap = function amap(columns, rows, settings, extra) {
-  var key = settings.key,
-    v = settings.v,
-    amap = settings.amap,
-    useOuterMap = settings.useOuterMap,
-    url = settings.url;
-  var _once = extra._once;
-  var registerSign = 'amap_register';
+import "../chunk-PKUHTIDK.js";
+import { getAmap } from "@opentiny/vue-renderless/chart-core/deps/utils";
+const amap = (columns, rows, settings, extra) => {
+  const { key, v, amap: amap2, useOuterMap, url } = settings;
+  const { _once } = extra;
+  const registerSign = "amap_register";
   if (_once[registerSign]) {
     return {};
   }
   _once[registerSign] = true;
   if (useOuterMap) {
-    return {
-      amap: amap
-    };
+    return { amap: amap2 };
   }
-  return getAmap({
-    key: key,
-    version: v,
-    url: url
-  }).then(function () {
-    return {
-      amap: amap
-    };
-  });
-};
+  return getAmap({ key, version: v, url }).then(() => ({ amap: amap2 }));
+};
+export {
+  amap
+};

package/avatar/index.js

@@ -1,33 +1,30 @@
-export var handleError = function handleError(_ref) {
-  var props = _ref.props,
-    state = _ref.state;
-  return function () {
-    var error = props.error;
-    var errorFlag = error ? error() : undefined;
-    if (errorFlag !== false) {
-      if (state.isSrcImageExist) {
-        state.isSrcImageExist = false;
-      } else {
-        state.isDefaultImageExist = false;
-      }
+import "../chunk-PKUHTIDK.js";
+const handleError = ({ props, state }) => () => {
+  const { error } = props;
+  const errorFlag = error ? error() : void 0;
+  if (errorFlag !== false) {
+    if (state.isSrcImageExist) {
+      state.isSrcImageExist = false;
+    } else {
+      state.isDefaultImageExist = false;
     }
-  };
+  }
+};
+const computedAvatarClass = (contants) => (props) => {
+  const { size, icon, shape } = props;
+  let classList = [contants.COMPONENT_PREFIX];
+  if (size && typeof size === "string") {
+    classList.push(`${contants.COMPONENT_PREFIX}--${size}`);
+  }
+  if (icon) {
+    classList.push(`${contants.COMPONENT_PREFIX}--${contants.icon}`);
+  }
+  if (shape) {
+    classList.push(`${contants.COMPONENT_PREFIX}--${shape}`);
+  }
+  return classList.join(" ");
+};
+export {
+  computedAvatarClass,
+  handleError
 };
-export var computedAvatarClass = function computedAvatarClass(contants) {
-  return function (props) {
-    var size = props.size,
-      icon = props.icon,
-      shape = props.shape;
-    var classList = [contants.COMPONENT_PREFIX];
-    if (size && typeof size === 'string') {
-      classList.push("".concat(contants.COMPONENT_PREFIX, "--").concat(size));
-    }
-    if (icon) {
-      classList.push("".concat(contants.COMPONENT_PREFIX, "--").concat(contants.icon));
-    }
-    if (shape) {
-      classList.push("".concat(contants.COMPONENT_PREFIX, "--").concat(shape));
-    }
-    return classList.join(' ');
-  };
-};