@opentiny/vue-renderless 3.6.2 → 3.6.7

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

@@ -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 || "";

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.7",
   "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 }),