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

package/checkbox-button/vue.js

@@ -1,150 +1,68 @@
-import { handleChange, computedGetModelGet, computedGetModelSet, computedCheckboxGroup, computedActiveStyle, computedFormItemSize, computedSize, computedIsDisabled, toggleEvent } from './index';
-import { addToStore, computedIsChecked, computedStore, computedIsLimitDisabled } from '@opentiny/vue-renderless/checkbox';
-export var api = ['state', 'handleChange'];
-var initState = function initState(_ref) {
-  var reactive = _ref.reactive,
-    computed = _ref.computed,
-    api = _ref.api;
-  var state = reactive({
+import "../chunk-PKUHTIDK.js";
+import {
+  handleChange,
+  computedGetModelGet,
+  computedGetModelSet,
+  computedCheckboxGroup,
+  computedActiveStyle,
+  computedFormItemSize,
+  computedSize,
+  computedIsDisabled,
+  toggleEvent
+} from "./index";
+import { addToStore, computedIsChecked, computedStore, computedIsLimitDisabled } from "@opentiny/vue-renderless/checkbox";
+const api = ["state", "handleChange"];
+const initState = ({ reactive, computed, api: api2 }) => {
+  const state = reactive({
     focus: false,
     selfModel: false,
     isLimitExceeded: false,
     model: computed({
-      get: function get() {
-        return api.computedGetModelGet();
-      },
-      set: function set(value) {
-        return api.computedGetModelSet(value);
-      }
+      get: () => api2.computedGetModelGet(),
+      set: (value) => api2.computedGetModelSet(value)
     }),
-    size: computed(function () {
-      return api.computedSize();
-    }),
-    store: computed(function () {
-      return api.computedStore();
-    }),
-    isChecked: computed(function () {
-      return api.computedIsChecked();
-    }),
-    isDisabled: computed(function () {
-      return api.computedIsDisabled();
-    }),
-    activeStyle: computed(function () {
-      return api.computedActiveStyle();
-    }),
-    checkboxGroup: computed(function () {
-      return api.computedCheckboxGroup();
-    }),
-    isLimitDisabled: computed(function () {
-      return api.computedIsLimitDisabled();
-    })
+    size: computed(() => api2.computedSize()),
+    store: computed(() => api2.computedStore()),
+    isChecked: computed(() => api2.computedIsChecked()),
+    isDisabled: computed(() => api2.computedIsDisabled()),
+    activeStyle: computed(() => api2.computedActiveStyle()),
+    checkboxGroup: computed(() => api2.computedCheckboxGroup()),
+    isLimitDisabled: computed(() => api2.computedIsLimitDisabled())
   });
   return state;
 };
-var initApi = function initApi(_ref2) {
-  var api = _ref2.api,
-    state = _ref2.state,
-    props = _ref2.props,
-    formItemSize = _ref2.formItemSize,
-    parent = _ref2.parent,
-    constants = _ref2.constants,
-    emit = _ref2.emit,
-    nextTick = _ref2.nextTick,
-    dispatch = _ref2.dispatch;
-  Object.assign(api, {
-    state: state,
-    addToStore: addToStore({
-      state: state,
-      props: props
-    }),
-    computedStore: computedStore({
-      state: state,
-      props: props
-    }),
+const initApi = ({ api: api2, state, props, formItemSize, parent, constants, emit, nextTick, dispatch }) => {
+  Object.assign(api2, {
+    state,
+    addToStore: addToStore({ state, props }),
+    computedStore: computedStore({ state, props }),
     computedActiveStyle: computedActiveStyle(state),
     computedFormItemSize: computedFormItemSize(props),
-    computedSize: computedSize({
-      state: state,
-      formItemSize: formItemSize
-    }),
-    computedIsChecked: computedIsChecked({
-      state: state,
-      props: props
-    }),
+    computedSize: computedSize({ state, formItemSize }),
+    computedIsChecked: computedIsChecked({ state, props }),
     computedIsLimitDisabled: computedIsLimitDisabled(state),
-    computedIsDisabled: computedIsDisabled({
-      state: state,
-      props: props
-    }),
-    computedGetModelGet: computedGetModelGet({
-      state: state,
-      props: props
-    }),
-    computedCheckboxGroup: computedCheckboxGroup({
-      parent: parent,
-      constants: constants
-    }),
-    handleChange: handleChange({
-      state: state,
-      props: props,
-      emit: emit,
-      nextTick: nextTick,
-      dispatch: dispatch,
-      constants: constants
-    }),
-    computedGetModelSet: computedGetModelSet({
-      state: state,
-      props: props,
-      emit: emit,
-      dispatch: dispatch,
-      constants: constants
-    })
+    computedIsDisabled: computedIsDisabled({ state, props }),
+    computedGetModelGet: computedGetModelGet({ state, props }),
+    computedCheckboxGroup: computedCheckboxGroup({ parent, constants }),
+    handleChange: handleChange({ state, props, emit, nextTick, dispatch, constants }),
+    computedGetModelSet: computedGetModelSet({ state, props, emit, dispatch, constants })
   });
 };
-export var renderless = function renderless(props, _ref3, _ref4) {
-  var computed = _ref3.computed,
-    onMounted = _ref3.onMounted,
-    onBeforeUnmount = _ref3.onBeforeUnmount,
-    reactive = _ref3.reactive;
-  var parent = _ref4.parent,
-    emit = _ref4.emit,
-    dispatch = _ref4.dispatch,
-    constants = _ref4.constants,
-    nextTick = _ref4.nextTick;
-  var api = {};
-  var formItemSize = computed(function () {
-    return api.computedFormItemSize();
-  });
-  var state = initState({
-    reactive: reactive,
-    computed: computed,
-    api: api
+const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive }, { parent, emit, dispatch, constants, nextTick }) => {
+  const api2 = {};
+  const formItemSize = computed(() => api2.computedFormItemSize());
+  const state = initState({ reactive, computed, api: api2 });
+  initApi({ api: api2, state, props, formItemSize, parent, constants, emit, nextTick, dispatch });
+  onBeforeUnmount(() => {
+    toggleEvent({ parent, props, type: "remove" });
   });
-  initApi({
-    api: api,
-    state: state,
-    props: props,
-    formItemSize: formItemSize,
-    parent: parent,
-    constants: constants,
-    emit: emit,
-    nextTick: nextTick,
-    dispatch: dispatch
+  onMounted(() => {
+    toggleEvent({ parent, props, type: "add" });
+    props.checked && api2.addToStore();
   });
-  onBeforeUnmount(function () {
-    toggleEvent({
-      parent: parent,
-      props: props,
-      type: 'remove'
-    });
-  });
-  onMounted(function () {
-    toggleEvent({
-      parent: parent,
-      props: props,
-      type: 'add'
-    });
-    props.checked && api.addToStore();
-  });
-  return api;
-};
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/checkbox-group/index.js

@@ -1,12 +1,7 @@
-export var computedFormItemSize = function computedFormItemSize(props) {
-  return function () {
-    return (props.formItem || {}).formItemSize;
-  };
+import "../chunk-PKUHTIDK.js";
+const computedFormItemSize = (props) => () => (props.formItem || {}).formItemSize;
+const computedCheckboxGroupSize = ({ props, formItemSize }) => () => props.size || formItemSize.value;
+export {
+  computedCheckboxGroupSize,
+  computedFormItemSize
 };
-export var computedCheckboxGroupSize = function computedCheckboxGroupSize(_ref) {
-  var props = _ref.props,
-    formItemSize = _ref.formItemSize;
-  return function () {
-    return props.size || formItemSize.value;
-  };
-};

package/checkbox-group/vue.js

@@ -1,33 +1,28 @@
-import { computedFormItemSize, computedCheckboxGroupSize } from './index';
-export var api = ['state'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var computed = _ref.computed,
-    reactive = _ref.reactive,
-    watch = _ref.watch;
-  var dispatch = _ref2.dispatch,
-    constants = _ref2.constants;
-  var api = {
+import "../chunk-PKUHTIDK.js";
+import { computedFormItemSize, computedCheckboxGroupSize } from "./index";
+const api = ["state"];
+const renderless = (props, { computed, reactive, watch }, { dispatch, constants }) => {
+  const api2 = {
     computedFormItemSize: computedFormItemSize(props)
   };
-  var formItemSize = computed(function () {
-    return api.computedFormItemSize();
+  const formItemSize = computed(() => api2.computedFormItemSize());
+  const state = reactive({
+    checkboxGroupSize: computed(() => api2.computedCheckboxGroupSize())
   });
-  var state = reactive({
-    checkboxGroupSize: computed(function () {
-      return api.computedCheckboxGroupSize();
-    })
-  });
-  Object.assign(api, {
-    state: state,
+  Object.assign(api2, {
+    state,
     computedCheckboxGroupSize: computedCheckboxGroupSize({
-      props: props,
-      formItemSize: formItemSize
+      props,
+      formItemSize
     })
   });
-  watch(function () {
-    return props.modelValue;
-  }, function (value) {
-    return dispatch(constants.FORM_ITEM, constants.FORM_CHANGE, [value]);
-  });
-  return api;
-};
+  watch(
+    () => props.modelValue,
+    (value) => dispatch(constants.FORM_ITEM, constants.FORM_CHANGE, [value])
+  );
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/chunk-PKUHTIDK.js

@@ -0,0 +1,37 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+export {
+  __spreadValues,
+  __spreadProps,
+  __objRest
+};

package/col/index.js

@@ -1,132 +1,102 @@
-export var setSubitemAttrValue = function setSubitemAttrValue(_ref) {
-  var className = _ref.className,
-    item = _ref.item,
-    value = _ref.value;
+import "../chunk-PKUHTIDK.js";
+const setSubitemAttrValue = ({ className, item, value }) => {
   if (value) {
-    if (typeof value === 'number') {
-      className["col-".concat(item, "-")] = value;
+    if (typeof value === "number") {
+      className[`col-${item}-`] = value;
     } else {
-      if ('span' in value) {
-        className["col-".concat(item, "-")] = value.span;
+      if ("span" in value) {
+        className[`col-${item}-`] = value.span;
       }
-      if ('offset' in value) {
-        className["col-".concat(item, "-offset-")] = value.offset;
+      if ("offset" in value) {
+        className[`col-${item}-offset-`] = value.offset;
       }
-      if ('push' in value) {
-        className["col-".concat(item, "-push-")] = value.push;
+      if ("push" in value) {
+        className[`col-${item}-push-`] = value.push;
       }
-      if ('pull' in value) {
-        className["col-".concat(item, "-pull-")] = value.pull;
+      if ("pull" in value) {
+        className[`col-${item}-pull-`] = value.pull;
       }
     }
   }
 };
-export var setGlobalAttrValue = function setGlobalAttrValue(_ref2) {
-  var attr = _ref2.attr,
-    className = _ref2.className,
-    value = _ref2.value;
-  attr = attr ? attr + '-' : '';
-  className["col-xs-".concat(attr)] = value;
-  className["col-sm-".concat(attr)] = value;
-  className["col-md-".concat(attr)] = value;
-  className["col-lg-".concat(attr)] = value;
-  className["col-xl-".concat(attr)] = value;
+const setGlobalAttrValue = ({ attr, className, value }) => {
+  attr = attr ? attr + "-" : "";
+  className[`col-xs-${attr}`] = value;
+  className[`col-sm-${attr}`] = value;
+  className[`col-md-${attr}`] = value;
+  className[`col-lg-${attr}`] = value;
+  className[`col-xl-${attr}`] = value;
 };
-export var getClassName = function getClassName(_ref3) {
-  var api = _ref3.api,
-    props = _ref3.props;
-  return function () {
-    var span = props.span;
-    var offset = props.offset;
-    var push = props.move ? props.move : 0;
-    var pull = props.move ? 0 : -props.move;
-    var subitems = {
-      xs: props.xs,
-      sm: props.sm,
-      md: props.md,
-      lg: props.lg,
-      xl: props.xl
-    };
-    var className = {};
-    var result = [];
-    var item = {};
-    if (span) {
-      api.setGlobalAttrValue({
-        attr: '',
-        value: span,
-        className: className
-      });
-    }
-    if (offset) {
-      api.setGlobalAttrValue({
-        attr: 'offset',
-        value: offset,
-        className: className
-      });
-    }
-    if (push) {
-      api.setGlobalAttrValue({
-        attr: 'push',
-        value: push,
-        className: className
-      });
-    }
-    if (pull) {
-      api.setGlobalAttrValue({
-        attr: 'pull',
-        value: pull,
-        className: className
-      });
-    }
-    for (var _i = 0, _Object$keys = Object.keys(subitems); _i < _Object$keys.length; _i++) {
-      item = _Object$keys[_i];
-      api.setSubitemAttrValue({
-        item: item,
-        value: subitems[item],
-        className: className
-      });
-    }
-    for (var _i2 = 0, _Object$keys2 = Object.keys(className); _i2 < _Object$keys2.length; _i2++) {
-      item = _Object$keys2[_i2];
-      result.push(item + className[item]);
-    }
-    return result.join(' ');
+const getClassName = ({ api, props }) => () => {
+  const span = props.span;
+  const offset = props.offset;
+  const push = props.move ? props.move : 0;
+  const pull = props.move ? 0 : -props.move;
+  const subitems = {
+    xs: props.xs,
+    sm: props.sm,
+    md: props.md,
+    lg: props.lg,
+    xl: props.xl
   };
+  const className = {};
+  const result = [];
+  let item = {};
+  if (span) {
+    api.setGlobalAttrValue({ attr: "", value: span, className });
+  }
+  if (offset) {
+    api.setGlobalAttrValue({ attr: "offset", value: offset, className });
+  }
+  if (push) {
+    api.setGlobalAttrValue({ attr: "push", value: push, className });
+  }
+  if (pull) {
+    api.setGlobalAttrValue({ attr: "pull", value: pull, className });
+  }
+  for (item of Object.keys(subitems)) {
+    api.setSubitemAttrValue({ item, value: subitems[item], className });
+  }
+  for (item of Object.keys(className)) {
+    result.push(item + className[item]);
+  }
+  return result.join(" ");
 };
-export var row = function row(pcontext) {
-  return function () {
-    var ROW_NAME = 'Row';
-    var COL_NAME = 'Col';
-    var parent = pcontext.$parent.$parent;
-    var parentName = parent ? parent.$options.componentName : null;
-    var depth = 10;
-    while (parent && parentName !== ROW_NAME && parentName !== COL_NAME && depth--) {
-      parent = parent.$parent;
-      parentName = parent && parent.$options ? parent.$options.componentName : null;
-    }
-    return parentName === ROW_NAME ? parent : null;
-  };
+const row = (pcontext) => () => {
+  const ROW_NAME = "Row";
+  const COL_NAME = "Col";
+  let parent = pcontext.$parent.$parent;
+  let parentName = parent ? parent.$options.componentName : null;
+  let depth = 10;
+  while (parent && parentName !== ROW_NAME && parentName !== COL_NAME && depth--) {
+    parent = parent.$parent;
+    parentName = parent && parent.$options ? parent.$options.componentName : null;
+  }
+  return parentName === ROW_NAME ? parent : null;
+};
+const getStyle = ({ props, state }) => () => {
+  const parent = state.row;
+  const no = props.no;
+  const styles = [];
+  let gutter = parent ? parent.gutter : null;
+  let noSpace = parent ? parent.noSpace : null;
+  let order = "";
+  if (gutter) {
+    gutter = gutter / 2;
+    styles.push(`padding-left:${gutter}px;padding-right:${gutter}px;`);
+  } else if (noSpace) {
+    styles.push("padding-left:0;padding-right:0;");
+  }
+  if (parent && parent.flex && parent.order) {
+    order = parent.order === "asc" ? no : -no;
+    styles.push(`order:${order};-webkit-order:${order};-ms-order:${order};-moz-order:${order};`);
+  }
+  return styles.join("");
+};
+export {
+  getClassName,
+  getStyle,
+  row,
+  setGlobalAttrValue,
+  setSubitemAttrValue
 };
-export var getStyle = function getStyle(_ref4) {
-  var props = _ref4.props,
-    state = _ref4.state;
-  return function () {
-    var parent = state.row;
-    var no = props.no;
-    var styles = [];
-    var gutter = parent ? parent.gutter : null;
-    var noSpace = parent ? parent.noSpace : null;
-    var order = '';
-    if (gutter) {
-      gutter = gutter / 2;
-      styles.push("padding-left:".concat(gutter, "px;padding-right:").concat(gutter, "px;"));
-    } else if (noSpace) {
-      styles.push('padding-left:0;padding-right:0;');
-    }
-    if (parent && parent.flex && parent.order) {
-      order = parent.order === 'asc' ? no : -no;
-      styles.push("order:".concat(order, ";-webkit-order:").concat(order, ";-ms-order:").concat(order, ";-moz-order:").concat(order, ";"));
-    }
-    return styles.join('');
-  };
-};

package/col/vue.js

@@ -1,34 +1,24 @@
-import { setSubitemAttrValue, setGlobalAttrValue, getClassName, getStyle, row } from './index';
-export var api = ['state'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var computed = _ref.computed,
-    reactive = _ref.reactive;
-  var parent = _ref2.parent;
-  var api = {};
-  var state = reactive({
-    row: computed(function () {
-      return api.row();
-    }),
-    style: computed(function () {
-      return api.getStyle();
-    }),
-    className: computed(function () {
-      return api.getClassName();
-    })
+import "../chunk-PKUHTIDK.js";
+import { setSubitemAttrValue, setGlobalAttrValue, getClassName, getStyle, row } from "./index";
+const api = ["state"];
+const renderless = (props, { computed, reactive }, { parent }) => {
+  const api2 = {};
+  const state = reactive({
+    row: computed(() => api2.row()),
+    style: computed(() => api2.getStyle()),
+    className: computed(() => api2.getClassName())
   });
-  Object.assign(api, {
-    state: state,
+  Object.assign(api2, {
+    state,
     row: row(parent),
-    setGlobalAttrValue: setGlobalAttrValue,
-    setSubitemAttrValue: setSubitemAttrValue,
-    getStyle: getStyle({
-      props: props,
-      state: state
-    }),
-    getClassName: getClassName({
-      api: api,
-      props: props
-    })
+    setGlobalAttrValue,
+    setSubitemAttrValue,
+    getStyle: getStyle({ props, state }),
+    getClassName: getClassName({ api: api2, props })
   });
-  return api;
-};
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/collapse/index.js

@@ -1,45 +1,36 @@
-export var setActiveNames = function setActiveNames(_ref) {
-  var emit = _ref.emit,
-    props = _ref.props,
-    state = _ref.state;
-  return function (activeNames) {
-    activeNames = [].concat(activeNames);
-    var value = props.accordion ? activeNames[0] : activeNames;
-    state.activeNames = activeNames;
-    emit('update:modelValue', value);
-    emit('change', value);
-  };
+import "../chunk-PKUHTIDK.js";
+const setActiveNames = ({ emit, props, state }) => (activeNames) => {
+  activeNames = [].concat(activeNames);
+  const value = props.accordion ? activeNames[0] : activeNames;
+  state.activeNames = activeNames;
+  emit("update:modelValue", value);
+  emit("change", value);
 };
-export var handleItemClick = function handleItemClick(_ref2) {
-  var api = _ref2.api,
-    props = _ref2.props,
-    state = _ref2.state;
-  return function (item) {
-    var activeNames = state.activeNames.slice(0);
-    var index = activeNames.indexOf(item.name);
-    var beforeClose = function beforeClose() {
-      var result = props.beforeClose ? props.beforeClose(item, state.activeNames) : true;
-      return new Promise(function (resolve) {
-        if (result && result.then) {
-          result.then(function () {
-            return resolve(true);
-          })["catch"](function () {
-            return resolve(false);
-          });
-        } else {
-          resolve(result);
-        }
-      });
-    };
-    beforeClose().then(function (next) {
-      if (props.accordion) {
-        if (next || !activeNames.length) {
-          api.setActiveNames(activeNames[0] === item.name ? '' : item.name);
-        }
+const handleItemClick = ({ api, props, state }) => (item) => {
+  const activeNames = state.activeNames.slice(0);
+  const index = activeNames.indexOf(item.name);
+  const beforeClose = () => {
+    let result = props.beforeClose ? props.beforeClose(item, state.activeNames) : true;
+    return new Promise((resolve) => {
+      if (result && result.then) {
+        result.then(() => resolve(true)).catch(() => resolve(false));
       } else {
-        index > -1 ? next && activeNames.splice(index, 1) : activeNames.push(item.name);
-        api.setActiveNames(activeNames);
+        resolve(result);
       }
     });
   };
-};
+  beforeClose().then((next) => {
+    if (props.accordion) {
+      if (next || !activeNames.length) {
+        api.setActiveNames(activeNames[0] === item.name ? "" : item.name);
+      }
+    } else {
+      index > -1 ? next && activeNames.splice(index, 1) : activeNames.push(item.name);
+      api.setActiveNames(activeNames);
+    }
+  });
+};
+export {
+  handleItemClick,
+  setActiveNames
+};