@opentiny/vue-renderless 3.6.8 → 3.8.2

package/multi-select/index.js

@@ -1,5 +1,5 @@
 import "../chunk-PKUHTIDK.js";
-import { cloneDeep } from "@opentiny/vue-renderless/chart-core/deps/utils";
+import { cloneDeep } from "../chart-core/deps/utils";
 const created = ({ props, state, refs, nextTick }) => () => {
   nextTick(() => {
     state.dataSource = cloneDeep(props.dataSource);
@@ -163,7 +163,10 @@ const getLabelsStyle = (state) => {
   const over25Labels = state.labelLevelsInfo.filter((i) => i && !i.isOver25);
   let widthInfo = over25Labels;
   const len = state.dataSource.length;
-  if (!widthInfo.length || widthInfo.length === state.labelLevelsInfo.length || len >= 4) {
+  if (len >= 4) {
+    return getStyleConfig(state.labelLevelsInfo, { width: `${(1 / len * 100).toFixed(2)}%` });
+  }
+  if (!widthInfo.length || widthInfo.length === state.labelLevelsInfo.length) {
     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 = ({ computed, reactive }) => {
+const initState = (reactive) => {
   const state = reactive({
     dataSource: [],
     wheelData: [],
@@ -30,8 +30,7 @@ const initState = ({ computed, reactive }) => {
     wheelText: "",
     headerInfo: [],
     defaultSelectedIndexs: [],
-    defaultSelectedArray: [],
-    isActive: computed(() => state.headerInfo.some((item) => item.isUP))
+    defaultSelectedArray: []
   });
   return state;
 };
@@ -61,9 +60,9 @@ const initWatch = ({ watch, props, state, refs, nextTick }) => {
     }
   );
 };
-const renderless = (props, { computed, onMounted, reactive, watch }, { emit, nextTick, refs }) => {
+const renderless = (props, { onMounted, reactive, watch }, { emit, nextTick, refs }) => {
   const api2 = {};
-  const state = initState({ computed, reactive });
+  const state = initState(reactive);
   initApi({ api: api2, props, state, emit, nextTick, refs });
   initWatch({ watch, props, state, refs, nextTick });
   onMounted(() => {

package/nav-menu/index.js

@@ -1,10 +1,10 @@
 import "../chunk-PKUHTIDK.js";
-import { isEmptyObject, isObject } from "@opentiny/vue-renderless/common/type";
-import PopupManager from "@opentiny/vue-renderless/common/deps/popup-manager";
-import { mapTree } from "@opentiny/vue-renderless/grid/static";
-import { transformTreeData } from "@opentiny/vue-renderless/common/array";
-import { on, off } from "@opentiny/vue-renderless/common/deps/dom";
-import { xss } from "@opentiny/vue-renderless/common/xss.js";
+import { isEmptyObject, isObject } from "../common/type";
+import PopupManager from "../common/deps/popup-manager";
+import { mapTree } from "../grid/static";
+import { transformTreeData } from "../common/array";
+import { on, off } from "../common/deps/dom";
+import { xss } from "../common/xss.js";
 const { nextZIndex } = PopupManager;
 const computedIsShowMore = ({ props, state }) => () => !/^(retract|fixed|hidden)$/.test(props.overflow) && state.more && state.more.length;
 const computedPopClass = (state) => () => !state.showMore && state.subMenus && state.subMenus.length === 1 ? "single" : "";

package/notify/index.js

@@ -1,7 +1,7 @@
 import "../chunk-PKUHTIDK.js";
-import { KEY_CODE } from "@opentiny/vue-renderless/common";
-import { on, off } from "@opentiny/vue-renderless/common/deps/dom";
-import PopupManager from "@opentiny/vue-renderless/common/deps/popup-manager";
+import { KEY_CODE } from "../common";
+import { on, off } from "../common/deps/dom";
+import PopupManager from "../common/deps/popup-manager";
 const startTimer = ({ api, state }) => () => {
   if (state.duration > 0) {
     state.timer = setTimeout(() => {

package/numeric/index.js

@@ -2,11 +2,11 @@ import {
   __spreadProps,
   __spreadValues
 } from "../chunk-PKUHTIDK.js";
-import { formatNumber, roundFixed } from "@opentiny/vue-renderless/common/decimal";
-import { getMiniDecimal, lessEquals, equalsDecimal } from "@opentiny/vue-renderless/common/bigInt";
-import { isNumber, isNull } from "@opentiny/vue-renderless/common/type";
-import { MOUSEDELTA } from "@opentiny/vue-renderless/common";
-import { on, off } from "@opentiny/vue-renderless/common/deps/dom";
+import { formatNumber, roundFixed } from "../common/decimal";
+import { getMiniDecimal, lessEquals, equalsDecimal } from "../common/bigInt";
+import { isNumber, isNull } from "../common/type";
+import { MOUSEDELTA } from "../common";
+import { on, off } from "../common/deps/dom";
 const initService = (service) => {
   const { utils = {} } = service || {};
   const noopFn = () => null;
@@ -263,11 +263,21 @@ const getUnitPrecision = ({ service, props }) => {
   rounding = isNumber(format.rounding) ? format.rounding : serFra.rounding;
   return __spreadValues(__spreadValues(__spreadProps(__spreadValues({}, defaultFmt), { fraction, rounding }), serFmt), format);
 };
+const dispatchDisplayedValue = ({ state, api, dispatch }) => () => {
+  if (state.isDisplayOnly) {
+    dispatch("FormItem", "displayed-value-changed", { type: "numeric", val: api.getDisplayedValue() });
+  }
+};
+const getDisplayedValue = ({ state, props }) => () => {
+  return state.displayValue || state.displayValue === 0 ? state.displayValue + " " + (props.unit || "") : "-";
+};
 export {
   decrease,
+  dispatchDisplayedValue,
   displayValue,
   focus,
   getDecimal,
+  getDisplayedValue,
   getNumPecision,
   getPrecision,
   getUnitPrecision,

package/numeric/vue.js

@@ -22,7 +22,9 @@ import {
   getUnitPrecision,
   getDecimal,
   unmounted,
-  initService
+  initService,
+  dispatchDisplayedValue,
+  getDisplayedValue
 } from "./index";
 const api = ["state", "decrease", "increase", "handleBlur", "handleFocus", "handleInput", "handleInputChange", "mouseEvent", "focus", "select"];
 const initState = ({ reactive, computed, props, api: api2, $service, parent }) => {
@@ -42,7 +44,8 @@ const initState = ({ reactive, computed, props, api: api2, $service, parent }) =
     minDisabled: computed(() => !props.circulate && api2.internalDecrease({ val: props.modelValue, step: props.step }) < props.min || state.formDisabled),
     maxDisabled: computed(() => !props.circulate && api2.internalIncrease({ val: props.modelValue, step: props.step }) > props.max || state.formDisabled),
     controlsAtRight: computed(() => props.controls && props.controlsPosition === "right"),
-    format: computed(() => getUnitPrecision({ service: $service, props }))
+    format: computed(() => getUnitPrecision({ service: $service, props })),
+    isDisplayOnly: computed(() => props.displayOnly || (parent.tinyForm || {}).displayOnly)
   });
   return state;
 };
@@ -69,12 +72,15 @@ const initApi = ({ api: api2, props, state, parent, refs, emit, dispatch, consta
     mouseEvent: mouseEvent({ api: api2, props, state }),
     handleBlur: handleBlur({ constants, dispatch, emit, props, state, api: api2 }),
     watchValue: watchValue({ api: api2, state }),
-    setCurrentValue: setCurrentValue({ api: api2, constants, dispatch, emit, props, state })
+    setCurrentValue: setCurrentValue({ api: api2, constants, dispatch, emit, props, state }),
+    dispatchDisplayedValue: dispatchDisplayedValue({ api: api2, state, dispatch }),
+    getDisplayedValue: getDisplayedValue({ state, props })
   });
   api2.getDecimal(0);
 };
-const initWatch = ({ watch, props, api: api2 }) => {
+const initWatch = ({ state, watch, props, api: api2 }) => {
   watch(() => props.modelValue, api2.watchValue, { immediate: true });
+  watch(() => state.isDisplayOnly, api2.dispatchDisplayedValue);
 };
 const renderless = (props, { computed, onMounted, onUpdated, onUnmounted, reactive, watch, inject }, { parent, emit, refs, constants, dispatch, service }) => {
   const api2 = {};
@@ -82,8 +88,11 @@ const renderless = (props, { computed, onMounted, onUpdated, onUnmounted, reacti
   const state = initState({ reactive, computed, props, api: api2, $service, parent });
   parent.tinyForm = parent.tinyForm || inject("form", null);
   initApi({ api: api2, props, state, parent, refs, emit, dispatch, constants });
-  initWatch({ watch, props, api: api2 });
-  onMounted(api2.mounted);
+  initWatch({ state, watch, props, api: api2 });
+  onMounted(() => {
+    api2.dispatchDisplayedValue();
+    api2.mounted();
+  });
   onUpdated(api2.updated);
   onUnmounted(api2.unmounted);
   return api2;

package/option/index.js

@@ -1,5 +1,5 @@
 import "../chunk-PKUHTIDK.js";
-import { getObj } from "@opentiny/vue-renderless/common/object";
+import { getObj } from "../common/object";
 const escapeRegexpString = (value = "") => String(value).replace(/[|\\{}()[\]^$+*?.]/g, "\\$&");
 const isEqual = ({ select, state }) => (a, b) => {
   if (!state.isObject) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.6.8",
+  "version": "3.8.2",
   "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": [
@@ -19,6 +19,7 @@
   "sideEffects": false,
   "scripts": {
     "build": "tsup",
+    "build:fast": "npm run build && npm run release",
     "postversion": "pnpm build",
     "release": "esno ./scripts/postbuild.ts && cp README.md dist"
   },

package/pager/vue.js

@@ -0,0 +1,10 @@
+import "../chunk-PKUHTIDK.js";
+const api = [];
+function renderless() {
+  const api2 = {};
+  return api2;
+}
+export {
+  api,
+  renderless
+};

package/pager-item/index.js

@@ -88,7 +88,7 @@ const onPagerClick = ({ emit, props, vm }) => (event) => {
   };
   if (props.isBeforePageChange && newPage !== currentPage) {
     let params = { newPage, currentPage, callback };
-    vm.$parent.beforePagerChangeHandler(params);
+    vm.$parent.$parent.beforePagerChangeHandler(params);
   } else {
     callback();
   }

package/panel/index.js

@@ -1,5 +1,5 @@
 import "../chunk-PKUHTIDK.js";
-import { emitEvent } from "@opentiny/vue-renderless/common/event";
+import { emitEvent } from "../common/event";
 const toggle = ({ api, state }) => () => {
   state.isShow ? api.collapse() : api.expand();
 };

package/picker/index.js

@@ -2,13 +2,13 @@ import {
   __spreadProps,
   __spreadValues
 } from "../chunk-PKUHTIDK.js";
-import { toDate, getDateWithNewTimezone, getStrTimezone, getLocalTimezone } from "@opentiny/vue-renderless/common/date";
-import { isNumber, isDate } from "@opentiny/vue-renderless/common/type";
-import userPopper from "@opentiny/vue-renderless/common/deps/vue-popper";
-import { DATEPICKER } from "@opentiny/vue-renderless/common";
-import { formatDate, parseDate, isDateObject, getWeekNumber } from "@opentiny/vue-renderless/common/deps/date-util";
-import { extend } from "@opentiny/vue-renderless/common/object";
-import globalTimezone from "@opentiny/vue-renderless/picker/timezone";
+import { toDate, getDateWithNewTimezone, getStrTimezone, getLocalTimezone } from "../common/date";
+import { isNumber, isDate } from "../common/type";
+import userPopper from "../common/deps/vue-popper";
+import { DATEPICKER } from "../common";
+import { formatDate, parseDate, isDateObject, getWeekNumber } from "../common/deps/date-util";
+import { extend } from "../common/object";
+import globalTimezone from "../picker/timezone";
 const iso8601Reg = /^\d{4}-\d{2}-\d{2}(.)\d{2}:\d{2}:\d{2}(.+)$/;
 const getPanel = ({ DatePanel, DateRangePanel, MonthRangePanel, TimePanel, TimeRangePanel, TimeSelect }) => (type) => {
   if (type === DATEPICKER.DateRange || type === DATEPICKER.DateTimeRange) {

package/picker/vue.js

@@ -52,7 +52,7 @@ import {
   initGlobalTimezone,
   emitDbTime
 } from "./index";
-import { DATEPICKER } from "@opentiny/vue-renderless/common";
+import { DATEPICKER } from "../common";
 const api = [
   "state",
   "btnClick",

package/picker-column/index.js

@@ -1,5 +1,5 @@
 import "../chunk-PKUHTIDK.js";
-import { on, off } from "@opentiny/vue-renderless/common/deps/dom";
+import { on, off } from "../common/deps/dom";
 const computedWrapperStyle = (state) => () => {
   const wrapperStyle = {
     transform: `translate3d(0, ${state.offset + state.baseOffset}px, 0)`,

package/popconfirm/index.js

@@ -0,0 +1,25 @@
+import "../chunk-PKUHTIDK.js";
+const hide = ({ state, emit }) => () => {
+  state.isLock = true;
+  setTimeout(() => {
+    state.isLock = false;
+  }, 300);
+  state.showPopover = false;
+  emit("hide", state);
+};
+const show = ({ state, emit, props }) => (trigger) => {
+  if (trigger && props.trigger !== trigger || state.isLock || state.showPopover) {
+    return;
+  }
+  state.showPopover = true;
+  emit("show", state);
+};
+const confirm = ({ state, emit }) => () => {
+  state.showPopover = false;
+  emit("confirm", state);
+};
+export {
+  confirm,
+  hide,
+  show
+};

package/popconfirm/vue.js

@@ -0,0 +1,22 @@
+import "../chunk-PKUHTIDK.js";
+import { show, hide, confirm } from "./index";
+const api = ["state", "show", "hide", "confirm"];
+const renderless = (props, { computed, reactive }, { emit, constants }) => {
+  const api2 = {};
+  const state = reactive({
+    isLock: false,
+    showPopover: false,
+    getIcon: computed(() => typeof props.type === "object" ? props.type : constants.ICON_MAP[props.type])
+  });
+  Object.assign(api2, {
+    state,
+    show: show({ state, emit, props }),
+    hide: hide({ state, emit }),
+    confirm: confirm({ state, emit })
+  });
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/popeditor/index.js

@@ -1,13 +1,13 @@
 import {
   __spreadValues
 } from "../chunk-PKUHTIDK.js";
-import { find } from "@opentiny/vue-renderless/common/array";
-import { typeOf, isNull } from "@opentiny/vue-renderless/common/type";
-import { getDataset } from "@opentiny/vue-renderless/common/dataset";
-import { isNullOrEmpty } from "@opentiny/vue-renderless/common/string";
-import { isEqual } from "@opentiny/vue-renderless/common/object";
-import { eachTree } from "@opentiny/vue-renderless/grid/static";
-import { on, off } from "@opentiny/vue-renderless/common/deps/dom";
+import { find } from "../common/array";
+import { typeOf, isNull } from "../common/type";
+import { getDataset } from "../common/dataset";
+import { isNullOrEmpty } from "../common/string";
+import { isEqual } from "../common/object";
+import { eachTree } from "../grid/static";
+import { on, off } from "../common/deps/dom";
 const computedGetTitle = ({ constants, props, t }) => props.title || t(constants.TITLE);
 const computedModalWidth = ({ constants, props }) => {
   let modalWidth = 0;

package/popeditor/vue.js

@@ -1,8 +1,8 @@
 import {
   __spreadValues
 } from "../chunk-PKUHTIDK.js";
-import debounce from "@opentiny/vue-renderless/common/deps/debounce";
-import userPopper from "@opentiny/vue-renderless/common/deps/vue-popper";
+import debounce from "../common/deps/debounce";
+import userPopper from "../common/deps/vue-popper";
 import {
   computedGetTitle,
   computedTreeOp,

package/popover/index.js

@@ -1,7 +1,7 @@
 import "../chunk-PKUHTIDK.js";
-import { on, off, addClass, removeClass } from "@opentiny/vue-renderless/common/deps/dom";
-import { guid } from "@opentiny/vue-renderless/common/string";
-import { KEY_CODE } from "@opentiny/vue-renderless/common";
+import { on, off, addClass, removeClass } from "../common/deps/dom";
+import { guid } from "../common/string";
+import { KEY_CODE } from "../common";
 const processTrigger = ({ api, state, props, nextTick }) => {
   const { referenceElm, popperElm } = state;
   if (props.trigger === "click") {
@@ -155,6 +155,13 @@ const wrapMounted = ({ api, props, refs, state }) => () => {
   }
   state.referenceElm && api.mounted();
 };
+const observeCallback = ({ state, vm }) => (mutationsList) => {
+  for (let mutation of mutationsList) {
+    if (mutation.type === "attributes" && mutation.attributeName === "x-placement") {
+      state.xPlacement = vm.$refs.popper.getAttribute("x-placement") || "bottom";
+    }
+  }
+};
 export {
   cleanup,
   computedTooltipId,
@@ -173,5 +180,6 @@ export {
   handleMouseEnter,
   handleMouseLeave,
   mounted,
+  observeCallback,
   wrapMounted
 };

package/popover/vue.js

@@ -17,9 +17,10 @@ import {
   handleDocumentClick,
   cleanup,
   wrapMounted,
-  handleItemClick
+  handleItemClick,
+  observeCallback
 } from "./index";
-import userPopper from "@opentiny/vue-renderless/common/deps/vue-popper";
+import userPopper from "../common/deps/vue-popper";
 const api = ["state", "handleAfterEnter", "handleAfterLeave", "handleItemClick"];
 const initState = ({ reactive, computed, api: api2, popperElm, showPopper, referenceElm }) => {
   const state = reactive({
@@ -32,7 +33,7 @@ const initState = ({ reactive, computed, api: api2, popperElm, showPopper, refer
   });
   return state;
 };
-const initApi = ({ api: api2, props, state, refs, emit, doDestroy, constants, nextTick }) => {
+const initApi = ({ api: api2, props, state, refs, emit, doDestroy, constants, nextTick, vm }) => {
   Object.assign(api2, {
     state,
     mounted: mounted({ api: api2, state, constants, props, nextTick }),
@@ -53,10 +54,11 @@ const initApi = ({ api: api2, props, state, refs, emit, doDestroy, constants, ne
     handleMouseEnter: handleMouseEnter({ props, state }),
     handleDocumentClick: handleDocumentClick({ refs, state }),
     wrapMounted: wrapMounted({ api: api2, props, refs, state }),
-    handleItemClick: handleItemClick({ emit, state })
+    handleItemClick: handleItemClick({ emit, state }),
+    observeCallback: observeCallback({ vm, state })
   });
 };
-const initWatch = ({ watch, props, state, emit }) => {
+const initWatch = ({ watch, props, state, emit, api: api2, nextTick }) => {
   watch(
     () => state.showPopper,
     (val) => {
@@ -67,23 +69,44 @@ const initWatch = ({ watch, props, state, emit }) => {
     },
     { immediate: true }
   );
+  watch(
+    () => props.reference,
+    (val, oldVal) => {
+      if (val !== oldVal) {
+        api2.destroyed();
+        nextTick(() => {
+          api2.wrapMounted();
+        });
+      }
+    }
+  );
 };
-const renderless = (props, { reactive, computed, watch, toRefs, onBeforeUnmount, onMounted, onUnmounted, onActivated, onDeactivated }, { $prefix, emit, refs, slots, nextTick }) => {
+const renderless = (props, { reactive, computed, watch, toRefs, onBeforeUnmount, onMounted, onUnmounted, onActivated, onDeactivated }, { $prefix, emit, vm, refs, slots, nextTick }) => {
   const api2 = {};
   const constants = { IDPREFIX: `${$prefix.toLowerCase()}-popover` };
   const options = { emit, onBeforeUnmount, nextTick, reactive, props, watch, onDeactivated, refs, slots, toRefs };
   const { showPopper, popperElm, referenceElm, doDestroy } = userPopper(options);
   const state = initState({ reactive, computed, api: api2, popperElm, showPopper, referenceElm });
-  initApi({ api: api2, constants, props, state, refs, emit, doDestroy, nextTick });
+  initApi({ api: api2, constants, props, state, refs, emit, doDestroy, nextTick, vm });
   onDeactivated(() => {
     api2.destroyed();
     api2.cleanup();
   });
-  onMounted(api2.wrapMounted);
+  onMounted(() => {
+    api2.wrapMounted();
+    if (props.genArrowByHtml) {
+      const config = { attributes: true, childList: false, subtree: false };
+      api2.observer = new MutationObserver(api2.observeCallback);
+      api2.observer.observe(vm.$refs.popper, config);
+    }
+  });
   onActivated(api2.mounted);
-  onUnmounted(api2.destroyed);
+  onUnmounted(() => {
+    api2.destroyed();
+    api2.observer && api2.observer.disconnect();
+  });
   onBeforeUnmount(api2.cleanup);
-  initWatch({ watch, props, state, emit });
+  initWatch({ watch, props, state, emit, api: api2, nextTick });
   return api2;
 };
 export {

package/popup/index.js

@@ -1,10 +1,10 @@
 import {
   __spreadValues
 } from "../chunk-PKUHTIDK.js";
-import { on, off } from "@opentiny/vue-renderless/common/deps/dom";
-import { touchStart, touchMove } from "@opentiny/vue-renderless/common/deps/touch";
-import { getScroller } from "@opentiny/vue-renderless/dropdown-menu";
-import { isNull } from "@opentiny/vue-renderless/common/type";
+import { on, off } from "../common/deps/dom";
+import { touchStart, touchMove } from "../common/deps/touch";
+import { getScroller } from "../dropdown-menu";
+import { isNull } from "../common/type";
 const getStyle = (props) => () => {
   const style = __spreadValues({}, props.popupStyle);
   if (!isNull(props.duration)) {

package/pull-refresh/index.js

@@ -1,8 +1,9 @@
 import {
   __spreadValues
 } from "../chunk-PKUHTIDK.js";
-import { on, off } from "@opentiny/vue-renderless/common/deps/dom";
+import { on, off } from "../common/deps/dom";
 const initPullRefresh = ({ t, props, state }) => () => {
+  var _a, _b, _c;
   const defaultOption = {
     pullingUpText: t("ui.pullRefresh.pullingUp"),
     pullingDownText: t("ui.pullRefresh.pullingDown"),
@@ -17,17 +18,16 @@ 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, refs }) => (event) => {
+const onTouchmove = ({ props, state }) => (event) => {
   if (event.touches[0].clientY < state.draggposition) {
-    const scrollBottom = refs.content.scrollHeight - refs.content.clientHeight - refs.content.scrollTop;
-    if (scrollBottom > 10) {
-      return;
-    }
-    if (!state.pullUp.pullUpDisabled && state.pullUp.handler) {
+    if (!state.pullUp.pullUpDisabled) {
       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,10 +35,7 @@ const onTouchmove = ({ props, state, refs }) => (event) => {
       }
     }
   } else {
-    if (refs.content.scrollTop > 10) {
-      return;
-    }
-    if (!state.pullDown.pullDownDisabled && state.pullDown.handler) {
+    if (!state.pullDown.pullDownDisabled) {
       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, computed, reactive, onBeforeUnmount }, { t, refs }) => {
+const renderless = (props, { watch, onMounted, reactive, onBeforeUnmount }, { t, refs }) => {
   const api2 = {};
   const state = reactive({
     pullUpReplaces: "",
@@ -11,10 +11,10 @@ const renderless = (props, { watch, onMounted, computed, reactive, onBeforeUnmou
     draggposition: 0,
     pullUpLoading: false,
     pullDownLoading: false,
-    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") : ""),
+    loosingText: "",
+    successText: "",
+    failedText: "",
+    noMoreText: "",
     pullUp: null,
     pullDown: null,
     successDuration: props.successDuration,
@@ -23,7 +23,7 @@ const renderless = (props, { watch, onMounted, computed, reactive, onBeforeUnmou
   Object.assign(api2, {
     state,
     onTouchstart: onTouchstart(state),
-    onTouchmove: onTouchmove({ props, state, refs }),
+    onTouchmove: onTouchmove({ props, state }),
     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, computed, reactive, onBeforeUnmou
     () => props.hasMore,
     (value) => {
       if (!value) {
-        state.pullUpLoading = false;
+        state.noMoreText = t("ui.pullRefresh.noMore");
         api2.clearPullRefresh();
       }
     }

package/radio/index.js

@@ -35,7 +35,24 @@ const toggleEvent = ({ props, refs, type }) => {
     radioEl[type + "EventListener"](ev, props.events[ev]);
   });
 };
+const dispatchDisplayedValue = ({ state, dispatch, api }) => () => {
+  if (state.isDisplayOnly) {
+    dispatch("FormItem", "displayed-value-changed", {
+      type: "radio",
+      val: api.getDisplayedValue()
+    });
+  }
+};
+const getDisplayedValue = ({ vm, state, props }) => () => {
+  if (state.model === props.label) {
+    return vm.$refs.label && vm.$refs.label.innerText || props.text || props.label;
+  } else {
+    return "";
+  }
+};
 export {
+  dispatchDisplayedValue,
+  getDisplayedValue,
   getModel,
   handleChange,
   isDisabled,

package/radio/vue.js

@@ -1,7 +1,18 @@
 import "../chunk-PKUHTIDK.js";
-import { handleChange, isGroup, radioSize, isDisabled, tabIndex, getModel, setModel, toggleEvent } from "./index";
+import {
+  handleChange,
+  isGroup,
+  radioSize,
+  isDisabled,
+  tabIndex,
+  getModel,
+  setModel,
+  toggleEvent,
+  dispatchDisplayedValue,
+  getDisplayedValue
+} from "./index";
 const api = ["state", "handleChange"];
-const renderless = (props, { onMounted, onBeforeUnmount, computed, reactive, inject }, { refs, parent, emit, constants, nextTick, dispatch }) => {
+const renderless = (props, { onMounted, onBeforeUnmount, computed, reactive, inject, watch }, { refs, vm, parent, emit, constants, nextTick, dispatch }) => {
   parent.tinyForm = parent.tinyForm || inject("form", null);
   const api2 = {};
   const state = reactive({
@@ -25,9 +36,13 @@ const renderless = (props, { onMounted, onBeforeUnmount, computed, reactive, inj
     tabIndex: tabIndex({ props, state }),
     isDisabled: isDisabled({ props, state }),
     setModel: setModel({ constants, dispatch, emit, props, refs, state }),
-    handleChange: handleChange({ constants, dispatch, emit, state, nextTick })
+    handleChange: handleChange({ constants, dispatch, emit, state, nextTick }),
+    dispatchDisplayedValue: dispatchDisplayedValue({ state, api: api2, dispatch }),
+    getDisplayedValue: getDisplayedValue({ vm, state, props })
   });
+  watch(() => state.isDisplayOnly, api2.dispatchDisplayedValue);
   onMounted(() => {
+    api2.dispatchDisplayedValue();
     dispatch("Tooltip", "tooltip-update");
     toggleEvent({ props, refs, type: "add" });
   });