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

package/dropdown-item/index.js

@@ -1,170 +1,116 @@
-import { on, off } from '@opentiny/vue-renderless/common/deps/dom';
-export var getTitle = function getTitle(props) {
-  return function () {
-    if (props.title) {
-      return props.title;
-    }
-    var match = props.options.filter(function (option) {
-      return option.value === props.modelValue;
-    });
-    return match.length ? match[0].text : '';
-  };
-};
-export var bindScroll = function bindScroll(_ref) {
-  var api = _ref.api,
-    parent = _ref.parent;
-  return function (value) {
-    var action = value ? on : off;
-    action(parent.state.scroller, 'scroll', api.onScroll, true);
-  };
-};
-export var toggle = function toggle(_ref2) {
-  var parent = _ref2.parent,
-    props = _ref2.props,
-    state = _ref2.state;
-  return function (show) {
-    if (show === state.showPopup) {
-      return;
-    }
-    state.transition = !props.options.immediate;
-    state.showPopup = show;
-    if (show) {
-      parent.updateOffset();
-      state.showWrapper = true;
-    }
-  };
-};
-export var onScroll = function onScroll(parent) {
-  return function () {
-    return parent.updateOffset();
-  };
-};
-export var clickWrapper = function clickWrapper(parent) {
-  return function (event) {
-    return parent.$el && event.stopPropagation();
-  };
-};
-export var clickItem = function clickItem(_ref3) {
-  var emit = _ref3.emit,
-    props = _ref3.props,
-    state = _ref3.state;
-  return function (value) {
-    state.showPopup = false;
-    if (value !== props.modelValue) {
-      emit('update:modelValue', value);
-      emit('change', value);
-    }
-  };
-};
-export var getItemStyle = function getItemStyle(_ref4) {
-  var parent = _ref4.parent,
-    state = _ref4.state;
-  return function () {
+import "../chunk-PKUHTIDK.js";
+import { on, off } from "@opentiny/vue-renderless/common/deps/dom";
+const getTitle = (props) => () => {
+  if (props.title) {
+    return props.title;
+  }
+  const match = props.options.filter((option) => option.value === props.modelValue);
+  return match.length ? match[0].text : "";
+};
+const bindScroll = ({ api, parent }) => (value) => {
+  const action = value ? on : off;
+  action(parent.state.scroller, "scroll", api.onScroll, true);
+};
+const toggle = ({ parent, props, state }) => (show) => {
+  if (show === state.showPopup) {
+    return;
+  }
+  state.transition = !props.options.immediate;
+  state.showPopup = show;
+  if (show) {
+    parent.updateOffset();
+    state.showWrapper = true;
+  }
+};
+const onScroll = (parent) => () => parent.updateOffset();
+const clickWrapper = (parent) => (event) => parent.$el && event.stopPropagation();
+const clickItem = ({ emit, props, state }) => (value) => {
+  state.showPopup = false;
+  if (value !== props.modelValue) {
+    emit("update:modelValue", value);
+    emit("change", value);
+  }
+};
+const getItemStyle = ({ parent, state }) => () => ({
+  zIndex: parent.zIndex,
+  top: parent.direction === "down" ? state.offset + "px" : "",
+  bottom: parent.direction !== "down" ? state.offset + "px" : ""
+});
+const getOptionStyle = (state) => (tag, tags) => {
+  if (tags.includes(tag.value)) {
     return {
-      zIndex: parent.zIndex,
-      top: parent.direction === 'down' ? state.offset + 'px' : '',
-      bottom: parent.direction !== 'down' ? state.offset + 'px' : ''
+      color: state.activeColor ? state.activeColor : "#f36f64",
+      border: `1px solid ${state.activeColor ? state.activeColor : "#f36f64"}`
     };
-  };
-};
-export var getOptionStyle = function getOptionStyle(state) {
-  return function (tag, tags) {
-    if (tags.indexOf(tag.value) > -1) {
-      return {
-        color: state.activeColor ? state.activeColor : '#f36f64',
-        border: "1px solid ".concat(state.activeColor ? state.activeColor : '#f36f64')
-      };
-    } else {
-      return {
-        color: '#333'
-      };
-    }
-  };
-};
-export var closed = function closed(_ref5) {
-  var emit = _ref5.emit,
-    state = _ref5.state;
-  return function () {
-    state.showWrapper = false;
-    emit('closed');
-  };
-};
-export var open = function open(emit) {
-  return function () {
-    return emit('open');
-  };
-};
-export var opened = function opened(emit) {
-  return function () {
-    return emit('opened');
-  };
-};
-export var close = function close(emit) {
-  return function () {
-    return emit('close');
-  };
-};
-export var tagClick = function tagClick(_ref6) {
-  var emit = _ref6.emit,
-    props = _ref6.props;
-  return function (key, tag, event) {
-    event.preventDefault();
-    event.stopPropagation();
-    var filterValue = props.modelValue.slice();
-    var value = filterValue[key];
-    var index = value.indexOf(tag.value);
-    if (index === -1) {
-      value.push(tag.value);
-    } else {
-      value.splice(index, 1);
-    }
-    filterValue[key] = value;
-    emit('update:modelValue', filterValue);
-  };
-};
-export var confirm = function confirm(_ref7) {
-  var emit = _ref7.emit,
-    props = _ref7.props,
-    state = _ref7.state;
-  return function () {
-    state.showPopup = false;
-    emit('confirm', props.modelValue);
-  };
-};
-export var reset = function reset(_ref8) {
-  var emit = _ref8.emit,
-    props = _ref8.props;
-  return function () {
-    var len = props.modelValue.length;
-    var array = [];
-    for (var i = 0; i < len; i++) {
-      array.push([]);
-    }
-    emit('update:modelValue', array);
-    emit('reset', array);
-  };
-};
-export var clickOutside = function clickOutside(parent) {
-  return function () {
-    if (parent.closeOnClickOutside && parent.closeOnClickOverlay) {
-      parent.state.children.forEach(function (item) {
-        item.toggle(false);
-      });
-    }
-  };
-};
-export var handleClick = function handleClick(_ref9) {
-  var props = _ref9.props,
-    dispatch = _ref9.dispatch,
-    vm = _ref9.vm,
-    emit = _ref9.emit;
-  return function (event) {
-    event.stopPropagation();
-    var data = {
-      itemData: props.itemData,
-      vm: vm
+  } else {
+    return {
+      color: "#333"
     };
-    emit('item-click', data);
-    dispatch('TinyDropdown', 'menu-item-click', data);
-  };
-};
+  }
+};
+const closed = ({ emit, state }) => () => {
+  state.showWrapper = false;
+  emit("closed");
+};
+const open = (emit) => () => emit("open");
+const opened = (emit) => () => emit("opened");
+const close = (emit) => () => emit("close");
+const tagClick = ({ emit, props }) => (key, tag, event) => {
+  event.preventDefault();
+  event.stopPropagation();
+  const filterValue = props.modelValue.slice();
+  const value = filterValue[key];
+  const index = value.indexOf(tag.value);
+  if (index === -1) {
+    value.push(tag.value);
+  } else {
+    value.splice(index, 1);
+  }
+  filterValue[key] = value;
+  emit("update:modelValue", filterValue);
+};
+const confirm = ({ emit, props, state }) => () => {
+  state.showPopup = false;
+  emit("confirm", props.modelValue);
+};
+const reset = ({ emit, props }) => () => {
+  const len = props.modelValue.length;
+  const array = [];
+  for (let i = 0; i < len; i++) {
+    array.push([]);
+  }
+  emit("update:modelValue", array);
+  emit("reset", array);
+};
+const clickOutside = (parent) => () => {
+  if (parent.closeOnClickOutside && parent.closeOnClickOverlay) {
+    parent.state.children.forEach((item) => {
+      item.toggle(false);
+    });
+  }
+};
+const handleClick = ({ props, dispatch, vm, emit }) => (event) => {
+  event.stopPropagation();
+  const data = { itemData: props.itemData, vm };
+  emit("item-click", data);
+  dispatch("TinyDropdown", "menu-item-click", data);
+};
+export {
+  bindScroll,
+  clickItem,
+  clickOutside,
+  clickWrapper,
+  close,
+  closed,
+  confirm,
+  getItemStyle,
+  getOptionStyle,
+  getTitle,
+  handleClick,
+  onScroll,
+  open,
+  opened,
+  reset,
+  tagClick,
+  toggle
+};

package/dropdown-item/vue.js

@@ -1,143 +1,95 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { tagClick, confirm, clickOutside, getOptionStyle, reset, getTitle, bindScroll, toggle, onScroll, open, opened, close, closed, clickItem, clickWrapper, getItemStyle, handleClick } from './index';
-export var api = ['state', 'confirm', 'clickOutside', 'getOptionStyle', 'reset', 'tagClick', 'clickItem', 'clickWrapper', 'toggle', 'open', 'opened', 'close', 'closed', 'handleClick'];
-var initState = function initState(_ref) {
-  var reactive = _ref.reactive,
-    computed = _ref.computed,
-    api = _ref.api,
-    props = _ref.props,
-    parent = _ref.parent,
-    dropdownMenu = _ref.dropdownMenu;
-  var state = reactive({
+import "../chunk-PKUHTIDK.js";
+import {
+  tagClick,
+  confirm,
+  clickOutside,
+  getOptionStyle,
+  reset,
+  getTitle,
+  bindScroll,
+  toggle,
+  onScroll,
+  open,
+  opened,
+  close,
+  closed,
+  clickItem,
+  clickWrapper,
+  getItemStyle,
+  handleClick
+} from "./index";
+const api = [
+  "state",
+  "confirm",
+  "clickOutside",
+  "getOptionStyle",
+  "reset",
+  "tagClick",
+  "clickItem",
+  "clickWrapper",
+  "toggle",
+  "open",
+  "opened",
+  "close",
+  "closed",
+  "handleClick"
+];
+const initState = ({ reactive, computed, api: api2, props, parent, dropdownMenu }) => {
+  const state = reactive({
     sort: props.modelValue,
     transition: true,
     getTitle: false,
     showWrapper: false,
     showPopup: false,
     duration: parent.duration,
-    overlay: computed(function () {
-      return parent.overlay;
-    }),
-    offset: computed(function () {
-      return parent.state.offset;
-    }),
-    direction: computed(function () {
-      return parent.direction;
-    }),
-    displayTitle: computed(function () {
-      return api.getTitle();
-    }),
-    itemStyle: computed(function () {
-      return api.getItemStyle();
-    }),
-    activeColor: computed(function () {
-      return parent.activeColor;
-    }),
-    closeOnClickOverlay: computed(function () {
-      return parent.closeOnClickOverlay;
-    }),
+    overlay: computed(() => parent.overlay),
+    offset: computed(() => parent.state.offset),
+    direction: computed(() => parent.direction),
+    displayTitle: computed(() => api2.getTitle()),
+    itemStyle: computed(() => api2.getItemStyle()),
+    activeColor: computed(() => parent.activeColor),
+    closeOnClickOverlay: computed(() => parent.closeOnClickOverlay),
     children: [],
-    textField: (dropdownMenu === null || dropdownMenu === void 0 ? void 0 : dropdownMenu.textField) || props.textField,
-    popperClass: (dropdownMenu === null || dropdownMenu === void 0 ? void 0 : dropdownMenu.popperClass) || ''
+    textField: (dropdownMenu == null ? void 0 : dropdownMenu.textField) || props.textField,
+    popperClass: (dropdownMenu == null ? void 0 : dropdownMenu.popperClass) || ""
   });
   return state;
 };
-var initApi = function initApi(_ref2) {
-  var api = _ref2.api,
-    state = _ref2.state,
-    emit = _ref2.emit,
-    props = _ref2.props,
-    parent = _ref2.parent,
-    dispatch = _ref2.dispatch,
-    vm = _ref2.vm;
-  Object.assign(api, {
-    state: state,
+const initApi = ({ api: api2, state, emit, props, parent, dispatch, vm }) => {
+  Object.assign(api2, {
+    state,
     open: open(emit),
     opened: opened(emit),
     close: close(emit),
     getTitle: getTitle(props),
     onScroll: onScroll(parent),
-    reset: reset({
-      emit: emit,
-      props: props
-    }),
-    closed: closed({
-      emit: emit,
-      state: state
-    }),
+    reset: reset({ emit, props }),
+    closed: closed({ emit, state }),
     clickWrapper: clickWrapper(parent),
     clickOutside: clickOutside(parent),
-    tagClick: tagClick({
-      emit: emit,
-      props: props
-    }),
+    tagClick: tagClick({ emit, props }),
     getOptionStyle: getOptionStyle(state),
-    toggle: toggle({
-      parent: parent,
-      props: props,
-      state: state
-    }),
-    clickItem: clickItem({
-      emit: emit,
-      props: props,
-      state: state
-    }),
-    getItemStyle: getItemStyle({
-      parent: parent,
-      state: state
-    }),
-    bindScroll: bindScroll({
-      api: api,
-      parent: parent
-    }),
-    confirm: confirm({
-      emit: emit,
-      props: props,
-      state: state
-    }),
-    handleClick: handleClick({
-      props: props,
-      dispatch: dispatch,
-      vm: vm,
-      emit: emit
-    })
+    toggle: toggle({ parent, props, state }),
+    clickItem: clickItem({ emit, props, state }),
+    getItemStyle: getItemStyle({ parent, state }),
+    bindScroll: bindScroll({ api: api2, parent }),
+    confirm: confirm({ emit, props, state }),
+    handleClick: handleClick({ props, dispatch, vm, emit })
   });
 };
-export var renderless = function renderless(props, _ref3, _ref4) {
-  var computed = _ref3.computed,
-    reactive = _ref3.reactive,
-    watch = _ref3.watch,
-    inject = _ref3.inject;
-  var parent = _ref4.parent,
-    emit = _ref4.emit,
-    vm = _ref4.vm,
-    dispatch = _ref4.dispatch,
-    mode = _ref4.mode;
-  var api = {};
-  var dropdownMenu = inject('dropdownMenu', null);
-  if (mode === 'mobile') {
-    dropdownMenu.state.children = [].concat(_toConsumableArray(dropdownMenu.state.children), [vm]);
+const renderless = (props, { computed, reactive, watch, inject }, { parent, emit, vm, dispatch, mode }) => {
+  const api2 = {};
+  const dropdownMenu = inject("dropdownMenu", null);
+  if (mode === "mobile") {
+    dropdownMenu.state.children = [...dropdownMenu.state.children, vm];
   }
   parent = parent.$parent;
-  var state = initState({
-    reactive: reactive,
-    computed: computed,
-    api: api,
-    props: props,
-    parent: parent,
-    dropdownMenu: dropdownMenu
-  });
-  initApi({
-    api: api,
-    state: state,
-    emit: emit,
-    props: props,
-    parent: parent,
-    dispatch: dispatch,
-    vm: vm
-  });
-  watch(function () {
-    return state.showPopup;
-  }, api.bindScroll);
-  return api;
-};
+  const state = initState({ reactive, computed, api: api2, props, parent, dropdownMenu });
+  initApi({ api: api2, state, emit, props, parent, dispatch, vm });
+  watch(() => state.showPopup, api2.bindScroll);
+  return api2;
+};
+export {
+  api,
+  renderless
+};