@opentiny/vue-renderless 3.5.0 → 3.6.0

package/form-item/index.js

@@ -39,9 +39,28 @@ export var computedLabelStyle = function computedLabelStyle(_ref2) {
     return result;
   };
 };
-export var computedContentStyle = function computedContentStyle(_ref3) {
+export var computedValueStyle = function computedValueStyle(_ref3) {
   var props = _ref3.props,
     state = _ref3.state;
+  return function () {
+    var result = {};
+    if (state.form.labelPosition === POSITION.Top) {
+      return result.width = '100%';
+    }
+    var labelWidth = props.labelWidth || state.form.labelWidth;
+    if (labelWidth) {
+      if (labelWidth === 'auto') {
+        result.width = labelWidth;
+      } else {
+        result.width = "calc(100% - ".concat(labelWidth, ")");
+      }
+    }
+    return result;
+  };
+};
+export var computedContentStyle = function computedContentStyle(_ref4) {
+  var props = _ref4.props,
+    state = _ref4.state;
   return function () {
     var result = {};
     var label = props.label;
@@ -64,10 +83,10 @@ export var computedContentStyle = function computedContentStyle(_ref3) {
     return result;
   };
 };
-export var computedForm = function computedForm(_ref4) {
-  var constants = _ref4.constants,
-    instance = _ref4.instance,
-    state = _ref4.state;
+export var computedForm = function computedForm(_ref5) {
+  var constants = _ref5.constants,
+    instance = _ref5.instance,
+    state = _ref5.state;
   return function () {
     var FORM_NAME = constants.FORM_NAME,
       FORM_ITEM_NAME = constants.FORM_ITEM_NAME;
@@ -83,9 +102,9 @@ export var computedForm = function computedForm(_ref4) {
     return parent;
   };
 };
-export var computedIsRequired = function computedIsRequired(_ref5) {
-  var api = _ref5.api,
-    state = _ref5.state;
+export var computedIsRequired = function computedIsRequired(_ref6) {
+  var api = _ref6.api,
+    state = _ref6.state;
   return function () {
     if (state.validationRequired) {
       return true;
@@ -130,9 +149,9 @@ export var getPropByPath = function getPropByPath(obj, path, strict) {
     v: findObj ? findObj[keys[index]] : null
   };
 };
-export var computedFieldValue = function computedFieldValue(_ref6) {
-  var props = _ref6.props,
-    state = _ref6.state;
+export var computedFieldValue = function computedFieldValue(_ref7) {
+  var props = _ref7.props,
+    state = _ref7.state;
   return function () {
     var model = state.form.model;
     if (!model || !props.prop) {
@@ -145,12 +164,12 @@ export var computedFieldValue = function computedFieldValue(_ref6) {
     return getPropByPath(model, path, true).v;
   };
 };
-export var mounted = function mounted(_ref7) {
-  var api = _ref7.api,
-    instance = _ref7.instance,
-    props = _ref7.props,
-    state = _ref7.state,
-    refs = _ref7.refs;
+export var mounted = function mounted(_ref8) {
+  var api = _ref8.api,
+    instance = _ref8.instance,
+    props = _ref8.props,
+    state = _ref8.state,
+    refs = _ref8.refs;
   return function () {
     state.tooltip = refs.tooltip;
     if (props.prop) {
@@ -164,20 +183,20 @@ export var mounted = function mounted(_ref7) {
     }
   };
 };
-export var unmounted = function unmounted(_ref8) {
-  var api = _ref8.api,
-    instance = _ref8.instance,
-    state = _ref8.state;
+export var unmounted = function unmounted(_ref9) {
+  var api = _ref9.api,
+    instance = _ref9.instance,
+    state = _ref9.state;
   return function () {
     state.canShowTip = false;
     api.dispatch('Form', 'form:removeField', instance);
   };
 };
-export var validate = function validate(_ref9) {
-  var api = _ref9.api,
-    props = _ref9.props,
-    state = _ref9.state,
-    t = _ref9.t;
+export var validate = function validate(_ref10) {
+  var api = _ref10.api,
+    props = _ref10.props,
+    state = _ref10.state,
+    t = _ref10.t;
   return function (trigger) {
     var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {
       return undefined;
@@ -226,11 +245,11 @@ export var clearValidate = function clearValidate(state) {
     state.validateDisabled = false;
   };
 };
-export var resetField = function resetField(_ref10) {
-  var api = _ref10.api,
-    nextTick = _ref10.nextTick,
-    props = _ref10.props,
-    state = _ref10.state;
+export var resetField = function resetField(_ref11) {
+  var api = _ref11.api,
+    nextTick = _ref11.nextTick,
+    props = _ref11.props,
+    state = _ref11.state;
   return function () {
     if (state.getValidateType === 'tip') {
       state.canShowTip = false;
@@ -259,9 +278,9 @@ export var resetField = function resetField(_ref10) {
     api.broadcast('timeSelect', 'fieldReset', state.initialValue);
   };
 };
-export var getRules = function getRules(_ref11) {
-  var props = _ref11.props,
-    state = _ref11.state;
+export var getRules = function getRules(_ref12) {
+  var props = _ref12.props,
+    state = _ref12.state;
   return function () {
     var formRules = state.form.rules;
     var selfRules = props.rules;
@@ -294,9 +313,9 @@ export var onFieldBlur = function onFieldBlur(api) {
     api.validate('blur');
   };
 };
-export var onFieldChange = function onFieldChange(_ref12) {
-  var api = _ref12.api,
-    state = _ref12.state;
+export var onFieldChange = function onFieldChange(_ref13) {
+  var api = _ref13.api,
+    state = _ref13.state;
   return function () {
     if (state.validateDisabled) {
       state.validateDisabled = false;
@@ -310,11 +329,11 @@ export var updateComputedLabelWidth = function updateComputedLabelWidth(state) {
     state.computedLabelWidth = width ? "".concat(width, "px") : '';
   };
 };
-export var addValidateEvents = function addValidateEvents(_ref13) {
-  var api = _ref13.api,
-    instance = _ref13.instance,
-    props = _ref13.props,
-    state = _ref13.state;
+export var addValidateEvents = function addValidateEvents(_ref14) {
+  var api = _ref14.api,
+    instance = _ref14.instance,
+    props = _ref14.props,
+    state = _ref14.state;
   return function () {
     var rules = api.getRules();
     if (rules.length || props.required !== undefined) {
@@ -331,9 +350,9 @@ export var removeValidateEvents = function removeValidateEvents(instance) {
     instance.$off();
   };
 };
-export var updateTip = function updateTip(_ref14) {
-  var refs = _ref14.refs,
-    state = _ref14.state;
+export var updateTip = function updateTip(_ref15) {
+  var refs = _ref15.refs,
+    state = _ref15.state;
   return function () {
     if (state.getValidateType !== 'tip' && !state.canShowTip) {
       return;
@@ -363,9 +382,9 @@ export var getValueByPath = function getValueByPath(object, prop) {
   }
   return result;
 };
-export var wrapValidate = function wrapValidate(_ref15) {
-  var validateFunc = _ref15.validateFunc,
-    props = _ref15.props;
+export var wrapValidate = function wrapValidate(_ref16) {
+  var validateFunc = _ref16.validateFunc,
+    props = _ref16.props;
   if (props.validateDebounce) {
     return debounce(50, validateFunc);
   } else {

package/form-item/vue.js

@@ -1,4 +1,4 @@
-import { validate, clearValidate, resetField, getRules, getFilteredRule, onFieldBlur, onFieldChange, updateComputedLabelWidth, addValidateEvents, removeValidateEvents, mounted, unmounted, watchError, watchValidateStatus, computedLabelStyle, computedContentStyle, computedForm, computedIsRequired, computedFieldValue, computedGetValidateType, updateTip, wrapValidate } from './index';
+import { validate, clearValidate, resetField, getRules, getFilteredRule, onFieldBlur, onFieldChange, updateComputedLabelWidth, addValidateEvents, removeValidateEvents, mounted, unmounted, watchError, watchValidateStatus, computedLabelStyle, computedValueStyle, computedContentStyle, computedForm, computedIsRequired, computedFieldValue, computedGetValidateType, updateTip, wrapValidate } from './index';
 export var api = ['state', 'validate', 'clearValidate', 'resetField', 'getRules', 'getFilteredRule', 'onFieldBlur', 'onFieldChange', 'updateComputedLabelWidth', 'addValidateEvents', 'removeValidateEvents', 'updateTip'];
 var initState = function initState(_ref) {
   var reactive = _ref.reactive,
@@ -27,6 +27,9 @@ var initState = function initState(_ref) {
     labelStyle: computed(function () {
       return api.computedLabelStyle();
     }),
+    valueStyle: computed(function () {
+      return api.computedValueStyle();
+    }),
     contentStyle: computed(function () {
       return api.computedContentStyle();
     }),
@@ -79,6 +82,10 @@ var initApi = function initApi(_ref2) {
       props: props,
       state: state
     }),
+    computedValueStyle: computedValueStyle({
+      props: props,
+      state: state
+    }),
     computedContentStyle: computedContentStyle({
       props: props,
       state: state

package/fullscreen/index.js

@@ -21,42 +21,49 @@ export var request = function request(_ref2) {
     sf = _ref2.sf,
     api = _ref2.api;
   return function () {
-    if (state.isPageOnly) {
-      state.isFullscreen = true;
-      api.onChangeFullscreen();
-      off(document, 'keyup', api.keypressCallback);
-      on(document, 'keyup', api.keypressCallback);
-    } else {
-      sf.off('change', api.fullScreenCallback);
-      sf.on('change', api.fullScreenCallback);
-      sf.request(props.teleport ? document.body : vm.$el);
-    }
-    if (props.teleport) {
-      if (vm.$el.parentNode === document.body) {
-        return;
+    var change = function change() {
+      if (state.isPageOnly) {
+        state.isFullscreen = true;
+        api.onChangeFullscreen();
+        off(document, 'keyup', api.keypressCallback);
+        on(document, 'keyup', api.keypressCallback);
+      } else {
+        sf.off('change', api.fullScreenCallback);
+        sf.on('change', api.fullScreenCallback);
+        sf.request(props.teleport ? document.body : vm.$el);
       }
-      state.__parentNode = vm.$el.parentNode;
-      state.__token = document.createComment('fullscreen-token');
-      state.__parentNode.insertBefore(state.__token, vm.$el);
-      document.body.appendChild(vm.$el);
-    }
+      if (props.teleport) {
+        if (vm.$el.parentNode === document.body) {
+          return;
+        }
+        state.__parentNode = vm.$el.parentNode;
+        state.__token = document.createComment('fullscreen-token');
+        state.__parentNode.insertBefore(state.__token, vm.$el);
+        document.body.appendChild(vm.$el);
+      }
+    };
+    props.beforeChange ? props.beforeChange(change) : change();
   };
 };
 export var exit = function exit(_ref3) {
   var state = _ref3.state,
     api = _ref3.api,
-    sf = _ref3.sf;
+    sf = _ref3.sf,
+    props = _ref3.props;
   return function () {
-    if (!state.isFullscreen) {
-      return;
-    }
-    if (state.isPageOnly) {
-      state.isFullscreen = false;
-      api.onChangeFullscreen();
-      off(document, 'keyup', api.keypressCallback);
-    } else {
-      sf.exit();
-    }
+    var change = function change() {
+      if (!state.isFullscreen) {
+        return;
+      }
+      if (state.isPageOnly) {
+        state.isFullscreen = false;
+        api.onChangeFullscreen();
+        off(document, 'keyup', api.keypressCallback);
+      } else {
+        sf.exit();
+      }
+    };
+    props.beforeChange ? props.beforeChange(change) : change();
   };
 };
 export var shadeClick = function shadeClick(_ref4) {

package/fullscreen/vue.js

@@ -28,7 +28,8 @@ export var renderless = function renderless(props, _ref, _ref2) {
     exit: exit({
       state: state,
       api: api,
-      sf: sf
+      sf: sf,
+      props: props
     }),
     toggle: toggle({
       state: state,

package/index-bar/index.js

@@ -0,0 +1,76 @@
+export var switchIndex = function switchIndex(index, state, emit) {
+  if (index === state.index) {
+    return;
+  }
+  emit('select', index);
+  state.index = index;
+  if (index < state.childrenAnchor.length) {
+    var item = state.childrenAnchor[index];
+    document.documentElement.scrollTop = item.offsetTop;
+  }
+};
+export var handleTouchDown = function handleTouchDown(_ref) {
+  var state = _ref.state;
+  return function () {
+    state.isMouseDown = true;
+  };
+};
+export var handleTouchMove = function handleTouchMove(_ref2) {
+  var emit = _ref2.emit,
+    state = _ref2.state;
+  return function (e) {
+    console.log(e, state.isMouseDown);
+    if (state.isMouseDown && e.target.id) {
+      switchIndex(Number(e.target.id), state, emit);
+    }
+  };
+};
+export var handleTouchUp = function handleTouchUp(_ref3) {
+  var state = _ref3.state;
+  return function () {
+    state.isMouseDown = false;
+  };
+};
+export var handleIndexClick = function handleIndexClick(_ref4) {
+  var emit = _ref4.emit,
+    state = _ref4.state;
+  return function (value) {
+    switchIndex(value.index, state, emit);
+  };
+};
+export var updateAnchorChildren = function updateAnchorChildren(_ref5) {
+  var state = _ref5.state,
+    refs = _ref5.refs;
+  return function () {
+    var node = refs.indexBarContent;
+    if (node) {
+      state.childrenAnchor = [];
+      getAnchorChildren(node, state);
+    }
+  };
+};
+export var getAnchorChildren = function getAnchorChildren(node, state) {
+  node.childNodes.forEach(function (ele) {
+    if (ele.className === 'tiny-mobile-index-bar-anchor') {
+      state.childrenAnchor.push(ele);
+    } else {
+      getAnchorChildren(ele, state);
+    }
+  });
+};
+export var handleScroll = function handleScroll(_ref6) {
+  var state = _ref6.state;
+  return function () {
+    findTopAnchor(state);
+  };
+};
+export var findTopAnchor = function findTopAnchor(state) {
+  var scrollTop = document.documentElement.scrollTop;
+  for (var index = 0; index < state.childrenAnchor.length; index++) {
+    var item = state.childrenAnchor[index];
+    if (item.offsetTop + item.offsetHeight > scrollTop) {
+      state.index = index;
+      break;
+    }
+  }
+};

package/index-bar/vue.js

@@ -0,0 +1,87 @@
+import { handleScroll, updateAnchorChildren, handleTouchDown, handleTouchMove, handleTouchUp, handleIndexClick } from './index';
+export var api = ['state', 'handleIndexClick', 'handleScroll', 'updateAnchorChildren', 'handleTouchDown', 'handleTouchMove', 'handleTouchUp', 'handleIndexClick'];
+export var renderless = function renderless(props, _ref, _ref2) {
+  var computed = _ref.computed,
+    reactive = _ref.reactive,
+    onMounted = _ref.onMounted,
+    onUnmounted = _ref.onUnmounted,
+    onUpdated = _ref.onUpdated,
+    watch = _ref.watch;
+  var emit = _ref2.emit,
+    parent = _ref2.parent,
+    refs = _ref2.refs;
+  var state = reactive({
+    index: 0,
+    childrenAnchor: [],
+    isFistUpdate: true
+  });
+  var api = {
+    state: state,
+    isMouseDown: false,
+    handleScroll: handleScroll({
+      state: state
+    }),
+    updateAnchorChildren: updateAnchorChildren({
+      emit: emit,
+      parent: parent,
+      refs: refs,
+      state: state
+    }),
+    handleTouchDown: handleTouchDown({
+      state: state
+    }),
+    handleTouchMove: handleTouchMove({
+      emit: emit,
+      state: state
+    }),
+    handleTouchUp: handleTouchUp({
+      state: state
+    }),
+    handleIndexClick: handleIndexClick({
+      emit: emit,
+      parent: parent,
+      refs: refs,
+      state: state
+    })
+  };
+  Object.assign(api, {
+    state: state
+  });
+  onMounted(function (e) {
+    window.addEventListener('scroll', api.handleScroll);
+  });
+  onUnmounted(function () {
+    window.removeEventListener('scroll', api.handleScroll);
+  });
+  watch(function () {
+    return state.index;
+  }, function (value, oldValue) {
+    var isChange = value !== oldValue && value >= 0 && value < parent.indexList.length;
+    if (isChange) {
+      emit('change', value);
+    }
+  }, {
+    immediate: false
+  });
+  watch(function () {
+    return props.indexList;
+  }, function () {
+    api.updateAnchorChildren({
+      refs: refs,
+      state: state
+    });
+  }, {
+    immediate: false,
+    deep: true
+  });
+  onUpdated(function () {
+    if (state.isFistUpdate) {
+      state.isFistUpdate = false;
+      api.updateAnchorChildren({
+        refs: refs,
+        state: state
+      });
+    }
+  });
+  return api;
+};

package/index-bar-anchor/vue.js

@@ -0,0 +1,20 @@
+import './index';
+export var api = ['state'];
+export var renderless = function renderless(props, _ref, _ref2) {
+  var computed = _ref.computed,
+    reactive = _ref.reactive,
+    onMounted = _ref.onMounted,
+    onUpdated = _ref.onUpdated,
+    watch = _ref.watch;
+  var emit = _ref2.emit,
+    parent = _ref2.parent,
+    refs = _ref2.refs;
+  var state = reactive({});
+  var api = {
+    state: state
+  };
+  Object.assign(api, {
+    state: state
+  });
+  return api;
+};

package/ip-address/index.js

@@ -148,7 +148,9 @@ export var select = function select(_ref7) {
 };
 export var inputEvent = function inputEvent(_ref9) {
   var api = _ref9.api,
+    componentName = _ref9.componentName,
     emit = _ref9.emit,
+    eventName = _ref9.eventName,
     props = _ref9.props;
   return function (_ref10) {
     var item = _ref10.item,
@@ -166,6 +168,7 @@ export var inputEvent = function inputEvent(_ref9) {
     }
     value = api.getValue();
     emit('update:modelValue', value, index);
+    api.dispatch(componentName, eventName, [value]);
   };
 };
 export var change = function change(_ref11) {
@@ -192,7 +195,7 @@ export var blur = function blur(_ref12) {
       item.value = item.value.replace(/\D/g, '');
     }
     emit('blur', item.value, index);
-    api.dispatch(componentName, eventName);
+    api.dispatch(componentName, eventName, [item.value]);
   };
 };
 export var keyup = function keyup(_ref14) {
@@ -229,13 +232,12 @@ export var keyup = function keyup(_ref14) {
   };
 };
 var checkError1 = function checkError1(_ref16) {
-  var Tab = _ref16.Tab,
-    Space = _ref16.Space,
+  var Space = _ref16.Space,
     NumpadDecimal = _ref16.NumpadDecimal,
     NumpadComma = _ref16.NumpadComma,
     keyCode = _ref16.keyCode,
     value = _ref16.value;
-  return [Tab, Space, NumpadDecimal, NumpadComma].indexOf(keyCode) > -1 && value;
+  return [Space, NumpadDecimal, NumpadComma].indexOf(keyCode) > -1 && value;
 };
 var checkError2 = function checkError2(newValue) {
   return newValue && (isNaN(newValue) || newValue > IPTHRESHOLD.Max);
@@ -270,13 +272,11 @@ var isError = function isError(_ref20) {
     ctrlKey = _ref20.ctrlKey,
     keyCode = _ref20.keyCode,
     newValue = _ref20.newValue;
-  var Tab = KEY_CODE.Tab,
-    Space = KEY_CODE.Space,
+  var Space = KEY_CODE.Space,
     NumpadDecimal = KEY_CODE.NumpadDecimal,
     NumpadComma = KEY_CODE.NumpadComma,
     KeyV = KEY_CODE.KeyV;
   return checkError1({
-    Tab: Tab,
     Space: Space,
     NumpadDecimal: NumpadDecimal,
     NumpadComma: NumpadComma,

package/ip-address/vue.js

@@ -75,8 +75,7 @@ var initApi = function initApi(_ref2) {
     }),
     change: change({
       api: api,
-      emit: emit,
-      props: props
+      emit: emit
     }),
     keydown: keydown({
       api: api,
@@ -86,7 +85,9 @@ var initApi = function initApi(_ref2) {
     inputEvent: inputEvent({
       api: api,
       emit: emit,
-      props: props
+      props: props,
+      componentName: componentName,
+      eventName: eventName.change
     })
   }));
 };
@@ -147,10 +148,10 @@ export var renderless = function renderless(props, _ref4, _ref5) {
     broadcast = _ref5.broadcast,
     dispatch = _ref5.dispatch;
   var api = {};
-  var componentName = "".concat($prefix, "FormItem");
+  var componentName = "FormItem";
   var eventName = {
-    change: "".concat($prefix, ".form.change"),
-    blur: "".concat($prefix, ".form.blur")
+    change: "form.change",
+    blur: "form.blur"
   };
   parent.tinyForm = parent.tinyForm || inject('form', null);
   var handleValue = useHandleValue({