@opentiny/vue-renderless 3.6.1 → 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/calendar/index.js

@@ -2,7 +2,7 @@ import "../chunk-PKUHTIDK.js";
 import { isLeapYear } from "@opentiny/vue-renderless/common/date";
 import { copyArray } from "@opentiny/vue-renderless/common/object";
 const getDays = (year, month) => [31, isLeapYear(year) ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month - 1];
-const getWeek = (year, month, day) => new Date(`${year}/${month}/${day}`).getDay();
+const getWeek = (year, month, day) => (/* @__PURE__ */ new Date(`${year}/${month}/${day}`)).getDay();
 const lastMonth = (year, month) => {
   year = Number(year);
   month = Number(month);
@@ -133,7 +133,7 @@ const selectDay = (state) => (day) => {
       state.activeYear = year;
     }
     state.selectedTip = `You selected date: ${state.activeYear}-${state.activeMonth}-${day.value}`;
-    state.selectedDate = Number(new Date(`${state.activeYear}/${state.activeMonth}/${day.value}`));
+    state.selectedDate = Number(/* @__PURE__ */ new Date(`${state.activeYear}/${state.activeMonth}/${day.value}`));
   }
 };
 const getEventByDay = (state) => (day) => {
@@ -162,9 +162,9 @@ const getEventByMonth = ({ props, state }) => (month) => {
   }
   return events;
 };
-const getTime = (state) => (day) => Number(new Date(`${state.activeYear}/${state.activeMonth}/${day}`));
+const getTime = (state) => (day) => Number(/* @__PURE__ */ new Date(`${state.activeYear}/${state.activeMonth}/${day}`));
 const getYearList = () => () => {
-  const date = new Date();
+  const date = /* @__PURE__ */ new Date();
   const year = date.getFullYear();
   const yesrs = [];
   for (let i = year - 10; i < year + 10; i++) {
@@ -173,7 +173,7 @@ const getYearList = () => () => {
   return yesrs;
 };
 const isToday = (state) => (day) => {
-  const date = new Date();
+  const date = /* @__PURE__ */ new Date();
   let year = Number(state.activeYear);
   let month = Number(state.activeMonth);
   if (day.isLast) {
@@ -189,7 +189,7 @@ const isToday = (state) => (day) => {
   return date.getDate() === day.value && date.getFullYear() === year && date.getMonth() + 1 === month;
 };
 const isThisMonth = (state) => (month) => {
-  const date = new Date();
+  const date = /* @__PURE__ */ new Date();
   const year = Number(state.activeYear);
   return date.getMonth() + 1 === month && date.getFullYear() === year;
 };
@@ -205,19 +205,19 @@ const genMonths = () => {
   return result;
 };
 const toToday = (state) => () => {
-  const year = new Date().getFullYear();
-  const month = new Date().getMonth() + 1;
-  const day = new Date().getDate();
+  const year = (/* @__PURE__ */ new Date()).getFullYear();
+  const month = (/* @__PURE__ */ new Date()).getMonth() + 1;
+  const day = (/* @__PURE__ */ new Date()).getDate();
   state.activeMonth = month;
   state.activeYear = year;
   state.selectedTip = `You selected date: ${year}-${month}-${day}`;
-  state.selectedDate = Number(new Date(`${year}/${month}/${day}`));
+  state.selectedDate = Number(/* @__PURE__ */ new Date(`${year}/${month}/${day}`));
 };
 const getCurrentDate = () => {
-  const day = new Date().getDate();
-  const month = new Date().getMonth() + 1;
-  const year = new Date().getFullYear();
-  return Number(new Date(`${year}/${month}/${day}`));
+  const day = (/* @__PURE__ */ new Date()).getDate();
+  const month = (/* @__PURE__ */ new Date()).getMonth() + 1;
+  const year = (/* @__PURE__ */ new Date()).getFullYear();
+  return Number(/* @__PURE__ */ new Date(`${year}/${month}/${day}`));
 };
 export {
   computedCalendar,

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/chart-boxplot/index.js

@@ -77,6 +77,7 @@ const getTooltip = (args) => {
   const { tooltipFormatter, tooltipLabel } = args;
   return {
     trigger: "item",
+    // axis item
     formatter(items) {
       if (tooltipFormatter) {
         return tooltipFormatter.apply(null, arguments);

package/chart-line/index.js

@@ -160,7 +160,7 @@ const line = (columns, rows, settings, extra) => {
   Object.assign(seriesParam, { label, labelMap, metrics, nullAddZero, rows, xAxisType, stack, color, smooth });
   const series = getLineSeries(seriesParam);
   let options = { legend, xAxis, series, yAxis, tooltip };
-  return options;
+  return __spreadValues(__spreadValues({}, options), settings);
 };
 export {
   line

package/common/bigInt.js

@@ -42,7 +42,12 @@ function validateNumber(num) {
   if (!num) {
     return false;
   }
-  return /^\s*-?\d+(\.\d+)?\s*$/.test(num) || /^\s*-?\d+\.\s*$/.test(num) || /^\s*-?\.\d+\s*$/.test(num);
+  return (
+    // Normal type: 11.28
+    /^\s*-?\d+(\.\d+)?\s*$/.test(num) || // Pre-number: 1.
+    /^\s*-?\d+\.\s*$/.test(num) || // Post-number: .1
+    /^\s*-?\.\d+\s*$/.test(num)
+  );
 }
 function getNumberPrecision(number) {
   let numStr = String(number);
@@ -132,6 +137,10 @@ class BigIntDecimal {
   getMark() {
     return this.negative ? "-" : "";
   }
+  /**
+   * Align BigIntDecimal with same decimal length. e.g. 12.3 + 5 = 1230000
+   * This is used for add function only.
+   */
   alignDecimal(decimalLength) {
     const string = `${this.getMark()}${this.getIntegerStr()}${this.getDecimalStr().padEnd(decimalLength, "0")}`;
     return BigInt(string);

package/common/date.js

@@ -314,7 +314,7 @@ const toDateStr = (date, dateFormat, timezone) => {
 };
 const getWeekOfFirstDay = (date, isSunFirst) => {
   typeof date === "boolean" && (isSunFirst = date);
-  isDate(date) || (date = new Date());
+  isDate(date) || (date = /* @__PURE__ */ new Date());
   const day = date.getDay();
   let dayOfMonth = date.getDate();
   if (day === 0) {
@@ -325,7 +325,7 @@ const getWeekOfFirstDay = (date, isSunFirst) => {
   return new Date(date.getFullYear(), date.getMonth(), dayOfMonth);
 };
 const TZRE = /(-|\+)(\d{2}):?(\d{2})$/;
-const getLocalTimezone = () => 0 - new Date().getTimezoneOffset() / 60;
+const getLocalTimezone = () => 0 - (/* @__PURE__ */ new Date()).getTimezoneOffset() / 60;
 const getStrTimezone = (value) => {
   const localTimeZone = getLocalTimezone();
   const match = typeof value === "string" && value.match(TZRE);

package/common/deps/date.js

@@ -109,7 +109,7 @@ const parseFlags = {
   yy: [
     twoDigits,
     (date, value) => {
-      const now = new Date();
+      const now = /* @__PURE__ */ new Date();
       const cent = Number(String(now.getFullYear()).substr(0, 2));
       date.year = String(value > 68 ? cent - 1 : cent) + value;
     }
@@ -225,7 +225,7 @@ const getNewFormat = (format, parseInfo) => {
 };
 const getDate = (dateInfo) => {
   let date;
-  const today = new Date();
+  const today = /* @__PURE__ */ new Date();
   if (!isNull(dateInfo.timezoneOffset)) {
     dateInfo.minute = Number(dateInfo.minute || 0) - Number(dateInfo.timezoneOffset);
     const { year, month, day, hour, minute, second, millisecond } = dateInfo;

package/common/deps/memorize.js

@@ -24,7 +24,7 @@ class Memorize {
     this.assemble(value);
   }
   setKey(storeKey) {
-    this._storeKey = this._prefix + (storeKey || Number(new Date()));
+    this._storeKey = this._prefix + (storeKey || Number(/* @__PURE__ */ new Date()));
   }
   getValue(isSort = true) {
     const storeVlue = window.localStorage[this._storeKey] || "";
@@ -54,7 +54,7 @@ class Memorize {
       key: dataKey
     };
     newData[this._customField1] = 1;
-    newData[this._customField2] = Number(new Date());
+    newData[this._customField2] = Number(/* @__PURE__ */ new Date());
     if (list.length < this._cacheNum) {
       list.push(newData);
       this.setValue(list);
@@ -66,7 +66,7 @@ class Memorize {
     list.some((item) => {
       if (item.key === dataKey) {
         item[this._customField1] = (item[this._customField1] || 0) + 1;
-        item[this._customField2] = Number(new Date());
+        item[this._customField2] = Number(/* @__PURE__ */ new Date());
         isChanged = true;
         return true;
       }

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/deps/popup-manager.js

@@ -22,6 +22,7 @@ const PopupManager = {
   step: 2,
   zIndex: 2e3,
   globalScroll: false,
+  // 是否打开全局滚动监听
   modalFade: true,
   modalStack: [],
   deregister: (id) => {

package/common/deps/requestAnimationFrame.js

@@ -7,7 +7,7 @@
   }
   if (!window.requestAnimationFrame) {
     window.requestAnimationFrame = function(callback) {
-      const now = new Date().getTime();
+      const now = (/* @__PURE__ */ new Date()).getTime();
       const timeToCall = Math.max(0, 16 - (now - lastTime));
       const timeCallback = now + timeToCall;
       const id = window.setTimeout(() => {

package/common/deps/throttle.js

@@ -9,10 +9,10 @@ function throttle_default(delay, noTrailing, callback, debounceMode) {
   }
   function wrapper() {
     const me = this;
-    const elapsed = new Date().valueOf() - lastExec;
+    const elapsed = (/* @__PURE__ */ new Date()).valueOf() - lastExec;
     const args = arguments;
     function exec() {
-      lastExec = new Date().valueOf();
+      lastExec = (/* @__PURE__ */ new Date()).valueOf();
       callback.apply(me, args);
     }
     function clear() {

package/common/index.js

@@ -251,7 +251,7 @@ const EDOC = {
   constants: 320,
   twenty: 20
 };
-const version = "3.6.1";
+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.1";
+const version = "3.6.6";
 const Renderless = {
   browser,
   array,

package/credit-card-form/vue.js

@@ -39,14 +39,14 @@ const initState = ({ reactive, props, computed }) => {
       cardMonth: "v-card-month",
       cardNumber: "v-card-number"
     },
-    minCardYear: new Date().getFullYear(),
+    minCardYear: (/* @__PURE__ */ new Date()).getFullYear(),
     isCardNumberMasked: true,
     mainCardNumber: props.formData.cardNumber,
     cardNumberMaxLength: 19,
     cardMonth: props.formData.cardMonth,
     cardYear: props.formData.cardYear,
     formData: props.formData,
-    minCardMonth: computed(() => props.formData.cardYear === state.minCardYear ? new Date().getMonth() + 1 : 1)
+    minCardMonth: computed(() => props.formData.cardYear === state.minCardYear ? (/* @__PURE__ */ new Date()).getMonth() + 1 : 1)
   });
   return state;
 };

package/date-panel/index.js

@@ -48,7 +48,7 @@ const watchValue = ({ api, state }) => (value) => {
 };
 const watchDefaultValue = ({ state }) => (value) => {
   if (!isDate(state.value)) {
-    state.date = value ? new Date(value) : new Date();
+    state.date = value ? new Date(value) : /* @__PURE__ */ new Date();
   }
 };
 const watchTimePickerVisible = ({ nextTick, vm }) => (value) => {
@@ -202,7 +202,7 @@ const dateToLocaleStringForIE = (timezone, value) => {
   return new Date(offsetTime);
 };
 const changeToNow = ({ api, state }) => () => {
-  const now = new Date();
+  const now = /* @__PURE__ */ new Date();
   const timezone = state.timezone;
   const isServiceTimezone = timezone.isServiceTimezone;
   let disabledDate = !state.disabledDate;
@@ -322,7 +322,7 @@ const handleVisibleDateChange = ({ api, state, t }) => (value) => {
   }
 };
 const isValidValue = ({ api, state }) => (value) => value && !isNaN(value) && (typeof state.disabledDate === "function" ? !state.disabledDate(value) : true) && api.checkDateWithinRange(value);
-const getDefaultValue = (state) => () => state.defaultValue ? new Date(state.defaultValue) : new Date();
+const getDefaultValue = (state) => () => state.defaultValue ? new Date(state.defaultValue) : /* @__PURE__ */ new Date();
 const checkDateWithinRange = ({ state }) => (date) => state.selectableRange.length > 0 ? timeWithinRange(date, state.selectableRange, state.format || "HH:mm:ss") : true;
 const selectTz = ({ emit, state }) => (tz) => {
   if (state.timezone.isServiceTimezone) {

package/date-panel/vue.js

@@ -75,7 +75,7 @@ const api = [
 const initState = ({ reactive, computed, api: api2, i18n }) => {
   const state = reactive({
     popperClass: "",
-    date: new Date(),
+    date: /* @__PURE__ */ new Date(),
     value: "",
     defaultValue: null,
     defaultTime: null,

package/date-range/index.js

@@ -18,7 +18,7 @@ const calcDefaultValue = (defaultValue) => {
   } else if (defaultValue) {
     return [new Date(defaultValue), nextDate(new Date(defaultValue), 1)];
   }
-  return [new Date(), nextDate(new Date(), 1)];
+  return [/* @__PURE__ */ new Date(), nextDate(/* @__PURE__ */ new Date(), 1)];
 };
 const getMinVisibleDate = ({ state, t }) => () => {
   if (state.dateUserInput.min !== null) {
@@ -154,13 +154,13 @@ const handleDateInput = ({ state, t }) => (value, type) => {
       return;
     }
     if (type === "min") {
-      state.minDate = modifyDate(state.minDate || new Date(), parsedValue.getFullYear(), parsedValue.getMonth(), parsedValue.getDate());
+      state.minDate = modifyDate(state.minDate || /* @__PURE__ */ new Date(), parsedValue.getFullYear(), parsedValue.getMonth(), parsedValue.getDate());
       state.leftDate = new Date(parsedValue);
       if (!state.unlinkPanels) {
         state.rightDate = nextMonth(state.leftDate);
       }
     } else {
-      state.maxDate = modifyDate(state.maxDate || new Date(), parsedValue.getFullYear(), parsedValue.getMonth(), parsedValue.getDate());
+      state.maxDate = modifyDate(state.maxDate || /* @__PURE__ */ new Date(), parsedValue.getFullYear(), parsedValue.getMonth(), parsedValue.getDate());
       state.rightDate = new Date(parsedValue);
       if (!state.unlinkPanels) {
         state.leftDate = prevMonth(parsedValue);
@@ -172,12 +172,12 @@ const handleDateChange = ({ state, t }) => (value, type) => {
   const parsedValue = parseDate(value, state.dateFormat, t);
   if (parsedValue) {
     if (type === "min") {
-      state.minDate = modifyDate(state.minDate || new Date(), parsedValue.getFullYear(), parsedValue.getMonth(), parsedValue.getDate());
+      state.minDate = modifyDate(state.minDate || /* @__PURE__ */ new Date(), parsedValue.getFullYear(), parsedValue.getMonth(), parsedValue.getDate());
       if (state.minDate > state.maxDate) {
         state.maxDate = state.minDate;
       }
     } else {
-      state.maxDate = modifyDate(state.maxDate || new Date(), parsedValue.getFullYear(), parsedValue.getMonth(), parsedValue.getDate());
+      state.maxDate = modifyDate(state.maxDate || /* @__PURE__ */ new Date(), parsedValue.getFullYear(), parsedValue.getMonth(), parsedValue.getDate());
       if (state.maxDate < state.minDate) {
         state.minDate = state.maxDate;
       }
@@ -251,7 +251,7 @@ const doPick = (emit) => (start, end) => {
   emit("pick", [start, end], false);
 };
 const handleMinTimePick = ({ state }) => (value, visible, first) => {
-  state.minDate = state.minDate || new Date();
+  state.minDate = state.minDate || /* @__PURE__ */ new Date();
   if (value) {
     state.minDate = modifyTime(state.minDate, value.getHours(), value.getMinutes(), value.getSeconds());
   }

package/date-range/vue.js

@@ -74,8 +74,8 @@ const initState = ({ reactive, computed, api: api2 }) => {
     defaultTime: null,
     minDate: "",
     maxDate: "",
-    leftDate: new Date(),
-    rightDate: nextMonth(new Date()),
+    leftDate: /* @__PURE__ */ new Date(),
+    rightDate: nextMonth(/* @__PURE__ */ new Date()),
     rangeState: { endDate: null, selecting: false, row: null, column: null },
     showTime: false,
     format: "",

package/date-table/index.js

@@ -50,7 +50,7 @@ const getSelected = ({ props, cell, format, t, cellDate, selectedDate }) => {
   return selected;
 };
 const getCell = ({ state, props }) => (row, i, j) => {
-  const now = getDateTimestamp(new Date());
+  const now = getDateTimestamp(/* @__PURE__ */ new Date());
   let cell = row[props.showWeekNumber ? j + 1 : j];
   if (!cell) {
     cell = {

package/file-upload/vue.js

@@ -80,6 +80,7 @@ const initState = ({ api: api2, reactive, computed, inject, ref, vm, props, http
     form: inject("form", ref({ default: "" })),
     listeners: vm.$listeners,
     docSize: 0,
+    // unit(B)
     chunkSize: 0,
     chunkBatchLimit: 20,
     downloadChunkLimit: 5,

package/form-item/vue.js

@@ -50,6 +50,7 @@ const initState = ({ reactive, computed, api: api2, mode, inject, props }) => {
     computedLabelWidth: "",
     initialValue: null,
     canShowTip: false,
+    // 兼容 2.0 validation 的 required
     validationRequired: false,
     tooltip: null,
     formInstance: inject("form", null),

package/fullscreen/vue.js

@@ -8,6 +8,7 @@ const renderless = (props, { reactive, computed, watch }, { vm, emit }) => {
     isFullscreen: false,
     isEnabled: false,
     support: computed(() => state.isEnabled),
+    // 如果不支持浏览器全屏，改用网页全屏
     isPageOnly: computed(() => props.pageOnly || !sf.isEnabled),
     wrapperStyle: computed(() => api2.computeWrapperStyle())
   });

package/grid/plugins/exportExcel.js

@@ -47,8 +47,11 @@ function funcFromCodePoint() {
 const defaultOptions = {
   plugins: {
     XLSX: null,
+    // xlsx 插件
     XLSXX: null,
+    // xlsx-style 插件
     FileSaver: null
+    // FileSaver 插件
   },
   table: {
     sheetName: "tiny-sheet",

package/grid/static/base/helperGetHGSKeys.js

@@ -1,5 +1,8 @@
 import "../../../chunk-PKUHTIDK.js";
-const helperGetHGSKeys = (property) => property ? property.splice && property.join ? property : String(property).split(".") : [];
+const helperGetHGSKeys = (property) => (
+  // 以最快的方式判断数组，可忽略准确性
+  property ? property.splice && property.join ? property : String(property).split(".") : []
+);
 var helperGetHGSKeys_default = helperGetHGSKeys;
 export {
   helperGetHGSKeys_default as default

package/ip-address/index.js

@@ -115,7 +115,7 @@ const keyup = ({ api, props }) => ({ item, index, event }) => {
       item.value = item.value.replace(/\D/g, "");
       return false;
     }
-    if ([KEY_CODE.Tab, KEY_CODE.Space, KEY_CODE.NumpadDecimal, KEY_CODE.NumpadComma].includes(keyCode) && value) {
+    if ([KEY_CODE.Space, KEY_CODE.NumpadDecimal, KEY_CODE.NumpadComma].includes(keyCode) && value) {
       api.select({ index: nextIndex });
       return false;
     }

package/locales/index.js

@@ -17,7 +17,7 @@ const switchLanguage = ({ api, state, service }) => (lang) => {
   const domain = service.getDomain();
   const hasMultiLocale = state.locales.length === 2;
   state.current = hasMultiLocale ? state.current = locales.indexOf(current) === 0 ? locales[1] : locales[0] : lang;
-  const expires = new Date(new Date().getTime() + 36e5).toGMTString();
+  const expires = new Date((/* @__PURE__ */ new Date()).getTime() + 36e5).toGMTString();
   const currLang = state.current.substring(0, 2) === "zh" ? "zh" : "en";
   document.cookie = `lang=${currLang};expires=${expires};domain=${domain};path=/`;
   api.setText();

package/month-range/index.js

@@ -6,7 +6,7 @@ const calcDefaultValue = (defaultValue) => {
   } else if (defaultValue) {
     return [new Date(defaultValue), nextMonth(new Date(defaultValue))];
   }
-  return [new Date(), nextMonth(new Date())];
+  return [/* @__PURE__ */ new Date(), nextMonth(/* @__PURE__ */ new Date())];
 };
 const watchValue = ({ state }) => (value) => {
   if (!value) {

package/month-range/vue.js

@@ -25,8 +25,8 @@ const initState = ({ reactive, computed, api: api2, t }) => {
     defaultTime: null,
     minDate: "",
     maxDate: "",
-    leftDate: new Date(),
-    rightDate: nextYear(new Date()),
+    leftDate: /* @__PURE__ */ new Date(),
+    rightDate: nextYear(/* @__PURE__ */ new Date()),
     rangeState: { endDate: null, selecting: false, row: null, column: null },
     shortcuts: "",
     visible: "",

package/month-table/index.js

@@ -22,7 +22,7 @@ const getRows = ({ props, state, vm }) => () => {
   const tableRows = state.tableRows;
   const disabledDate = state.disabledDate;
   const selectedDate = [];
-  const now = getMonthTimestamp(new Date());
+  const now = getMonthTimestamp(/* @__PURE__ */ new Date());
   const { date, minDate, maxDate } = props;
   for (let i = 0; i < 3; i++) {
     const row = tableRows[i];
@@ -152,7 +152,7 @@ const cellMatchesDate = (props) => (cell, date) => {
 const getCellStyle = ({ api, props }) => (cell) => {
   const style = {};
   const year = props.date.getFullYear();
-  const today = new Date();
+  const today = /* @__PURE__ */ new Date();
   const month = cell.text;
   const defaultValue = props.defaultValue ? Array.isArray(props.defaultValue) ? props.defaultValue : [props.defaultValue] : [];
   style.disabled = typeof props.disabledDate === "function" ? datesInMonth(year, month).every(props.disabledDate) : false;

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.1",
+  "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/picker/index.js

@@ -366,7 +366,7 @@ const handleStartChange = ({ api, state }) => () => {
       state.userInput = [api.formatToString(value), state.displayValue[1]];
       newValue = [value, state.picker.state.value && state.picker.state.value[1]];
     } else {
-      let now = new Date();
+      let now = /* @__PURE__ */ new Date();
       if (now.getTime() < value.getTime()) {
         state.userInput = [api.formatToString(value), api.formatToString(value)];
         newValue = [value, value];
@@ -390,7 +390,7 @@ const handleEndChange = ({ api, state }) => () => {
       state.userInput = [state.displayValue[0], api.formatToString(value)];
       newValue = [state.picker.state.value && state.picker.state.value[0], value];
     } else {
-      let now = new Date();
+      let now = /* @__PURE__ */ new Date();
       if (now.getTime() < value.getTime()) {
         state.userInput = [api.formatToString(now), api.formatToString(value)];
         newValue = [now, value];

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/select/vue.js

@@ -187,6 +187,7 @@ const initState = ({ reactive, computed, props, api: api2, emitter, parent, cons
     visible: false,
     showCopy: computed(() => props.multiple && props.copyable && state.inputHovering && state.selected.length),
     showWarper: true,
+    // 显示下拉外层控制
     selected: props.multiple ? [] : {},
     softFocus: false,
     hover: false,

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) {
@@ -259,11 +266,11 @@ const autoSlider = (api) => (value) => {
 };
 const customBeforeAppearHook = (props) => (el) => {
   if (props.vertical) {
-    el.style.bottom = 0 + "%";
-    el.style.height = 0 + "%";
+    el.style.bottom = "0%";
+    el.style.height = "0%";
   } else {
-    el.style.left = 0 + "%";
-    el.style.width = 0 + "%";
+    el.style.left = "0%";
+    el.style.width = "0%";
   }
 };
 const customAfterAppearHook = ({ state, props }) => (el) => {

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/time/index.js

@@ -5,7 +5,7 @@ const watchValue = ({ api, nextTick, state }) => (value) => {
   if (value instanceof Date) {
     date = limitTimeRange(value, state.selectableRange, state.format);
   } else if (!value) {
-    date = state.defaultValue ? new Date(state.defaultValue) : new Date();
+    date = state.defaultValue ? new Date(state.defaultValue) : /* @__PURE__ */ new Date();
   }
   state.date = date;
   if (state.visible && state.needInitAdjust) {

package/time/vue.js

@@ -20,8 +20,8 @@ const initState = ({ reactive, props, computed, api: api2 }) => {
     format: "HH:mm:ss",
     value: "",
     defaultValue: null,
-    date: props.value || new Date(),
-    oldValue: new Date(),
+    date: props.value || /* @__PURE__ */ new Date(),
+    oldValue: /* @__PURE__ */ new Date(),
     selectableRange: [],
     selectionRange: [0, 2],
     disabled: false,
@@ -67,7 +67,7 @@ const renderless = (props, { computed, onMounted, reactive, watch, nextTick }, {
   );
   watch(
     () => state.defaultValue,
-    (value) => !isDate(state.value) && (state.date = value ? new Date(value) : new Date())
+    (value) => !isDate(state.value) && (state.date = value ? new Date(value) : /* @__PURE__ */ new Date())
   );
   onMounted(() => {
     api2.handleConfirm(true, true);

package/time-range/index.js

@@ -17,12 +17,12 @@ const watchValue = ({ api, state }) => (value) => {
     if (value[0]) {
       state.minDate = new Date(value[0]);
     } else {
-      state.minDate = value[1] ? new Date(api.minTimeOfDay(new Date(value[1])).getTime()) : new Date();
+      state.minDate = value[1] ? new Date(api.minTimeOfDay(new Date(value[1])).getTime()) : /* @__PURE__ */ new Date();
     }
     if (value[1]) {
       state.maxDate = new Date(value[1]);
     } else {
-      state.maxDate = value[0] ? api.advanceTime(new Date(value[0]), 60 * 60 * 1e3) : api.advanceTime(new Date(), 60 * 60 * 1e3);
+      state.maxDate = value[0] ? api.advanceTime(new Date(value[0]), 60 * 60 * 1e3) : api.advanceTime(/* @__PURE__ */ new Date(), 60 * 60 * 1e3);
     }
   } else {
     if (Array.isArray(state.defaultValue)) {
@@ -32,8 +32,8 @@ const watchValue = ({ api, state }) => (value) => {
       state.minDate = new Date(state.defaultValue);
       state.maxDate = api.advanceTime(new Date(state.defaultValue), 60 * 60 * 1e3);
     } else {
-      state.minDate = new Date();
-      state.maxDate = api.advanceTime(new Date(), 60 * 60 * 1e3);
+      state.minDate = /* @__PURE__ */ new Date();
+      state.maxDate = api.advanceTime(/* @__PURE__ */ new Date(), 60 * 60 * 1e3);
     }
   }
 };

package/time-range/vue.js

@@ -27,11 +27,11 @@ const initState = ({ reactive, computed, refs, api: api2 }) => {
     format: "HH:mm:ss",
     visible: false,
     value: [],
-    oldValue: [new Date(), new Date()],
+    oldValue: [/* @__PURE__ */ new Date(), /* @__PURE__ */ new Date()],
     selectionRange: [0, 2],
     arrowControl: false,
-    maxDate: new Date(),
-    minDate: new Date(),
+    maxDate: /* @__PURE__ */ new Date(),
+    minDate: /* @__PURE__ */ new Date(),
     showSeconds: computed(() => (state.format || "").includes("ss")),
     offset: computed(() => state.showSeconds ? 11 : 8),
     spinner: computed(() => state.selectionRange[0] < state.offset ? refs.minSpinner : refs.maxSpinner),

package/toggle-menu/vue.js

@@ -47,6 +47,7 @@ const renderless = (props, { reactive, watch, computed, onMounted }, { t, servic
   service = service || { base: {} };
   service = {
     getMenuDataSync: props.getMenuDataSync || service.base.getMenuDataSync,
+    // deprecated v3.4.0废弃, v3.16.0移除；移除原因：如果是同步数据则和:data功能重复
     getMenuDataAsync: props.getMenuDataAsync
   };
   Object.assign(api2, {

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

package/user/index.js

@@ -316,7 +316,7 @@ const getUsers = ({ api, props, state }) => (value) => {
 };
 const updateCache = ({ props, state }) => () => {
   const users = toJson(window.localStorage.getItem(props.cacheKey)) || {};
-  const currDate = toDateStr(new Date(), "yyyyMMdd");
+  const currDate = toDateStr(/* @__PURE__ */ new Date(), "yyyyMMdd");
   if (currDate !== users.t) {
     users.t = currDate;
     for (let u in users) {
@@ -349,6 +349,7 @@ const cacheUser = ({ api, props, service }) => (users) => {
     } else {
       const us = {
         p: u[valueField],
+        // 增加一个主键
         i: u[cacheFields.userId],
         u: u[cacheFields.userCN],
         d: u[cacheFields.dept],

package/year-table/index.js

@@ -10,7 +10,7 @@ const datesInYear = (year) => {
 };
 const getCellStyle = ({ props }) => (year) => {
   const style = {};
-  const today = new Date();
+  const today = /* @__PURE__ */ new Date();
   style.disabled = typeof props.disabledDate === "function" ? datesInYear(year).every(props.disabledDate) : false;
   const execDate = typeof props.value === "object" ? props.value : toDate(props.value);
   style.current = arrayFindIndex(coerceTruthyValueToArray(execDate), (date) => date.getFullYear() === year) >= 0;