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

package/checkbox/index.js

@@ -1,145 +1,94 @@
-export var addToStore = function addToStore(_ref) {
-  var state = _ref.state,
-    props = _ref.props;
-  return function () {
-    if (Array.isArray(state.model) && state.model.indexOf(props.label) === -1) {
-      state.model.push(props.label);
-    } else {
-      state.model = props.trueLabel || true;
-    }
-  };
+import "../chunk-PKUHTIDK.js";
+const addToStore = ({ state, props }) => () => {
+  if (Array.isArray(state.model) && !state.model.includes(props.label)) {
+    state.model.push(props.label);
+  } else {
+    state.model = props.trueLabel || true;
+  }
 };
-export var handleChange = function handleChange(_ref2) {
-  var state = _ref2.state,
-    props = _ref2.props,
-    emit = _ref2.emit,
-    nextTick = _ref2.nextTick,
-    dispatch = _ref2.dispatch,
-    constants = _ref2.constants;
-  return function (event) {
-    if (state.isLimitExceeded) {
-      return;
-    }
-    var moduleValue;
-    if (event.target.checked) {
-      moduleValue = props.trueLabel === undefined ? true : props.trueLabel;
-    } else {
-      moduleValue = props.falseLabel === undefined ? false : props.falseLabel;
-    }
-    emit('change', moduleValue, event);
-    nextTick(function () {
-      state.isGroup && dispatch(constants.CHECKBOX_GROUP, 'change', [state.checkboxGroup.modelValue]);
-    });
-  };
+const handleChange = ({ state, props, emit, nextTick, dispatch, constants }) => (event) => {
+  if (state.isLimitExceeded) {
+    return;
+  }
+  let moduleValue;
+  if (event.target.checked) {
+    moduleValue = props.trueLabel === void 0 ? true : props.trueLabel;
+  } else {
+    moduleValue = props.falseLabel === void 0 ? false : props.falseLabel;
+  }
+  emit("change", moduleValue, event);
+  nextTick(() => {
+    state.isGroup && dispatch(constants.CHECKBOX_GROUP, "change", [state.checkboxGroup.modelValue]);
+  });
 };
-export var computedGetModelGet = function computedGetModelGet(_ref3) {
-  var state = _ref3.state,
-    props = _ref3.props;
-  return function () {
-    var model = state.isGroup ? state.store : props.modelValue !== undefined ? props.modelValue : state.selfModel;
-    return ~[undefined, null].indexOf(model) ? [] : model;
-  };
+const computedGetModelGet = ({ state, props }) => () => {
+  const model = state.isGroup ? state.store : props.modelValue !== void 0 ? props.modelValue : state.selfModel;
+  return ~[void 0, null].indexOf(model) ? [] : model;
 };
-export var computedGetModelSet = function computedGetModelSet(_ref4) {
-  var state = _ref4.state,
-    dispatch = _ref4.dispatch,
-    emit = _ref4.emit,
-    constants = _ref4.constants;
-  return function (value) {
-    if (state.isGroup) {
-      state.isLimitExceeded = false;
-      state.checkboxGroup.min !== undefined && value.length < state.checkboxGroup.min && (state.isLimitExceeded = true);
-      state.checkboxGroup.max !== undefined && value.length > state.checkboxGroup.max && (state.isLimitExceeded = true);
-      state.isLimitExceeded === false && dispatch(constants.CHECKBOX_GROUP, 'update:modelValue', [value]);
-    } else {
-      emit('update:modelValue', value);
-      state.selfModel = value;
-    }
-  };
+const computedGetModelSet = ({ state, dispatch, emit, constants }) => (value) => {
+  if (state.isGroup) {
+    state.isLimitExceeded = false;
+    state.checkboxGroup.min !== void 0 && value.length < state.checkboxGroup.min && (state.isLimitExceeded = true);
+    state.checkboxGroup.max !== void 0 && value.length > state.checkboxGroup.max && (state.isLimitExceeded = true);
+    state.isLimitExceeded === false && dispatch(constants.CHECKBOX_GROUP, "update:modelValue", [value]);
+  } else {
+    emit("update:modelValue", value);
+    state.selfModel = value;
+  }
 };
-export var computedIsChecked = function computedIsChecked(_ref5) {
-  var state = _ref5.state,
-    props = _ref5.props;
-  return function () {
-    if (typeof state.model === 'boolean') {
-      return state.model;
-    } else if (Array.isArray(state.model)) {
-      return state.model.indexOf(props.label) > -1;
-    } else if (state.model !== null && state.model !== undefined) {
-      return state.model === props.trueLabel;
-    }
-  };
+const computedIsChecked = ({ state, props }) => () => {
+  if (typeof state.model === "boolean") {
+    return state.model;
+  } else if (Array.isArray(state.model)) {
+    return state.model.includes(props.label);
+  } else if (state.model !== null && state.model !== void 0) {
+    return state.model === props.trueLabel;
+  }
 };
-export var computedIsGroup = function computedIsGroup(_ref6) {
-  var state = _ref6.state,
-    parent = _ref6.parent,
-    constants = _ref6.constants;
-  return function () {
-    var parentObj = parent.$parent;
-    while (parentObj) {
-      if (parentObj.$options.componentName !== constants.CHECKBOX_GROUP) {
-        parentObj = parentObj.$parent;
-      } else {
-        state.checkboxGroup = parentObj;
-        return true;
-      }
+const computedIsGroup = ({ state, parent, constants }) => () => {
+  let parentObj = parent.$parent;
+  while (parentObj) {
+    if (parentObj.$options.componentName !== constants.CHECKBOX_GROUP) {
+      parentObj = parentObj.$parent;
+    } else {
+      state.checkboxGroup = parentObj;
+      return true;
     }
-    return false;
-  };
-};
-export var computedStore = function computedStore(_ref7) {
-  var state = _ref7.state,
-    props = _ref7.props;
-  return function () {
-    return state.checkboxGroup ? state.checkboxGroup.modelValue : props.modelValue;
-  };
+  }
+  return false;
 };
-export var computedIsLimitDisabled = function computedIsLimitDisabled(state) {
-  return function () {
-    var _state$checkboxGroup = state.checkboxGroup,
-      max = _state$checkboxGroup.max,
-      min = _state$checkboxGroup.min;
-    return !!(max || min) && state.model.length >= max && !state.isChecked || state.model.length <= min && state.isChecked;
-  };
+const computedStore = ({ state, props }) => () => state.checkboxGroup ? state.checkboxGroup.modelValue : props.modelValue;
+const computedIsLimitDisabled = (state) => () => {
+  const { max, min } = state.checkboxGroup;
+  return !!(max || min) && state.model.length >= max && !state.isChecked || state.model.length <= min && state.isChecked;
 };
-export var computedIsDisabled = function computedIsDisabled(_ref8) {
-  var state = _ref8.state,
-    props = _ref8.props;
-  return function () {
-    return (state.isGroup ? state.checkboxGroup.disabled || props.disabled || state.isLimitDisabled : props.disabled) || state.formDisabled;
-  };
+const computedIsDisabled = ({ state, props }) => () => (state.isGroup ? state.checkboxGroup.disabled || props.disabled || state.isLimitDisabled : props.disabled) || state.formDisabled;
+const computedFormItemSize = (props) => () => (props.formItem || {}).formItemSize;
+const computedCheckboxSize = ({ state, props, formItemSize }) => () => {
+  const tempCheckboxSize = props.size || formItemSize.value;
+  return state.isGroup ? state.checkboxGroup.state.checkboxGroupSize || tempCheckboxSize : tempCheckboxSize;
 };
-export var computedFormItemSize = function computedFormItemSize(props) {
-  return function () {
-    return (props.formItem || {}).formItemSize;
-  };
+const mounted = ({ props, emit, api, parent }) => () => {
+  props.checked && api.addToStore();
+  props.indeterminate && parent.$el.setAttribute("aria-controls", props.controls);
+  emit("complete", true);
 };
-export var computedCheckboxSize = function computedCheckboxSize(_ref9) {
-  var state = _ref9.state,
-    props = _ref9.props,
-    formItemSize = _ref9.formItemSize;
-  return function () {
-    var tempCheckboxSize = props.size || formItemSize.value;
-    return state.isGroup ? state.checkboxGroup.state.checkboxGroupSize || tempCheckboxSize : tempCheckboxSize;
-  };
+const toggleEvent = ({ parent, props, type }) => {
+  const inputEl = parent.$el;
+  Object.keys(props.events).forEach((ev) => inputEl[type + "EventListener"](ev, props.events[ev]));
 };
-export var mounted = function mounted(_ref10) {
-  var props = _ref10.props,
-    emit = _ref10.emit,
-    api = _ref10.api,
-    parent = _ref10.parent;
-  return function () {
-    props.checked && api.addToStore();
-    props.indeterminate && parent.$el.setAttribute('aria-controls', props.controls);
-    emit('complete', true);
-  };
+export {
+  addToStore,
+  computedCheckboxSize,
+  computedFormItemSize,
+  computedGetModelGet,
+  computedGetModelSet,
+  computedIsChecked,
+  computedIsDisabled,
+  computedIsGroup,
+  computedIsLimitDisabled,
+  computedStore,
+  handleChange,
+  mounted,
+  toggleEvent
 };
-export var toggleEvent = function toggleEvent(_ref11) {
-  var parent = _ref11.parent,
-    props = _ref11.props,
-    type = _ref11.type;
-  var inputEl = parent.$el;
-  Object.keys(props.events).forEach(function (ev) {
-    return inputEl[type + 'EventListener'](ev, props.events[ev]);
-  });
-};

package/checkbox/vue.js

@@ -1,139 +1,69 @@
-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 { addToStore, handleChange, computedGetModelGet, computedGetModelSet, computedIsChecked, computedIsGroup, computedStore, computedIsLimitDisabled, computedIsDisabled, computedFormItemSize, computedCheckboxSize, mounted, toggleEvent } from './index';
-export var api = ['state', 'handleChange'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var computed = _ref.computed,
-    onMounted = _ref.onMounted,
-    onBeforeUnmount = _ref.onBeforeUnmount,
-    reactive = _ref.reactive,
-    watch = _ref.watch,
-    inject = _ref.inject;
-  var parent = _ref2.parent,
-    emit = _ref2.emit,
-    constants = _ref2.constants,
-    nextTick = _ref2.nextTick,
-    dispatch = _ref2.dispatch;
-  parent.tinyForm = parent.tinyForm || inject('form', null);
-  var api = {
-    dispatch: dispatch
-  };
-  var state = reactive(_objectSpread(_objectSpread({}, {
-    focus: false,
-    selfModel: false,
-    isLimitExceeded: false
-  }), {}, {
-    store: computed(function () {
-      return api.computedStore();
-    }),
-    isGroup: computed(function () {
-      return api.computedIsGroup();
-    }),
-    isChecked: computed(function () {
-      return api.computedIsChecked();
-    }),
-    isDisabled: computed(function () {
-      return api.computedIsDisabled();
-    }),
-    checkboxSize: computed(function () {
-      return api.computedCheckboxSize();
-    }),
-    isLimitDisabled: computed(function () {
-      return api.computedIsLimitDisabled();
-    }),
-    formDisabled: computed(function () {
-      return (parent.tinyForm || {}).disabled;
-    }),
-    model: computed({
-      get: function get() {
-        return api.computedGetModelGet();
-      },
-      set: function set(value) {
-        return api.computedGetModelSet(value);
-      }
-    })
+import {
+  __spreadProps,
+  __spreadValues
+} from "../chunk-PKUHTIDK.js";
+import {
+  addToStore,
+  handleChange,
+  computedGetModelGet,
+  computedGetModelSet,
+  computedIsChecked,
+  computedIsGroup,
+  computedStore,
+  computedIsLimitDisabled,
+  computedIsDisabled,
+  computedFormItemSize,
+  computedCheckboxSize,
+  mounted,
+  toggleEvent
+} from "./index";
+const api = ["state", "handleChange"];
+const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive, watch, inject }, { parent, emit, constants, nextTick, dispatch }) => {
+  parent.tinyForm = parent.tinyForm || inject("form", null);
+  const api2 = { dispatch };
+  const state = reactive(__spreadProps(__spreadValues({}, { focus: false, selfModel: false, isLimitExceeded: false }), {
+    store: computed(() => api2.computedStore()),
+    isGroup: computed(() => api2.computedIsGroup()),
+    isChecked: computed(() => api2.computedIsChecked()),
+    isDisabled: computed(() => api2.computedIsDisabled()),
+    checkboxSize: computed(() => api2.computedCheckboxSize()),
+    isLimitDisabled: computed(() => api2.computedIsLimitDisabled()),
+    formDisabled: computed(() => (parent.tinyForm || {}).disabled),
+    model: computed({ get: () => api2.computedGetModelGet(), set: (value) => api2.computedGetModelSet(value) })
   }));
-  Object.assign(api, {
-    state: state,
-    addToStore: addToStore({
-      state: state,
-      props: props
-    }),
-    computedStore: computedStore({
-      state: state,
-      props: props
-    }),
+  Object.assign(api2, {
+    state,
+    addToStore: addToStore({ state, props }),
+    computedStore: computedStore({ state, props }),
     computedFormItemSize: computedFormItemSize(props),
-    computedIsChecked: computedIsChecked({
-      state: state,
-      props: props
-    }),
+    computedIsChecked: computedIsChecked({ state, props }),
     computedIsLimitDisabled: computedIsLimitDisabled(state),
-    computedIsDisabled: computedIsDisabled({
-      state: state,
-      props: props
-    }),
-    computedGetModelGet: computedGetModelGet({
-      state: state,
-      props: props
-    }),
-    computedIsGroup: computedIsGroup({
-      state: state,
-      parent: parent,
-      constants: constants
-    }),
-    computedGetModelSet: computedGetModelSet({
-      state: state,
-      dispatch: dispatch,
-      emit: emit,
-      constants: constants
-    })
+    computedIsDisabled: computedIsDisabled({ state, props }),
+    computedGetModelGet: computedGetModelGet({ state, props }),
+    computedIsGroup: computedIsGroup({ state, parent, constants }),
+    computedGetModelSet: computedGetModelSet({ state, dispatch, emit, constants })
   });
-  var formItemSize = computed(function () {
-    return api.computedFormItemSize();
+  const formItemSize = computed(() => api2.computedFormItemSize());
+  api2.computedCheckboxSize = computedCheckboxSize({ state, props, formItemSize });
+  Object.assign(api2, {
+    mounted: mounted({ emit, props, api: api2, parent }),
+    handleChange: handleChange({ state, props, emit, nextTick, dispatch: api2.dispatch, constants })
   });
-  api.computedCheckboxSize = computedCheckboxSize({
-    state: state,
-    props: props,
-    formItemSize: formItemSize
+  watch(
+    () => props.modelValue,
+    (value) => props.validateEvent && api2.dispatch(constants.FORM_ITEM, constants.FORM_CHANGE, value)
+  );
+  onBeforeUnmount(() => {
+    toggleEvent({ parent, props, type: "remove" });
   });
-  Object.assign(api, {
-    mounted: mounted({
-      emit: emit,
-      props: props,
-      api: api,
-      parent: parent
-    }),
-    handleChange: handleChange({
-      state: state,
-      props: props,
-      emit: emit,
-      nextTick: nextTick,
-      dispatch: api.dispatch,
-      constants: constants
-    })
+  onMounted(() => {
+    dispatch("Tooltip", "tooltip-update");
+    toggleEvent({ parent, props, type: "add" });
+    api2.mounted();
   });
-  watch(function () {
-    return props.modelValue;
-  }, function (value) {
-    return props.validateEvent && api.dispatch(constants.FORM_ITEM, constants.FORM_CHANGE, value);
-  });
-  onBeforeUnmount(function () {
-    toggleEvent({
-      parent: parent,
-      props: props,
-      type: 'remove'
-    });
-  });
-  onMounted(function () {
-    dispatch('Tooltip', 'tooltip-update');
-    toggleEvent({
-      parent: parent,
-      props: props,
-      type: 'add'
-    });
-    api.mounted();
-  });
-  return api;
-};
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/checkbox-button/index.js

@@ -1,104 +1,68 @@
-export var handleChange = function handleChange(_ref) {
-  var state = _ref.state,
-    props = _ref.props,
-    emit = _ref.emit,
-    nextTick = _ref.nextTick,
-    dispatch = _ref.dispatch,
-    constants = _ref.constants;
-  return function (event) {
-    if (state.isLimitExceeded) {
-      return;
-    }
-    var value;
-    if (event.target.checked) {
-      value = props.trueLabel === undefined ? true : props.trueLabel;
-    } else {
-      value = props.falseLabel === undefined ? false : props.falseLabel;
+import "../chunk-PKUHTIDK.js";
+const handleChange = ({ state, props, emit, nextTick, dispatch, constants }) => (event) => {
+  if (state.isLimitExceeded) {
+    return;
+  }
+  let value;
+  if (event.target.checked) {
+    value = props.trueLabel === void 0 ? true : props.trueLabel;
+  } else {
+    value = props.falseLabel === void 0 ? false : props.falseLabel;
+  }
+  emit("change", value, event);
+  nextTick(() => {
+    if (state.checkboxGroup) {
+      dispatch(constants.CHECKBOX_GROUP, "change", [state.checkboxGroup.modelValue]);
     }
-    emit('change', value, event);
-    nextTick(function () {
-      if (state.checkboxGroup) {
-        dispatch(constants.CHECKBOX_GROUP, 'change', [state.checkboxGroup.modelValue]);
-      }
-    });
-  };
+  });
 };
-export var computedGetModelGet = function computedGetModelGet(_ref2) {
-  var state = _ref2.state,
-    props = _ref2.props;
-  return function () {
-    return state.checkboxGroup ? state.store : props.modelValue !== undefined ? props.modelValue : state.selfModel;
-  };
+const computedGetModelGet = ({ state, props }) => () => state.checkboxGroup ? state.store : props.modelValue !== void 0 ? props.modelValue : state.selfModel;
+const computedGetModelSet = ({ state, props, emit, dispatch, constants }) => (value) => {
+  if (state.checkboxGroup) {
+    state.isLimitExceeded = false;
+    state.checkboxGroup.min !== void 0 && value.length < state.checkboxGroup.min && (state.isLimitExceeded = true);
+    state.checkboxGroup.max !== void 0 && value.length > state.checkboxGroup.max && (state.isLimitExceeded = true);
+    state.isLimitExceeded === false && dispatch(constants.CHECKBOX_GROUP, "update:modelValue", [value]);
+  } else if (props.modelValue !== void 0) {
+    emit("update:modelValue", value);
+  } else {
+    state.selfModel = value;
+  }
 };
-export var computedGetModelSet = function computedGetModelSet(_ref3) {
-  var state = _ref3.state,
-    props = _ref3.props,
-    emit = _ref3.emit,
-    dispatch = _ref3.dispatch,
-    constants = _ref3.constants;
-  return function (value) {
-    if (state.checkboxGroup) {
-      state.isLimitExceeded = false;
-      state.checkboxGroup.min !== undefined && value.length < state.checkboxGroup.min && (state.isLimitExceeded = true);
-      state.checkboxGroup.max !== undefined && value.length > state.checkboxGroup.max && (state.isLimitExceeded = true);
-      state.isLimitExceeded === false && dispatch(constants.CHECKBOX_GROUP, 'update:modelValue', [value]);
-    } else if (props.modelValue !== undefined) {
-      emit('update:modelValue', value);
+const computedCheckboxGroup = ({ parent, constants }) => () => {
+  let parentObj = parent.$parent;
+  while (parentObj) {
+    if (parentObj.$options.componentName !== constants.CHECKBOX_GROUP) {
+      parentObj = parentObj.$parent;
     } else {
-      state.selfModel = value;
+      return parentObj;
     }
-  };
+  }
+  return false;
 };
-export var computedCheckboxGroup = function computedCheckboxGroup(_ref4) {
-  var parent = _ref4.parent,
-    constants = _ref4.constants;
-  return function () {
-    var parentObj = parent.$parent;
-    while (parentObj) {
-      if (parentObj.$options.componentName !== constants.CHECKBOX_GROUP) {
-        parentObj = parentObj.$parent;
-      } else {
-        return parentObj;
-      }
-    }
-    return false;
-  };
-};
-export var computedIsDisabled = function computedIsDisabled(_ref5) {
-  var state = _ref5.state,
-    props = _ref5.props;
-  return function () {
-    return state.checkboxGroup ? state.checkboxGroup.disabled || props.disabled || state.isLimitDisabled : props.disabled;
-  };
-};
-export var computedActiveStyle = function computedActiveStyle(state) {
-  return function () {
-    return {
-      backgroundColor: state.checkboxGroup.fill || '',
-      borderColor: state.checkboxGroup.fill || '',
-      color: state.checkboxGroup.textColor || '',
-      'box-shadow': '-1px 0 0 0 ' + state.checkboxGroup.fill
-    };
-  };
-};
-export var computedFormItemSize = function computedFormItemSize(props) {
-  return function () {
-    return (props.formItem || {}).formItemSize;
-  };
+const computedIsDisabled = ({ state, props }) => () => state.checkboxGroup ? state.checkboxGroup.disabled || props.disabled || state.isLimitDisabled : props.disabled;
+const computedActiveStyle = (state) => () => ({
+  backgroundColor: state.checkboxGroup.fill || "",
+  borderColor: state.checkboxGroup.fill || "",
+  color: state.checkboxGroup.textColor || "",
+  "box-shadow": "-1px 0 0 0 " + state.checkboxGroup.fill
+});
+const computedFormItemSize = (props) => () => (props.formItem || {}).formItemSize;
+const computedSize = ({ state, formItemSize }) => () => state.checkboxGroup && state.checkboxGroup.state.checkboxGroupSize || formItemSize.value;
+const toggleEvent = ({ parent, props, type }) => {
+  const inputEl = parent.$el.querySelector("input");
+  Object.keys(props.events).forEach((ev) => {
+    inputEl[type + "EventListener"](ev, props.events[ev]);
+  });
 };
-export var computedSize = function computedSize(_ref6) {
-  var state = _ref6.state,
-    formItemSize = _ref6.formItemSize;
-  return function () {
-    return state.checkboxGroup && state.checkboxGroup.state.checkboxGroupSize || formItemSize.value;
-  };
+export {
+  computedActiveStyle,
+  computedCheckboxGroup,
+  computedFormItemSize,
+  computedGetModelGet,
+  computedGetModelSet,
+  computedIsDisabled,
+  computedSize,
+  handleChange,
+  toggleEvent
 };
-export var toggleEvent = function toggleEvent(_ref7) {
-  var parent = _ref7.parent,
-    props = _ref7.props,
-    type = _ref7.type;
-  var inputEl = parent.$el.querySelector('input');
-  Object.keys(props.events).forEach(function (ev) {
-    inputEl[type + 'EventListener'](ev, props.events[ev]);
-  });
-};