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

package/tall-storage/index.js

@@ -1,6 +1,6 @@
-import _typeof from "@babel/runtime/helpers/typeof";
-import { KEY_CODE } from '@opentiny/vue-renderless/common';
-export var mousedown = function mousedown(event) {
+import "../chunk-PKUHTIDK.js";
+import { KEY_CODE } from "@opentiny/vue-renderless/common";
+const mousedown = (event) => {
   if (event && event.preventDefault) {
     event.preventDefault();
   } else {
@@ -8,51 +8,42 @@ export var mousedown = function mousedown(event) {
   }
   return false;
 };
-export var selectItem = function selectItem(_ref) {
-  var emit = _ref.emit,
-    state = _ref.state;
-  return function (value) {
-    state.hoverValue = '';
-    emit('selected', value);
-  };
+const selectItem = ({ emit, state }) => (value) => {
+  state.hoverValue = "";
+  emit("selected", value);
 };
-export var keydown = function keydown(_ref2) {
-  var emit = _ref2.emit,
-    props = _ref2.props,
-    state = _ref2.state;
-  return function () {
-    var key = window.event.keyCode;
-    var index = props.localstorageData.indexOf(state.hoverValue);
-    var endIndex = props.localstorageData.length - 1;
-    if (key === KEY_CODE.ArrowUp && props.isMemoryStorage) {
-      if (index > 0 && index <= endIndex) {
-        state.hoverValue = props.localstorageData[index - 1];
-      } else {
-        state.hoverValue = props.localstorageData[endIndex];
-      }
-      return false;
+const keydown = ({ emit, props, state }) => () => {
+  const key = window.event.keyCode;
+  const index = props.localstorageData.indexOf(state.hoverValue);
+  const endIndex = props.localstorageData.length - 1;
+  if (key === KEY_CODE.ArrowUp && props.isMemoryStorage) {
+    if (index > 0 && index <= endIndex) {
+      state.hoverValue = props.localstorageData[index - 1];
+    } else {
+      state.hoverValue = props.localstorageData[endIndex];
     }
-    if (key === KEY_CODE.ArrowDown && props.isMemoryStorage) {
-      if (index >= 0 && index < endIndex) {
-        state.hoverValue = props.localstorageData[index + 1];
-      } else {
-        state.hoverValue = props.localstorageData[0];
-      }
-      return false;
+    return false;
+  }
+  if (key === KEY_CODE.ArrowDown && props.isMemoryStorage) {
+    if (index >= 0 && index < endIndex) {
+      state.hoverValue = props.localstorageData[index + 1];
+    } else {
+      state.hoverValue = props.localstorageData[0];
     }
-    if (key === KEY_CODE.NumpadEnter) {
-      if (props.isMemoryStorage && state.hoverValue && state.hoverValue.length > 0) {
-        emit('selected', state.hoverValue);
-      }
+    return false;
+  }
+  if (key === KEY_CODE.NumpadEnter) {
+    if (props.isMemoryStorage && state.hoverValue && state.hoverValue.length > 0) {
+      emit("selected", state.hoverValue);
     }
-  };
+  }
 };
-var sortDeduplication = function sortDeduplication(array) {
-  var memorySpace = 5;
-  var length = array.length;
-  var newArray = [];
-  var fillterObj = {};
-  for (var i = 0, j = 1; j <= memorySpace; j++) {
+const sortDeduplication = (array) => {
+  const memorySpace = 5;
+  const length = array.length;
+  let newArray = [];
+  let fillterObj = {};
+  for (let i = 0, j = 1; j <= memorySpace; j++) {
     if (i < 0 || i >= length) {
       break;
     }
@@ -69,11 +60,11 @@ var sortDeduplication = function sortDeduplication(array) {
   }
   return newArray;
 };
-var isJSONobject = function isJSONobject(string, type) {
-  if (typeof string === 'string') {
+const isJSONobject = (string, type) => {
+  if (typeof string === "string") {
     try {
-      var obj = JSON.parse(string);
-      if (_typeof(obj) === 'object' && obj && (type ? obj.constructor === type : true)) {
+      const obj = JSON.parse(string);
+      if (typeof obj === "object" && obj && (type ? obj.constructor === type : true)) {
         return true;
       } else {
         return false;
@@ -83,13 +74,13 @@ var isJSONobject = function isJSONobject(string, type) {
     }
   }
 };
-var setLocalStorageage = function setLocalStorageage(name, value) {
-  if (typeof value === 'string') {
-    var oldValue = localStorage.getItem(name);
-    var isArray = isJSONobject(oldValue, Array);
-    var newValue = '';
+const setLocalStorageage = (name, value) => {
+  if (typeof value === "string") {
+    const oldValue = localStorage.getItem(name);
+    const isArray = isJSONobject(oldValue, Array);
+    let newValue = "";
     if (oldValue && isArray) {
-      var oldArray = JSON.parse(localStorage.getItem(name));
+      let oldArray = JSON.parse(localStorage.getItem(name));
       oldArray.unshift(value);
       oldArray = sortDeduplication(oldArray);
       newValue = JSON.stringify(oldArray);
@@ -101,61 +92,51 @@ var setLocalStorageage = function setLocalStorageage(name, value) {
     localStorage.setItem(name, newValue);
   }
 };
-export var addMemory = function addMemory(props) {
-  return function (value) {
-    if (props.name && value) {
-      setLocalStorageage(props.name, value);
-    }
-  };
+const addMemory = (props) => (value) => {
+  if (props.name && value) {
+    setLocalStorageage(props.name, value);
+  }
 };
-export var searchMemory = function searchMemory(_ref3) {
-  var props = _ref3.props,
-    state = _ref3.state;
-  return function (inputVal) {
-    if (!props.name) {
-      return;
-    }
-    var memoryBox = localStorage.getItem(props.name);
-    var storageData = [];
-    var isMemoryStorage = true;
-    if (isJSONobject(memoryBox)) {
-      var memoryArry = JSON.parse(memoryBox);
-      if (!inputVal) {
-        storageData = JSON.parse(memoryBox);
-      } else {
-        for (var i = 0, len = memoryArry.length; i < len; i++) {
-          memoryArry[i].indexOf(inputVal) >= 0 && storageData.push(memoryArry[i]);
-        }
-      }
-      if (storageData.length === 0) {
-        isMemoryStorage = false;
-      }
+const searchMemory = ({ props, state }) => (inputVal) => {
+  if (!props.name) {
+    return;
+  }
+  const memoryBox = localStorage.getItem(props.name);
+  let storageData = [];
+  let isMemoryStorage = true;
+  if (isJSONobject(memoryBox)) {
+    const memoryArry = JSON.parse(memoryBox);
+    if (!inputVal) {
+      storageData = JSON.parse(memoryBox);
     } else {
-      if (memoryBox === null) {
-        isMemoryStorage = false;
-      } else {
-        storageData.push(memoryBox);
+      for (let i = 0, len = memoryArry.length; i < len; i++) {
+        memoryArry[i].includes(inputVal) && storageData.push(memoryArry[i]);
       }
     }
-    state.storageData = storageData;
-    state.isMemoryStorage = isMemoryStorage;
-  };
+    if (storageData.length === 0) {
+      isMemoryStorage = false;
+    }
+  } else {
+    if (memoryBox === null) {
+      isMemoryStorage = false;
+    } else {
+      storageData.push(memoryBox);
+    }
+  }
+  state.storageData = storageData;
+  state.isMemoryStorage = isMemoryStorage;
+};
+const selectedMemory = ({ api, state }) => (value) => {
+  api.getInput().value = value;
+  api.handleInput({ target: { value } });
+  api.handleChange({ target: { value } });
+  state.isMemoryStorage = false;
+};
+export {
+  addMemory,
+  keydown,
+  mousedown,
+  searchMemory,
+  selectItem,
+  selectedMemory
 };
-export var selectedMemory = function selectedMemory(_ref4) {
-  var api = _ref4.api,
-    state = _ref4.state;
-  return function (value) {
-    api.getInput().value = value;
-    api.handleInput({
-      target: {
-        value: value
-      }
-    });
-    api.handleChange({
-      target: {
-        value: value
-      }
-    });
-    state.isMemoryStorage = false;
-  };
-};

package/tall-storage/vue-storage-box.js

@@ -1,25 +1,19 @@
-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 { addMemory, searchMemory, selectedMemory } from './index';
-export default (function (_ref) {
-  var api = _ref.api,
-    props = _ref.props,
-    reactive = _ref.reactive,
-    toRefs = _ref.toRefs;
-  var state = reactive({
+import {
+  __spreadProps,
+  __spreadValues
+} from "../chunk-PKUHTIDK.js";
+import { addMemory, searchMemory, selectedMemory } from "./index";
+var vue_storage_box_default = ({ api, props, reactive, toRefs }) => {
+  const state = reactive({
     storageData: [],
     isMemoryStorage: false
   });
-  return _objectSpread(_objectSpread({}, toRefs(state)), {}, {
+  return __spreadProps(__spreadValues({}, toRefs(state)), {
     addMemory: addMemory(props),
-    searchMemory: searchMemory({
-      props: props,
-      state: state
-    }),
-    selectedMemory: selectedMemory({
-      api: api,
-      state: state
-    })
+    searchMemory: searchMemory({ props, state }),
+    selectedMemory: selectedMemory({ api, state })
   });
-});
+};
+export {
+  vue_storage_box_default as default
+};

package/tall-storage/vue.js

@@ -1,38 +1,30 @@
-import { mousedown, selectItem, keydown } from './index';
-import { on, off } from '@opentiny/vue-renderless/common/deps/dom';
-export var api = ['state', 'mousedown', 'selectItem'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var onUnmounted = _ref.onUnmounted,
-    reactive = _ref.reactive,
-    watch = _ref.watch;
-  var emit = _ref2.emit;
-  var state = reactive({
-    hoverValue: ''
+import "../chunk-PKUHTIDK.js";
+import { mousedown, selectItem, keydown } from "./index";
+import { on, off } from "@opentiny/vue-renderless/common/deps/dom";
+const api = ["state", "mousedown", "selectItem"];
+const renderless = (props, { onUnmounted, reactive, watch }, { emit }) => {
+  const state = reactive({
+    hoverValue: ""
   });
-  var api = {
-    state: state,
-    mousedown: mousedown,
-    selectItem: selectItem({
-      emit: emit,
-      state: state
-    }),
-    keydown: keydown({
-      emit: emit,
-      props: props,
-      state: state
-    })
+  const api2 = {
+    state,
+    mousedown,
+    selectItem: selectItem({ emit, state }),
+    keydown: keydown({ emit, props, state })
   };
-  watch(function () {
-    return props.isMemoryStorage;
-  }, function (value) {
-    return !value && (state.hoverValue = '');
-  }, {
-    immediate: true
+  watch(
+    () => props.isMemoryStorage,
+    (value) => !value && (state.hoverValue = ""),
+    { immediate: true }
+  );
+  onUnmounted(() => {
+    state.hoverValue = "";
+    off(document, "keydown", api2.keydown);
   });
-  onUnmounted(function () {
-    state.hoverValue = '';
-    off(document, 'keydown', api.keydown);
-  });
-  on(document, 'keydown', api.keydown);
-  return api;
-};
+  on(document, "keydown", api2.keydown);
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/text-popup/index.js

@@ -1,77 +1,55 @@
-export var computedWidth = function computedWidth(_ref) {
-  var props = _ref.props;
-  return function () {
-    if (typeof props.width === 'number' || !Number.isNaN(Number(props.width))) {
-      return props.width + 'px';
-    }
-    return props.width;
-  };
-};
-export var watchValue = function watchValue(_ref2) {
-  var api = _ref2.api,
-    props = _ref2.props,
-    state = _ref2.state;
-  return function (newValue) {
-    newValue = newValue.toString();
-    if (state.type === 'textarea') {
-      state.textAreaValue = api.jointText(newValue, props.separtor);
-    } else {
-      state.text && (state.text.value = newValue);
-    }
-  };
+import "../chunk-PKUHTIDK.js";
+const computedWidth = ({ props }) => () => {
+  if (typeof props.width === "number" || !Number.isNaN(Number(props.width))) {
+    return props.width + "px";
+  }
+  return props.width;
 };
-export var mounted = function mounted(_ref3) {
-  var props = _ref3.props,
-    refs = _ref3.refs,
-    state = _ref3.state;
-  return function () {
-    state.text = refs.text;
-    state.popup = refs.popup;
-    state.text.value = props.modelValue.toString();
-  };
+const watchValue = ({ api, props, state }) => (newValue) => {
+  newValue = newValue.toString();
+  if (state.type === "textarea") {
+    state.textAreaValue = api.jointText(newValue, props.separtor);
+  } else {
+    state.text && (state.text.value = newValue);
+  }
 };
-export var onFocus = function onFocus(_ref4) {
-  var api = _ref4.api,
-    emit = _ref4.emit,
-    props = _ref4.props,
-    nextTick = _ref4.nextTick,
-    state = _ref4.state;
-  return function () {
-    state.type = 'textarea';
-    nextTick(function () {
-      state.popup.focus();
-      state.text.placeholder && (state.popup.placeholder = state.text.placeholder);
-      state.textAreaValue = api.jointText(state.text.value, props.separtor);
-      emit('popup', true);
-    });
-  };
+const mounted = ({ props, refs, state }) => () => {
+  state.text = refs.text;
+  state.popup = refs.popup;
+  state.text.value = props.modelValue.toString();
 };
-export var onBlur = function onBlur(_ref5) {
-  var api = _ref5.api,
-    emit = _ref5.emit,
-    props = _ref5.props,
-    state = _ref5.state;
-  return function () {
-    state.type = 'input';
-    state.text.value = api.separteText(state.textAreaValue, props.separtor);
-    emit('popup', false);
-  };
+const onFocus = ({ api, emit, props, nextTick, state }) => () => {
+  state.type = "textarea";
+  nextTick(() => {
+    state.popup.focus();
+    state.text.placeholder && (state.popup.placeholder = state.text.placeholder);
+    state.textAreaValue = api.jointText(state.text.value, props.separtor);
+    emit("popup", true);
+  });
 };
-export var onInput = function onInput(_ref6) {
-  var api = _ref6.api,
-    emit = _ref6.emit,
-    props = _ref6.props;
-  return function (event) {
-    var value = api.separteText(event.target.value, props.separtor);
-    emit('update:modelValue', value);
-  };
+const onBlur = ({ api, emit, props, state }) => () => {
+  state.type = "input";
+  state.text.value = api.separteText(state.textAreaValue, props.separtor);
+  emit("popup", false);
 };
-export var separteText = function separteText(str, separtor) {
-  return str.replace(/\n/g, separtor);
+const onInput = ({ api, emit, props }) => (event) => {
+  const value = api.separteText(event.target.value, props.separtor);
+  emit("update:modelValue", value);
 };
-export var jointText = function jointText(str, separtor) {
-  if (separtor === ']') {
-    separtor = '\\' + separtor;
+const separteText = (str, separtor) => str.replace(/\n/g, separtor);
+const jointText = (str, separtor) => {
+  if (separtor === "]") {
+    separtor = "\\" + separtor;
   }
-  return str.replace(new RegExp("[".concat(separtor, "]"), 'g'), '\n');
-};
+  return str.replace(new RegExp(`[${separtor}]`, "g"), "\n");
+};
+export {
+  computedWidth,
+  jointText,
+  mounted,
+  onBlur,
+  onFocus,
+  onInput,
+  separteText,
+  watchValue
+};

package/text-popup/vue.js

@@ -1,64 +1,31 @@
-import { computedWidth, watchValue, mounted, onFocus, onBlur, onInput, separteText, jointText } from './index';
-export var api = ['state', 'onFocus', 'onBlur', 'onInput'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var computed = _ref.computed,
-    onMounted = _ref.onMounted,
-    reactive = _ref.reactive,
-    watch = _ref.watch;
-  var emit = _ref2.emit,
-    nextTick = _ref2.nextTick,
-    refs = _ref2.refs;
-  var api = {};
-  var state = reactive({
-    type: 'input',
-    textAreaValue: '',
+import "../chunk-PKUHTIDK.js";
+import { computedWidth, watchValue, mounted, onFocus, onBlur, onInput, separteText, jointText } from "./index";
+const api = ["state", "onFocus", "onBlur", "onInput"];
+const renderless = (props, { computed, onMounted, reactive, watch }, { emit, nextTick, refs }) => {
+  const api2 = {};
+  const state = reactive({
+    type: "input",
+    textAreaValue: "",
     text: null,
     popup: null,
-    width: computed(function () {
-      return api.computedWidth();
-    })
+    width: computed(() => api2.computedWidth())
   });
-  Object.assign(api, {
-    state: state,
-    jointText: jointText,
-    separteText: separteText,
-    computedWidth: computedWidth({
-      props: props
-    }),
-    mounted: mounted({
-      props: props,
-      refs: refs,
-      state: state
-    }),
-    onInput: onInput({
-      api: api,
-      emit: emit,
-      props: props
-    }),
-    watchValue: watchValue({
-      api: api,
-      props: props,
-      state: state
-    }),
-    onBlur: onBlur({
-      api: api,
-      emit: emit,
-      props: props,
-      state: state
-    }),
-    onFocus: onFocus({
-      api: api,
-      emit: emit,
-      props: props,
-      nextTick: nextTick,
-      state: state
-    })
+  Object.assign(api2, {
+    state,
+    jointText,
+    separteText,
+    computedWidth: computedWidth({ props }),
+    mounted: mounted({ props, refs, state }),
+    onInput: onInput({ api: api2, emit, props }),
+    watchValue: watchValue({ api: api2, props, state }),
+    onBlur: onBlur({ api: api2, emit, props, state }),
+    onFocus: onFocus({ api: api2, emit, props, nextTick, state })
   });
-  watch(function () {
-    return props.modelValue;
-  }, api.watchValue, {
-    immediate: true
-  });
-  onMounted(api.mounted);
-  return api;
-};
+  watch(() => props.modelValue, api2.watchValue, { immediate: true });
+  onMounted(api2.mounted);
+  return api2;
+};
+export {
+  api,
+  renderless
+};