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

package/numeric/vue.js

@@ -1,218 +1,94 @@
-import { watchValue, toPrecision, getPrecision, internalIncrease, internalDecrease, focus, decrease, handleBlur, handleFocus, setCurrentValue, handleInput, handleInputChange, select, mounted, updated, increase, displayValue, getNumPecision, mouseEvent, getUnitPrecision, getDecimal, unmounted, initService } from './index';
-export var api = ['state', 'decrease', 'increase', 'handleBlur', 'handleFocus', 'handleInput', 'handleInputChange', 'mouseEvent', 'focus', 'select'];
-var initState = function initState(_ref) {
-  var reactive = _ref.reactive,
-    computed = _ref.computed,
-    props = _ref.props,
-    api = _ref.api,
-    $service = _ref.$service,
-    parent = _ref.parent;
-  var state = reactive({
+import "../chunk-PKUHTIDK.js";
+import {
+  watchValue,
+  toPrecision,
+  getPrecision,
+  internalIncrease,
+  internalDecrease,
+  focus,
+  decrease,
+  handleBlur,
+  handleFocus,
+  setCurrentValue,
+  handleInput,
+  handleInputChange,
+  select,
+  mounted,
+  updated,
+  increase,
+  displayValue,
+  getNumPecision,
+  mouseEvent,
+  getUnitPrecision,
+  getDecimal,
+  unmounted,
+  initService
+} from "./index";
+const api = ["state", "decrease", "increase", "handleBlur", "handleFocus", "handleInput", "handleInputChange", "mouseEvent", "focus", "select"];
+const initState = ({ reactive, computed, props, api: api2, $service, parent }) => {
+  const state = reactive({
     currentValue: props.modelValue,
     userInput: props.modelValue,
     lastInput: props.modelValue,
     inputStatus: false,
     decimal: null,
-    strictInput: computed(function () {
-      return props.strictInput;
-    }),
-    inputSize: computed(function () {
-      return props.size || state.formSize;
-    }),
-    formSize: computed(function () {
-      return (parent.tinyForm || {}).size;
-    }),
-    formDisabled: computed(function () {
-      return (parent.tinyForm || {}).disabled;
-    }),
-    inputDisabled: computed(function () {
-      return props.disabled || state.formDisabled;
-    }),
-    displayValue: computed(function () {
-      return api.displayValue();
-    }),
-    numPrecision: computed(function () {
-      return api.getNumPecision();
-    }),
-    minDisabled: computed(function () {
-      return !props.circulate && api.internalDecrease({
-        val: props.modelValue,
-        step: props.step
-      }) < props.min || state.formDisabled;
-    }),
-    maxDisabled: computed(function () {
-      return !props.circulate && api.internalIncrease({
-        val: props.modelValue,
-        step: props.step
-      }) > props.max || state.formDisabled;
-    }),
-    controlsAtRight: computed(function () {
-      return props.controls && props.controlsPosition === 'right';
-    }),
-    format: computed(function () {
-      return getUnitPrecision({
-        service: $service,
-        props: props
-      });
-    })
+    strictInput: computed(() => props.strictInput),
+    inputSize: computed(() => props.size || state.formSize),
+    formSize: computed(() => (parent.tinyForm || {}).size),
+    formDisabled: computed(() => (parent.tinyForm || {}).disabled),
+    inputDisabled: computed(() => props.disabled || state.formDisabled),
+    displayValue: computed(() => api2.displayValue()),
+    numPrecision: computed(() => api2.getNumPecision()),
+    minDisabled: computed(() => !props.circulate && api2.internalDecrease({ val: props.modelValue, step: props.step }) < props.min || state.formDisabled),
+    maxDisabled: computed(() => !props.circulate && api2.internalIncrease({ val: props.modelValue, step: props.step }) > props.max || state.formDisabled),
+    controlsAtRight: computed(() => props.controls && props.controlsPosition === "right"),
+    format: computed(() => getUnitPrecision({ service: $service, props }))
   });
   return state;
 };
-var initApi = function initApi(_ref2) {
-  var api = _ref2.api,
-    props = _ref2.props,
-    state = _ref2.state,
-    parent = _ref2.parent,
-    refs = _ref2.refs,
-    emit = _ref2.emit,
-    dispatch = _ref2.dispatch,
-    constants = _ref2.constants;
-  Object.assign(api, {
-    state: state,
+const initApi = ({ api: api2, props, state, parent, refs, emit, dispatch, constants }) => {
+  Object.assign(api2, {
+    state,
     focus: focus(refs),
     select: select(refs),
     getPrecision: getPrecision(),
     toPrecision: toPrecision(state),
-    updated: updated({
-      constants: constants,
-      parent: parent,
-      props: props,
-      refs: refs,
-      state: state
-    }),
-    mounted: mounted({
-      constants: constants,
-      parent: parent,
-      props: props,
-      refs: refs,
-      state: state
-    }),
-    unmounted: unmounted({
-      parent: parent,
-      state: state
-    }),
+    updated: updated({ constants, parent, props, refs, state }),
+    mounted: mounted({ constants, parent, props, refs, state }),
+    unmounted: unmounted({ parent, state }),
     getDecimal: getDecimal(props),
-    handleFocus: handleFocus({
-      emit: emit,
-      state: state,
-      props: props,
-      api: api
-    }),
-    decrease: decrease({
-      api: api,
-      props: props,
-      state: state
-    }),
-    increase: increase({
-      api: api,
-      props: props,
-      state: state
-    }),
-    handleInput: handleInput({
-      state: state,
-      api: api,
-      emit: emit,
-      props: props
-    }),
-    getNumPecision: getNumPecision({
-      api: api,
-      props: props
-    }),
-    displayValue: displayValue({
-      props: props,
-      state: state
-    }),
-    internalDecrease: internalDecrease({
-      api: api,
-      state: state
-    }),
-    internalIncrease: internalIncrease({
-      api: api,
-      state: state
-    }),
-    handleInputChange: handleInputChange({
-      api: api
-    }),
-    mouseEvent: mouseEvent({
-      api: api,
-      props: props,
-      state: state
-    }),
-    handleBlur: handleBlur({
-      constants: constants,
-      dispatch: dispatch,
-      emit: emit,
-      props: props,
-      state: state,
-      api: api
-    }),
-    watchValue: watchValue({
-      api: api,
-      state: state
-    }),
-    setCurrentValue: setCurrentValue({
-      api: api,
-      constants: constants,
-      dispatch: dispatch,
-      emit: emit,
-      props: props,
-      state: state
-    })
+    handleFocus: handleFocus({ emit, state, props, api: api2 }),
+    decrease: decrease({ api: api2, props, state }),
+    increase: increase({ api: api2, props, state }),
+    handleInput: handleInput({ state, api: api2, emit, props }),
+    getNumPecision: getNumPecision({ api: api2, props }),
+    displayValue: displayValue({ props, state }),
+    internalDecrease: internalDecrease({ api: api2, state }),
+    internalIncrease: internalIncrease({ api: api2, state }),
+    handleInputChange: handleInputChange({ api: api2 }),
+    mouseEvent: mouseEvent({ api: api2, props, state }),
+    handleBlur: handleBlur({ constants, dispatch, emit, props, state, api: api2 }),
+    watchValue: watchValue({ api: api2, state }),
+    setCurrentValue: setCurrentValue({ api: api2, constants, dispatch, emit, props, state })
   });
-  api.getDecimal(0);
+  api2.getDecimal(0);
 };
-var initWatch = function initWatch(_ref3) {
-  var watch = _ref3.watch,
-    props = _ref3.props,
-    api = _ref3.api;
-  watch(function () {
-    return props.modelValue;
-  }, api.watchValue, {
-    immediate: true
-  });
+const initWatch = ({ watch, props, api: api2 }) => {
+  watch(() => props.modelValue, api2.watchValue, { immediate: true });
+};
+const renderless = (props, { computed, onMounted, onUpdated, onUnmounted, reactive, watch, inject }, { parent, emit, refs, constants, dispatch, service }) => {
+  const api2 = {};
+  const $service = initService(service);
+  const state = initState({ reactive, computed, props, api: api2, $service, parent });
+  parent.tinyForm = parent.tinyForm || inject("form", null);
+  initApi({ api: api2, props, state, parent, refs, emit, dispatch, constants });
+  initWatch({ watch, props, api: api2 });
+  onMounted(api2.mounted);
+  onUpdated(api2.updated);
+  onUnmounted(api2.unmounted);
+  return api2;
+};
+export {
+  api,
+  renderless
 };
-export var renderless = function renderless(props, _ref4, _ref5) {
-  var computed = _ref4.computed,
-    onMounted = _ref4.onMounted,
-    onUpdated = _ref4.onUpdated,
-    onUnmounted = _ref4.onUnmounted,
-    reactive = _ref4.reactive,
-    watch = _ref4.watch,
-    inject = _ref4.inject;
-  var parent = _ref5.parent,
-    emit = _ref5.emit,
-    refs = _ref5.refs,
-    constants = _ref5.constants,
-    dispatch = _ref5.dispatch,
-    service = _ref5.service;
-  var api = {};
-  var $service = initService(service);
-  var state = initState({
-    reactive: reactive,
-    computed: computed,
-    props: props,
-    api: api,
-    $service: $service,
-    parent: parent
-  });
-  parent.tinyForm = parent.tinyForm || inject('form', null);
-  initApi({
-    api: api,
-    props: props,
-    state: state,
-    parent: parent,
-    refs: refs,
-    emit: emit,
-    dispatch: dispatch,
-    constants: constants
-  });
-  initWatch({
-    watch: watch,
-    props: props,
-    api: api
-  });
-  onMounted(api.mounted);
-  onUpdated(api.updated);
-  onUnmounted(api.unmounted);
-  return api;
-};

package/option/index.js

@@ -1,79 +1,51 @@
-import { getObj } from '@opentiny/vue-renderless/common/object';
-var escapeRegexpString = function escapeRegexpString() {
-  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  return String(value).replace(/[|\\{}()[\]^$+*?.]/g, '\\$&');
+import "../chunk-PKUHTIDK.js";
+import { getObj } from "@opentiny/vue-renderless/common/object";
+const escapeRegexpString = (value = "") => String(value).replace(/[|\\{}()[\]^$+*?.]/g, "\\$&");
+const isEqual = ({ select, state }) => (a, b) => {
+  if (!state.isObject) {
+    return a === b;
+  } else {
+    const valueKey = select.valueKey;
+    return getObj(a, valueKey) === getObj(b, valueKey);
+  }
 };
-export var isEqual = function isEqual(_ref) {
-  var select = _ref.select,
-    state = _ref.state;
-  return function (a, b) {
-    if (!state.isObject) {
-      return a === b;
-    } else {
-      var valueKey = select.valueKey;
-      return getObj(a, valueKey) === getObj(b, valueKey);
-    }
-  };
+const contains = ({ select, state }) => (arr = [], target = null) => {
+  if (!state.isObject) {
+    return arr && arr.includes(target);
+  } else {
+    const valueKey = select.valueKey;
+    return arr && arr.some((item) => getObj(item, valueKey) === getObj(target, valueKey));
+  }
 };
-export var contains = function contains(_ref2) {
-  var select = _ref2.select,
-    state = _ref2.state;
-  return function () {
-    var arr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    var target = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    if (!state.isObject) {
-      return arr && arr.indexOf(target) > -1;
-    } else {
-      var valueKey = select.valueKey;
-      return arr && arr.some(function (item) {
-        return getObj(item, valueKey) === getObj(target, valueKey);
-      });
-    }
-  };
+const handleGroupDisabled = (state) => (val) => {
+  state.groupDisabled = val;
 };
-export var handleGroupDisabled = function handleGroupDisabled(state) {
-  return function (val) {
-    state.groupDisabled = val;
-  };
+const hoverItem = ({ select, props, state, vm }) => () => {
+  if (!props.disabled && !state.groupDisabled) {
+    select.state.hoverIndex = select.state.options.indexOf(vm);
+  }
 };
-export var hoverItem = function hoverItem(_ref3) {
-  var select = _ref3.select,
-    props = _ref3.props,
-    state = _ref3.state,
-    vm = _ref3.vm;
-  return function () {
-    if (!props.disabled && !state.groupDisabled) {
-      select.state.hoverIndex = select.state.options.indexOf(vm);
-    }
-  };
+const selectOptionClick = ({ props, state, select, constants, vm }) => () => {
+  if (props.disabled !== true && state.groupDisabled !== true) {
+    select.state.selectEmitter.emit(constants.EVENT_NAME.handleOptionClick, vm, true);
+  }
 };
-export var selectOptionClick = function selectOptionClick(_ref4) {
-  var props = _ref4.props,
-    state = _ref4.state,
-    select = _ref4.select,
-    constants = _ref4.constants,
-    vm = _ref4.vm;
-  return function () {
-    if (props.disabled !== true && state.groupDisabled !== true) {
-      select.state.selectEmitter.emit(constants.EVENT_NAME.handleOptionClick, vm, true);
-    }
-  };
+const queryChange = ({ select, props, state }) => (query) => {
+  state.visible = new RegExp(escapeRegexpString(query), "i").test(state.currentLabel) || props.created;
+  select.state.filteredOptionsCount += state.visible ? 1 : -1;
 };
-export var queryChange = function queryChange(_ref5) {
-  var select = _ref5.select,
-    props = _ref5.props,
-    state = _ref5.state;
-  return function (query) {
-    state.visible = new RegExp(escapeRegexpString(query), 'i').test(state.currentLabel) || props.created;
-    select.state.filteredOptionsCount += state.visible ? 1 : -1;
-  };
-};
-export var toggleEvent = function toggleEvent(_ref6) {
-  var props = _ref6.props,
-    refs = _ref6.refs,
-    type = _ref6.type;
-  var optionEl = refs.option;
-  Object.keys(props.events).forEach(function (ev) {
-    optionEl[type + 'EventListener'](ev, props.events[ev]);
+const toggleEvent = ({ props, refs, type }) => {
+  const optionEl = refs.option;
+  Object.keys(props.events).forEach((ev) => {
+    optionEl[type + "EventListener"](ev, props.events[ev]);
   });
-};
+};
+export {
+  contains,
+  handleGroupDisabled,
+  hoverItem,
+  isEqual,
+  queryChange,
+  selectOptionClick,
+  toggleEvent
+};