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

package/radio-button/index.js

@@ -1,58 +1,39 @@
-export var handleChange = function handleChange(_ref) {
-  var constants = _ref.constants,
-    nextTick = _ref.nextTick,
-    dispatch = _ref.dispatch,
-    state = _ref.state;
-  return function () {
-    nextTick(function () {
-      dispatch(constants.RADIO_GROUP, 'handleChange', [state.value]);
-    });
-  };
+import "../chunk-PKUHTIDK.js";
+const handleChange = ({ constants, nextTick, dispatch, state }) => () => {
+  nextTick(() => {
+    dispatch(constants.RADIO_GROUP, "handleChange", [state.value]);
+  });
 };
-export var getValue = function getValue(state) {
-  return function () {
-    return state.radioGroup.modelValue;
-  };
-};
-export var setValue = function setValue(_ref2) {
-  var state = _ref2.state;
-  return function (val) {
-    return state.radioGroup.$emit('update:modelValue', val);
-  };
-};
-export var getGroup = function getGroup(_ref3) {
-  var constants = _ref3.constants,
-    $parent = _ref3.parent;
-  return function () {
-    var parent = $parent.$parent;
-    while (parent) {
-      if (parent.$options.componentName !== constants.RADIO_GROUP) {
-        parent = parent.$parent;
-      } else {
-        return parent;
-      }
+const getValue = (state) => () => state.radioGroup.modelValue;
+const setValue = ({ state }) => (val) => state.radioGroup.$emit("update:modelValue", val);
+const getGroup = ({ constants, parent: $parent }) => () => {
+  let parent = $parent.$parent;
+  while (parent) {
+    if (parent.$options.componentName !== constants.RADIO_GROUP) {
+      parent = parent.$parent;
+    } else {
+      return parent;
     }
-    return false;
-  };
+  }
+  return false;
+};
+const getStyle = (state) => () => ({
+  backgroundColor: state.radioGroup.fill || "",
+  borderColor: state.radioGroup.fill || "",
+  boxShadow: state.radioGroup.fill ? `-1px 0 0 0 ${state.radioGroup.fill}` : "",
+  color: state.radioGroup.textColor || ""
+});
+const toggleEvents = ({ refs, props }) => (isUnBind = false) => {
+  const radioEl = refs.radio;
+  Object.keys(props.events).forEach((ev) => {
+    radioEl[(isUnBind ? "remove" : "add") + "EventListener"](ev, props.events[ev]);
+  });
 };
-export var getStyle = function getStyle(state) {
-  return function () {
-    return {
-      backgroundColor: state.radioGroup.fill || '',
-      borderColor: state.radioGroup.fill || '',
-      boxShadow: state.radioGroup.fill ? "-1px 0 0 0 ".concat(state.radioGroup.fill) : '',
-      color: state.radioGroup.textColor || ''
-    };
-  };
+export {
+  getGroup,
+  getStyle,
+  getValue,
+  handleChange,
+  setValue,
+  toggleEvents
 };
-export var toggleEvents = function toggleEvents(_ref4) {
-  var refs = _ref4.refs,
-    props = _ref4.props;
-  return function () {
-    var isUnBind = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    var radioEl = refs.radio;
-    Object.keys(props.events).forEach(function (ev) {
-      radioEl[(isUnBind ? 'remove' : 'add') + 'EventListener'](ev, props.events[ev]);
-    });
-  };
-};

package/radio-button/vue.js

@@ -1,70 +1,37 @@
-import { handleChange, getValue, setValue, getGroup, getStyle, toggleEvents } from './index';
-export var api = ['state', 'handleChange'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var computed = _ref.computed,
-    reactive = _ref.reactive,
-    onMounted = _ref.onMounted,
-    onBeforeUnmount = _ref.onBeforeUnmount;
-  var emit = _ref2.emit,
-    parent = _ref2.parent,
-    dispatch = _ref2.dispatch,
-    constants = _ref2.constants,
-    nextTick = _ref2.nextTick,
-    refs = _ref2.refs;
-  var api = {
-    getGroup: getGroup({
-      constants: constants,
-      parent: parent
-    }),
-    toggleEvents: toggleEvents({
-      refs: refs,
-      props: props
-    })
+import "../chunk-PKUHTIDK.js";
+import { handleChange, getValue, setValue, getGroup, getStyle, toggleEvents } from "./index";
+const api = ["state", "handleChange"];
+const renderless = (props, { computed, reactive, onMounted, onBeforeUnmount }, { emit, parent, dispatch, constants, nextTick, refs }) => {
+  const api2 = {
+    getGroup: getGroup({ constants, parent }),
+    toggleEvents: toggleEvents({ refs, props })
   };
-  var state = reactive({
+  const state = reactive({
     focus: false,
     value: computed({
-      get: function get() {
-        return api.getValue();
-      },
-      set: function set(val) {
-        return api.setValue(val);
-      }
-    }),
-    radioGroup: computed(function () {
-      return api.getGroup();
-    }),
-    activeStyle: computed(function () {
-      return api.getStyle();
+      get: () => api2.getValue(),
+      set: (val) => api2.setValue(val)
     }),
-    size: computed(function () {
-      return state.radioGroup.state.radioGroupSize;
-    }),
-    isDisabled: computed(function () {
-      return props.disabled || state.radioGroup.disabled;
-    }),
-    tabIndex: computed(function () {
-      return state.isDisabled || state.radioGroup && state.value !== props.label ? -1 : 0;
-    })
+    radioGroup: computed(() => api2.getGroup()),
+    activeStyle: computed(() => api2.getStyle()),
+    size: computed(() => state.radioGroup.state.radioGroupSize),
+    isDisabled: computed(() => props.disabled || state.radioGroup.disabled),
+    tabIndex: computed(() => state.isDisabled || state.radioGroup && state.value !== props.label ? -1 : 0)
   });
-  Object.assign(api, {
-    state: state,
+  Object.assign(api2, {
+    state,
     getValue: getValue(state),
     getStyle: getStyle(state),
-    setValue: setValue({
-      emit: emit,
-      state: state
-    }),
-    handleChange: handleChange({
-      constants: constants,
-      dispatch: dispatch,
-      nextTick: nextTick,
-      state: state
-    })
+    setValue: setValue({ emit, state }),
+    handleChange: handleChange({ constants, dispatch, nextTick, state })
   });
-  onMounted(api.toggleEvents);
-  onBeforeUnmount(function () {
-    api.toggleEvents(true);
+  onMounted(api2.toggleEvents);
+  onBeforeUnmount(() => {
+    api2.toggleEvents(true);
   });
-  return api;
-};
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/radio-group/index.js

@@ -1,51 +1,49 @@
-import { KEY_CODE } from '@opentiny/vue-renderless/common';
-export var handleKeydown = function handleKeydown(_ref) {
-  var parent = _ref.parent;
-  return function (event) {
-    var target = event.target;
-    var className = target.nodeName === 'INPUT' ? '[type=radio]' : '[role=radio]';
-    var radios = parent.$el.querySelectorAll(className);
-    var length = radios.length;
-    var index = [].indexOf.call(radios, target);
-    var roleRadiosNodes = parent.$el.querySelectorAll('[role=radio]');
-    switch (event.keyCode) {
-      case KEY_CODE.ArrowDown:
-      case KEY_CODE.ArrowRight:
-        if (index === length - 1) {
-          event.stopPropagation();
-          event.preventDefault();
-          roleRadiosNodes[0].click();
-          roleRadiosNodes[0].focus();
-        } else {
-          roleRadiosNodes[index + 1].click();
-          roleRadiosNodes[index + 1].focus();
-        }
-        break;
-      case KEY_CODE.ArrowUp:
-      case KEY_CODE.ArrowLeft:
+import "../chunk-PKUHTIDK.js";
+import { KEY_CODE } from "@opentiny/vue-renderless/common";
+const handleKeydown = ({ parent }) => (event) => {
+  const target = event.target;
+  const className = target.nodeName === "INPUT" ? "[type=radio]" : "[role=radio]";
+  const radios = parent.$el.querySelectorAll(className);
+  const length = radios.length;
+  const index = [].indexOf.call(radios, target);
+  const roleRadiosNodes = parent.$el.querySelectorAll("[role=radio]");
+  switch (event.keyCode) {
+    case KEY_CODE.ArrowDown:
+    case KEY_CODE.ArrowRight:
+      if (index === length - 1) {
         event.stopPropagation();
         event.preventDefault();
-        if (index === 0) {
-          roleRadiosNodes[length - 1].click();
-          roleRadiosNodes[length - 1].focus();
-        } else {
-          roleRadiosNodes[index - 1].click();
-          roleRadiosNodes[index - 1].focus();
-        }
-        break;
-      default:
-        break;
-    }
-  };
+        roleRadiosNodes[0].click();
+        roleRadiosNodes[0].focus();
+      } else {
+        roleRadiosNodes[index + 1].click();
+        roleRadiosNodes[index + 1].focus();
+      }
+      break;
+    case KEY_CODE.ArrowUp:
+    case KEY_CODE.ArrowLeft:
+      event.stopPropagation();
+      event.preventDefault();
+      if (index === 0) {
+        roleRadiosNodes[length - 1].click();
+        roleRadiosNodes[length - 1].focus();
+      } else {
+        roleRadiosNodes[index - 1].click();
+        roleRadiosNodes[index - 1].focus();
+      }
+      break;
+    default:
+      break;
+  }
+};
+const mounted = (parent) => () => {
+  const radios = parent.$el.querySelectorAll("[type=radio]");
+  const firstLabel = parent.$el.querySelectorAll("[role=radio]")[0];
+  if (![].some.call(radios, (radio) => radio.checked) && firstLabel) {
+    firstLabel.tabIndex = 0;
+  }
+};
+export {
+  handleKeydown,
+  mounted
 };
-export var mounted = function mounted(parent) {
-  return function () {
-    var radios = parent.$el.querySelectorAll('[type=radio]');
-    var firstLabel = parent.$el.querySelectorAll('[role=radio]')[0];
-    if (![].some.call(radios, function (radio) {
-      return radio.checked;
-    }) && firstLabel) {
-      firstLabel.tabIndex = 0;
-    }
-  };
-};

package/radio-group/vue.js

@@ -1,34 +1,30 @@
-import { handleKeydown, mounted } from './index';
-export var api = ['state', 'handleKeydown'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var computed = _ref.computed,
-    onMounted = _ref.onMounted,
-    reactive = _ref.reactive,
-    watch = _ref.watch;
-  var parent = _ref2.parent,
-    dispatch = _ref2.dispatch;
-  var state = reactive({
-    radioGroupSize: computed(function () {
-      return props.size;
-    }),
-    tag: 'div'
+import "../chunk-PKUHTIDK.js";
+import { handleKeydown, mounted } from "./index";
+const api = ["state", "handleKeydown"];
+const renderless = (props, { computed, onMounted, reactive, watch }, { parent, dispatch }) => {
+  const state = reactive({
+    radioGroupSize: computed(() => props.size),
+    tag: "div"
   });
-  parent.$on('handleChange', function (value) {
-    parent.$emit('change', value);
+  parent.$on("handleChange", (value) => {
+    parent.$emit("change", value);
   });
-  var api = {
-    state: state,
-    dispatch: dispatch,
+  const api2 = {
+    state,
+    dispatch,
     onMounted: mounted(parent),
-    handleKeydown: handleKeydown({
-      parent: parent
-    })
+    handleKeydown: handleKeydown({ parent })
   };
-  watch(function () {
-    return props.modelValue;
-  }, function (value) {
-    api.dispatch('FormItem', 'form.change', [value]);
-  });
-  onMounted(api.onMounted);
-  return api;
-};
+  watch(
+    () => props.modelValue,
+    (value) => {
+      api2.dispatch("FormItem", "form.change", [value]);
+    }
+  );
+  onMounted(api2.onMounted);
+  return api2;
+};
+export {
+  api,
+  renderless
+};