@opentiny/vue-renderless 3.6.2 → 3.6.6

package/action-sheet/index.js

@@ -17,6 +17,7 @@ const setSheetStyle = ({ state, props }) => () => {
       "max-height": props.height
     };
   }
+  state.contentStyle = props.contentStyle ? props.contentStyle : "";
 };
 const initScrollMenu = ({ state, nextTick, refs, BScroll }) => () => {
   nextTick(() => {
@@ -24,7 +25,7 @@ const initScrollMenu = ({ state, nextTick, refs, BScroll }) => () => {
     if (!state.scroll) {
       state.scroll = new BScroll(scrollMenu, {
         probeType: 3,
-        click: true
+        tap: "tap"
       });
     } else {
       state.scroll.refresh();

package/breadcrumb-item/vue.js

@@ -1,23 +1,14 @@
 import "../chunk-PKUHTIDK.js";
-import { on, off } from "@opentiny/vue-renderless/common/deps/dom";
 import { linkClick } from "./index";
 const api = ["linkClick"];
-const renderless = (props, { onMounted, onBeforeUnmount, inject }, { refs, router, emit }) => {
+const renderless = (props, { inject }, { refs, router, emit }) => {
   const breadcrumbEmitter = inject("breadcrumbEmitter");
   const breadcrumb = inject("breadcrumb");
   const constants = breadcrumb._constants;
   const api2 = {
     linkClick: linkClick({ props, refs, router, emit, breadcrumbEmitter, constants })
   };
-  onMounted(() => {
-    on(refs.link, "click", api2.linkClick);
-  });
-  onBeforeUnmount(() => {
-    off(refs.link, "click", api2.linkClick);
-  });
-  return {
-    api: api2
-  };
+  return api2;
 };
 export {
   api,

package/cascader-panel/node.js

@@ -24,7 +24,7 @@ class Node {
     const { config } = this;
     const childrenKey = config.children;
     const childrenData = this.data[childrenKey];
-    this.hasChildren = Array.isArray(childrenData);
+    this.hasChildren = Array.isArray(childrenData) && childrenData.length > 0;
     this.children = (childrenData || []).map((child) => new Node(child, config, this));
   }
   get isLeaf() {

package/common/deps/popper.js

@@ -93,36 +93,36 @@ const isScrollElement = (el) => {
   return scrollTypes.includes(getStyleComputedProperty(el, "overflow")) || scrollTypes.includes(getStyleComputedProperty(el, "overflow-x")) || scrollTypes.includes(getStyleComputedProperty(el, "overflow-y"));
 };
 const getScrollParent = (el) => {
-  let parent = el.parentNode;
-  if (!parent) {
+  let parent2 = el.parentNode;
+  if (!parent2) {
     return el;
   }
-  if (parent === win.document) {
+  if (parent2 === win.document) {
     if (win.document.body.scrollTop || win.document.body.scrollLeft) {
       return win.document.body;
     }
     return win.document.documentElement;
   }
-  if (isScrollElement(parent)) {
-    return parent;
+  if (isScrollElement(parent2)) {
+    return parent2;
   }
   return getScrollParent(el.parentNode);
 };
-const getOffsetRectRelativeToCustomParent = (el, parent, fixed) => {
+const getOffsetRectRelativeToCustomPopper = (el, popper, fixed) => {
   let { top, left, width, height } = getBoundingClientRect(el);
-  let parentRect = getBoundingClientRect(parent);
+  let popperRect = getBoundingClientRect(popper);
   if (fixed) {
     let { scrollTop, scrollLeft } = getScrollParent(parent);
-    parentRect.top += scrollTop;
-    parentRect.bottom += scrollTop;
-    parentRect.left += scrollLeft;
-    parentRect.right += scrollLeft;
+    popperRect.top += scrollTop;
+    popperRect.bottom += scrollTop;
+    popperRect.left += scrollLeft;
+    popperRect.right += scrollLeft;
   }
   let rect = {
-    top: top - parentRect.top,
-    left: left - parentRect.left,
-    bottom: top - parentRect.top + height,
-    right: left - parentRect.left + width,
+    top: top - popperRect.top,
+    left: left - popperRect.left,
+    bottom: top - popperRect.top + height,
+    right: left - popperRect.left + width,
     width,
     height
   };
@@ -180,10 +180,10 @@ const getArrayKeyIndex = (arr, keyToFind) => {
   return null;
 };
 const getAllScrollParents = (el, parents = []) => {
-  const parent = el.parentNode;
-  if (parent) {
-    isScrollElement(parent) && parents.push(parent);
-    return getAllScrollParents(parent, parents);
+  const parent2 = el.parentNode;
+  if (parent2) {
+    isScrollElement(parent2) && parents.push(parent2);
+    return getAllScrollParents(parent2, parents);
   }
   return parents;
 };
@@ -229,6 +229,7 @@ function Popper(reference, popper, options) {
 Popper.prototype.destroy = function() {
   this._popper.removeAttribute("x-placement");
   const popperStyle = this._reference === this._oldreference && this._oldreference._popper || {};
+  this._popper.style.display = "none";
   this._popper.style.position = "";
   this._popper.style.top = popperStyle.top || "";
   this._popper.style.left = popperStyle.left || "";
@@ -285,19 +286,19 @@ Popper.prototype.parse = function(config) {
     addAttributes(arrow, config.arrowAttributes);
     popper.appendChild(arrow);
   }
-  let parent = getRealElement(config.parent);
-  if (typeof parent === "string") {
-    parent = docEl.querySelectorAll(config.parent);
-    if (parent && parent.length) {
-      parent = parent[0];
+  let parent2 = getRealElement(config.parent);
+  if (typeof parent2 === "string") {
+    parent2 = docEl.querySelectorAll(config.parent);
+    if (parent2 && parent2.length) {
+      parent2 = parent2[0];
     } else {
       throw new Error("ERROR: the given `parent` does not exists!");
     }
   }
-  if (parent.length > 1 && parent instanceof Element === false) {
-    parent = parent[0];
+  if (parent2.length > 1 && parent2 instanceof Element === false) {
+    parent2 = parent2[0];
   }
-  parent.appendChild(popper);
+  parent2.appendChild(popper);
   return popper;
 };
 Popper.prototype._getPosition = function(popper, reference) {
@@ -310,10 +311,21 @@ Popper.prototype._getPosition = function(popper, reference) {
 };
 Popper.prototype._getOffsets = function(popper, reference, placement) {
   placement = placement.split("-")[0];
-  let popperOffsets = {};
+  let popperOffsets = {
+    position: this.state.position,
+    left: 0,
+    top: 0,
+    width: 0,
+    height: 0
+  };
   popperOffsets.position = this.state.position;
   let isParentFixed = popperOffsets.position === "fixed";
-  let referenceOffsets = getOffsetRectRelativeToCustomParent(reference, getOffsetParent(popper), isParentFixed);
+  popper.style.left = "0";
+  popper.style.top = "0";
+  const originMargin = popper.style.margin;
+  popper.style.margin = "0";
+  let referenceOffsets = getOffsetRectRelativeToCustomPopper(reference, popper, isParentFixed);
+  popper.style.margin = originMargin;
   let { width, height } = this.popperOuterSize ? this.popperOuterSize : this.popperOuterSize = getOuterSizes(popper);
   if (~["right", "left"].indexOf(placement)) {
     popperOffsets.top = referenceOffsets.top + referenceOffsets.height / 2 - height / 2;

package/common/index.js

@@ -251,7 +251,7 @@ const EDOC = {
   constants: 320,
   twenty: 20
 };
-const version = "3.6.2";
+const version = "3.6.6";
 const log = (data, type = "log") => {
   uLog.logger[type](data);
 };

package/common/runtime.js

@@ -22,7 +22,7 @@ import vuePopup from "@opentiny/vue-renderless/common/deps/vue-popup";
 import validate from "@opentiny/vue-renderless/common/validate";
 import memorize from "@opentiny/vue-renderless/common/deps/memorize";
 import * as common from "@opentiny/vue-renderless/common";
-const version = "3.6.2";
+const version = "3.6.6";
 const Renderless = {
   browser,
   array,

package/multi-select/index.js

@@ -163,10 +163,7 @@ const getLabelsStyle = (state) => {
   const over25Labels = state.labelLevelsInfo.filter((i) => i && !i.isOver25);
   let widthInfo = over25Labels;
   const len = state.dataSource.length;
-  if (len >= 4) {
-    return getStyleConfig(state.labelLevelsInfo, { width: `${(1 / len * 100).toFixed(2)}%` });
-  }
-  if (!widthInfo.length || widthInfo.length === state.labelLevelsInfo.length) {
+  if (!widthInfo.length || widthInfo.length === state.labelLevelsInfo.length || len >= 4) {
     return getStyleConfig(state.labelLevelsInfo, { maxWidth: `${(1 / len * 100).toFixed(2)}%` });
   }
   let fillArr;

package/multi-select/vue.js

@@ -18,7 +18,7 @@ const api = [
   "clickWheelItem",
   "loadDefault"
 ];
-const initState = (reactive) => {
+const initState = ({ computed, reactive }) => {
   const state = reactive({
     dataSource: [],
     wheelData: [],
@@ -30,7 +30,8 @@ const initState = (reactive) => {
     wheelText: "",
     headerInfo: [],
     defaultSelectedIndexs: [],
-    defaultSelectedArray: []
+    defaultSelectedArray: [],
+    isActive: computed(() => state.headerInfo.some((item) => item.isUP))
   });
   return state;
 };
@@ -60,9 +61,9 @@ const initWatch = ({ watch, props, state, refs, nextTick }) => {
     }
   );
 };
-const renderless = (props, { onMounted, reactive, watch }, { emit, nextTick, refs }) => {
+const renderless = (props, { computed, onMounted, reactive, watch }, { emit, nextTick, refs }) => {
   const api2 = {};
-  const state = initState(reactive);
+  const state = initState({ computed, reactive });
   initApi({ api: api2, props, state, emit, nextTick, refs });
   initWatch({ watch, props, state, refs, nextTick });
   onMounted(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.6.2",
+  "version": "3.6.6",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "homepage": "https://opentiny.design/tiny-vue",
   "keywords": [

package/pull-refresh/index.js

@@ -3,7 +3,6 @@ import {
 } from "../chunk-PKUHTIDK.js";
 import { on, off } from "@opentiny/vue-renderless/common/deps/dom";
 const initPullRefresh = ({ t, props, state }) => () => {
-  var _a, _b, _c;
   const defaultOption = {
     pullingUpText: t("ui.pullRefresh.pullingUp"),
     pullingDownText: t("ui.pullRefresh.pullingDown"),
@@ -18,16 +17,17 @@ const initPullRefresh = ({ t, props, state }) => () => {
     paddingTop: state.pullDown.headHeight + "px",
     paddingBottom: state.pullUp.footHeight + "px"
   };
-  state.loosingText = (_a = props.loosingText) != null ? _a : t("ui.pullRefresh.loosing");
-  state.successText = (_b = props.successText) != null ? _b : t("ui.pullRefresh.success");
-  state.failedText = (_c = props.failedText) != null ? _c : t("ui.pullRefresh.failed");
 };
 const onTouchstart = (state) => (event) => {
   state.draggposition = event.touches[0].clientY;
 };
-const onTouchmove = ({ props, state }) => (event) => {
+const onTouchmove = ({ props, state, refs }) => (event) => {
   if (event.touches[0].clientY < state.draggposition) {
-    if (!state.pullUp.pullUpDisabled) {
+    const scrollBottom = refs.content.scrollHeight - refs.content.clientHeight - refs.content.scrollTop;
+    if (scrollBottom > 10) {
+      return;
+    }
+    if (!state.pullUp.pullUpDisabled && state.pullUp.handler) {
       if (props.hasMore) {
         state.translate3d = (event.touches[0].clientY - state.draggposition) / 2;
         state.pullUpReplaces = Math.abs(state.translate3d) > state.pullUp.footHeight ? state.loosingText : state.pullUp.pullingUpText;
@@ -35,7 +35,10 @@ const onTouchmove = ({ props, state }) => (event) => {
       }
     }
   } else {
-    if (!state.pullDown.pullDownDisabled) {
+    if (refs.content.scrollTop > 10) {
+      return;
+    }
+    if (!state.pullDown.pullDownDisabled && state.pullDown.handler) {
       state.translate3d = (event.touches[0].clientY - state.draggposition) / 2;
       state.pullDownReplaces = Math.abs(state.translate3d) > state.pullDown.headHeight ? state.loosingText : state.pullDown.pullingDownText;
       state.pullUpReplaces = "";

package/pull-refresh/vue.js

@@ -1,7 +1,7 @@
 import "../chunk-PKUHTIDK.js";
 import { mountedHandler, beforeUnmountHandler, handlerModelValue, onTouchstart, onTouchmove, onTouchend, initPullRefresh, clearPullRefresh } from "./index";
 const api = ["state"];
-const renderless = (props, { watch, onMounted, reactive, onBeforeUnmount }, { t, refs }) => {
+const renderless = (props, { watch, onMounted, computed, reactive, onBeforeUnmount }, { t, refs }) => {
   const api2 = {};
   const state = reactive({
     pullUpReplaces: "",
@@ -11,10 +11,10 @@ const renderless = (props, { watch, onMounted, reactive, onBeforeUnmount }, { t,
     draggposition: 0,
     pullUpLoading: false,
     pullDownLoading: false,
-    loosingText: "",
-    successText: "",
-    failedText: "",
-    noMoreText: "",
+    loosingText: computed(() => props.loosingText || t("ui.pullRefresh.loosing")),
+    successText: computed(() => props.successText || t("ui.pullRefresh.success")),
+    failedText: computed(() => props.failedText || t("ui.pullRefresh.failed")),
+    noMoreText: computed(() => !props.hasMore ? t("ui.pullRefresh.noMore") : ""),
     pullUp: null,
     pullDown: null,
     successDuration: props.successDuration,
@@ -23,7 +23,7 @@ const renderless = (props, { watch, onMounted, reactive, onBeforeUnmount }, { t,
   Object.assign(api2, {
     state,
     onTouchstart: onTouchstart(state),
-    onTouchmove: onTouchmove({ props, state }),
+    onTouchmove: onTouchmove({ props, state, refs }),
     onTouchend: onTouchend({ api: api2, props, state }),
     mountedHandler: mountedHandler({ api: api2, refs }),
     beforeUnmountHandler: beforeUnmountHandler({ api: api2, refs }),
@@ -35,7 +35,7 @@ const renderless = (props, { watch, onMounted, reactive, onBeforeUnmount }, { t,
     () => props.hasMore,
     (value) => {
       if (!value) {
-        state.noMoreText = t("ui.pullRefresh.noMore");
+        state.pullUpLoading = false;
         api2.clearPullRefresh();
       }
     }

package/slider/index.js

@@ -152,10 +152,17 @@ const calcCurrentValue = ({ currentValue, props, state }) => {
     currentValue = props.max;
   } else {
     const step = props.step > 0 ? props.step : 1;
+    let stepPrecision = 0;
+    if (step - parseInt(step) > 0) {
+      stepPrecision = step.toString().split(".")[1].length;
+    }
     const stepValue = (currentValue - props.min) % step;
-    if (stepValue > props.step / 10) {
+    if (stepValue) {
       currentValue -= stepValue;
       currentValue += stepValue * 2 > step ? Number(step) : 0;
+      if (stepPrecision) {
+        currentValue = currentValue.toFixed(stepPrecision);
+      }
     }
     if (state.isDouble) {
       if (state.activeIndex === 0 && currentValue >= state.rightBtnValue) {

package/tabs/index.js

@@ -60,6 +60,7 @@ const handleTabClick = ({ api, emit, props, refs }) => (pane, tabName, event) =>
   if (pane.disabled) {
     return;
   }
+  event.stopPropagation();
   api.setCurrentName(tabName);
   emit("click", pane, event);
   if (props.showExpandTabs) {

package/tooltip/vue.js

@@ -24,7 +24,6 @@ const api = [
   "show",
   "doDestroy",
   "handleFocus",
-  "setExpectedState",
   "debounceClose",
   "handleShowPopper",
   "handleClosePopper",
@@ -56,7 +55,7 @@ const renderless = (props, { watch, toRefs, reactive, onBeforeUnmount, onDeactiv
     show: show({ api: api2, state, props }),
     hide: hide(api2),
     destroyed: destroyed({ state, api: api2 }),
-    bindPopper: bindPopper({ vm, refs, state, nextTick }),
+    bindPopper: bindPopper({ vm, refs, nextTick }),
     watchFocusing: watchFocusing(state),
     removeFocusing: removeFocusing(state),
     handleBlur: handleBlur({ api: api2, state }),