@nutui/nutui 4.0.12-beta.1 → 4.0.12

package/dist/packages/_es/Progress.js

@@ -1,15 +1,16 @@
-import { useSlots as k, ref as i, computed as u, onMounted as S, resolveComponent as C, openBlock as r, createElementBlock as s, createElementVNode as p, normalizeClass as h, normalizeStyle as t, toDisplayString as o, createCommentVNode as n, renderSlot as y, createVNode as v } from "vue";
-import { c as w } from "./component-234624bc.js";
-import { Checked as $ } from "@nutui/icons-vue";
-import { _ as b } from "./_plugin-vue_export-helper-dad06003.js";
+import { useSlots, ref, computed, onMounted, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createVNode } from "vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { Checked } from "@nutui/icons-vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { create: T } = w("progress"), B = T({
-  components: { Checked: $ },
+const { create } = createComponent("progress");
+const _sfc_main = create({
+  components: { Checked },
   props: {
     percentage: {
       type: [Number, String],
       default: 0,
-      required: !0
+      required: true
     },
     size: {
       type: String,
@@ -25,11 +26,11 @@ const { create: T } = w("progress"), B = T({
     },
     textInside: {
       type: Boolean,
-      default: !1
+      default: false
     },
     showText: {
       type: Boolean,
-      default: !0
+      default: true
     },
     strokeColor: {
       type: String,
@@ -45,86 +46,101 @@ const { create: T } = w("progress"), B = T({
     },
     isShowPercentage: {
       type: Boolean,
-      default: !0
+      default: true
     }
   },
-  setup(e) {
-    const d = !!k().default, g = i(e.strokeWidth + "px"), f = i(), c = i(), a = u(() => e.percentage >= 100 ? 100 : e.percentage), l = u(() => ({
-      width: a.value + "%",
-      background: e.strokeColor || ""
-    })), m = u(() => ({
-      color: e.textColor || ""
-    }));
-    return S(() => {
-    }), {
-      height: g,
-      percentage: a,
-      bgStyle: l,
-      textStyle: m,
-      progressOuter: f,
-      insideText: c,
-      slotDefault: d
+  setup(props) {
+    const slotDefault = !!useSlots().default;
+    const height = ref(props.strokeWidth + "px");
+    const progressOuter = ref();
+    const insideText = ref();
+    const percentage = computed(() => {
+      return props.percentage >= 100 ? 100 : props.percentage;
+    });
+    const bgStyle = computed(() => {
+      return {
+        width: percentage.value + "%",
+        background: props.strokeColor || ""
+      };
+    });
+    const textStyle = computed(() => {
+      return {
+        color: props.textColor || ""
+      };
+    });
+    onMounted(() => {
+    });
+    return {
+      height,
+      percentage,
+      bgStyle,
+      textStyle,
+      progressOuter,
+      insideText,
+      slotDefault
     };
   }
-}), z = { class: "nut-progress" }, I = {
+});
+const _hoisted_1 = { class: "nut-progress" };
+const _hoisted_2 = {
   key: 0,
   class: "nut-progress-text"
 };
-function N(e, d, g, f, c, a) {
-  const l = C("Checked");
-  return r(), s("div", z, [
-    p("div", {
-      class: h(["nut-progress-outer", [e.showText && !e.textInside ? "nut-progress-outer-part" : "", e.size ? "nut-progress-" + e.size : ""]]),
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Checked = resolveComponent("Checked");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", {
+      class: normalizeClass(["nut-progress-outer", [_ctx.showText && !_ctx.textInside ? "nut-progress-outer-part" : "", _ctx.size ? "nut-progress-" + _ctx.size : ""]]),
       ref: "progressOuter",
-      style: t({ height: e.height })
+      style: normalizeStyle({ height: _ctx.height })
     }, [
-      p("div", {
-        class: h(["nut-progress-inner", e.status == "active" ? "nut-active" : ""]),
-        style: t(e.bgStyle)
+      createElementVNode("div", {
+        class: normalizeClass(["nut-progress-inner", _ctx.status == "active" ? "nut-active" : ""]),
+        style: normalizeStyle(_ctx.bgStyle)
       }, null, 6),
-      e.showText && e.textInside && !e.slotDefault ? (r(), s("div", {
+      _ctx.showText && _ctx.textInside && !_ctx.slotDefault ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: "nut-progress-text nut-progress-insidetext",
         ref: "insideText",
-        style: t({
-          lineHeight: e.height,
-          left: `${e.percentage}%`,
-          transform: `translate(-${+e.percentage}%,-50%)`,
-          background: e.textBackground || e.strokeColor
+        style: normalizeStyle({
+          lineHeight: _ctx.height,
+          left: `${_ctx.percentage}%`,
+          transform: `translate(-${+_ctx.percentage}%,-50%)`,
+          background: _ctx.textBackground || _ctx.strokeColor
         })
       }, [
-        p("span", {
-          style: t(e.textStyle)
-        }, o(e.percentage) + o(e.isShowPercentage ? "%" : ""), 5)
-      ], 4)) : n("", !0),
-      e.showText && e.textInside && e.slotDefault ? (r(), s("div", {
+        createElementVNode("span", {
+          style: normalizeStyle(_ctx.textStyle)
+        }, toDisplayString(_ctx.percentage) + toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)
+      ], 4)) : createCommentVNode("", true),
+      _ctx.showText && _ctx.textInside && _ctx.slotDefault ? (openBlock(), createElementBlock("div", {
         key: 1,
         ref: "insideText",
-        style: t({
-          position: "absolute",
-          top: "50%",
-          left: `${e.percentage}%`,
-          transform: `translate(-${+e.percentage}%,-50%)`
+        style: normalizeStyle({
+          position: `absolute`,
+          top: `50%`,
+          left: `${_ctx.percentage}%`,
+          transform: `translate(-${+_ctx.percentage}%,-50%)`
         })
       }, [
-        y(e.$slots, "default")
-      ], 4)) : n("", !0)
+        renderSlot(_ctx.$slots, "default")
+      ], 4)) : createCommentVNode("", true)
     ], 6),
-    e.showText && !e.textInside ? (r(), s("div", I, [
-      e.status == "active" || e.status == "" ? (r(), s("span", {
+    _ctx.showText && !_ctx.textInside ? (openBlock(), createElementBlock("div", _hoisted_2, [
+      _ctx.status == "active" || _ctx.status == "" ? (openBlock(), createElementBlock("span", {
         key: 0,
-        style: t(e.textStyle)
-      }, o(e.percentage) + o(e.isShowPercentage ? "%" : ""), 5)) : e.status == "icon" ? y(e.$slots, "icon-name", { key: 1 }, () => [
-        v(l, {
+        style: normalizeStyle(_ctx.textStyle)
+      }, toDisplayString(_ctx.percentage) + toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)) : _ctx.status == "icon" ? renderSlot(_ctx.$slots, "icon-name", { key: 1 }, () => [
+        createVNode(_component_Checked, {
           width: "15px",
           height: "15px",
           color: "#439422"
         })
-      ]) : n("", !0)
-    ])) : n("", !0)
+      ]) : createCommentVNode("", true)
+    ])) : createCommentVNode("", true)
   ]);
 }
-const W = /* @__PURE__ */ b(B, [["render", N]]);
+const Progress = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  W as default
+  Progress as default
 };

package/dist/packages/_es/PullRefresh.js

@@ -1,40 +1,48 @@
-var w = Object.defineProperty, B = Object.defineProperties;
-var M = Object.getOwnPropertyDescriptors;
-var y = Object.getOwnPropertySymbols;
-var L = Object.prototype.hasOwnProperty, z = Object.prototype.propertyIsEnumerable;
-var v = (e, t, s) => t in e ? w(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, T = (e, t) => {
-  for (var s in t || (t = {}))
-    L.call(t, s) && v(e, s, t[s]);
-  if (y)
-    for (var s of y(t))
-      z.call(t, s) && v(e, s, t[s]);
-  return e;
-}, P = (e, t) => B(e, M(t));
-import { ref as Y, reactive as j, computed as d, watch as q, toRefs as x, nextTick as A, resolveComponent as F, openBlock as $, createElementBlock as G, normalizeClass as I, createElementVNode as S, normalizeStyle as k, createBlock as J, createCommentVNode as g, toDisplayString as K, renderSlot as f } from "vue";
-import { c as O, l as Q } from "./component-234624bc.js";
-import { u as U } from "./index-53ec2d4d.js";
-import { p as W } from "./pxCheck-38173291.js";
-import { u as X } from "./index-496e6e05.js";
-import { Loading as Z } from "@nutui/icons-vue";
-import { _ } from "./_plugin-vue_export-helper-dad06003.js";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { ref, reactive, computed, watch, toRefs, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createBlock, createCommentVNode, toDisplayString, renderSlot } from "vue";
+import { c as createComponent, l as getScrollTopRoot } from "./component-81a4c1d0.js";
+import { u as useTouch } from "./index-7a7385e4.js";
+import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
+import { u as useScrollParent } from "./index-43c34ac6.js";
+import { Loading } from "@nutui/icons-vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { componentName: ee, create: te, translate: h } = O("pull-refresh"), le = te({
+const { componentName, create, translate } = createComponent("pull-refresh");
+const _sfc_main = create({
   props: {
     modelValue: {
       type: Boolean,
-      default: !1
+      default: false
     },
     pullingTxt: {
       type: String,
-      default: h("pulling")
+      default: translate("pulling")
     },
     loosingTxt: {
       type: String,
-      default: h("loosing")
+      default: translate("loosing")
     },
     loadingTxt: {
       type: String,
-      default: h("loading")
+      default: translate("loading")
     },
     // completeTxt: {
     //   type: String,
@@ -54,100 +62,170 @@ const { componentName: ee, create: te, translate: h } = O("pull-refresh"), le =
     }
   },
   emits: ["change", "refresh", "update:modelValue"],
-  components: { Loading: Z },
-  setup(e, { emit: t, slots: s }) {
-    const a = U(), m = Y(), c = X(m), o = j({
-      isPullRefresh: !1,
+  components: { Loading },
+  setup(props, { emit, slots }) {
+    const touch = useTouch();
+    const scroller = ref();
+    const scrollParent = useScrollParent(scroller);
+    const state = reactive({
+      isPullRefresh: false,
       distance: 0,
       status: "normal"
-    }), u = d(() => ({
-      [ee]: !0
-    })), D = d(() => {
-      switch (o.status) {
+    });
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    const getPullStatus = computed(() => {
+      switch (state.status) {
         case "pulling":
-          return s.pulling ? "" : e.pullingTxt;
+          return !slots.pulling ? props.pullingTxt : "";
         case "loosing":
-          return s.loosing ? "" : e.loosingTxt;
+          return !slots.loosing ? props.loosingTxt : "";
         case "loading":
-          return s.loading ? "" : e.loadingTxt;
+          return !slots.loading ? props.loadingTxt : "";
       }
-    }), H = d(() => ({
-      transitionDuration: `${e.duration}s`,
-      transform: o.distance ? `translate3d(0,${o.distance}px, 0)` : ""
-    })), C = d(() => {
-      const l = {};
-      return e.headHeight != 50 && (l.height = W(e.headHeight)), l;
-    }), R = (l) => {
-      const n = +(e.pullDistance || e.headHeight);
-      let i = l;
-      return l > n && (l < n * 2 ? i = (l + n) / 2 : i = n + l / 4), Math.round(i);
-    }, r = (l, n) => {
-      const i = +(e.pullDistance || e.headHeight);
-      o.distance = l, n ? o.status = "loading" : l === 0 ? o.status = "normal" : l < i ? o.status = "pulling" : o.status = "loosing", t("change", { status: o.status, distance: l });
-    }, p = () => o.status !== "loading" && o.status !== "complete", V = () => c.value == window ? Q() == 0 : c.value && c.value.scrollTop == 0, b = (l) => {
-      p() && (V() ? (a.start(l), o.isPullRefresh = !0) : (o.distance = 0, o.isPullRefresh = !1));
-    }, N = (l) => {
-      if (p()) {
-        a.move(l);
-        const { deltaY: n } = a;
-        a.isVertical() && n.value > 0 && o.isPullRefresh && (l.preventDefault(), r(R(n.value)));
+    });
+    const getStyle = computed(() => {
+      return {
+        transitionDuration: `${props.duration}s`,
+        transform: state.distance ? `translate3d(0,${state.distance}px, 0)` : ""
+      };
+    });
+    const getHeightStyle = computed(() => {
+      const styles = {};
+      if (props.headHeight != 50)
+        styles.height = pxCheck(props.headHeight);
+      return styles;
+    });
+    const timing = (distance) => {
+      const pullDistance = +(props.pullDistance || props.headHeight);
+      let moveDistance = distance;
+      if (distance > pullDistance) {
+        if (distance < pullDistance * 2) {
+          moveDistance = (distance + pullDistance) / 2;
+        } else {
+          moveDistance = pullDistance + distance / 4;
+        }
+      }
+      return Math.round(moveDistance);
+    };
+    const setPullStatus = (distance, isLoading) => {
+      const pullDistance = +(props.pullDistance || props.headHeight);
+      state.distance = distance;
+      if (isLoading) {
+        state.status = "loading";
+      } else if (distance === 0) {
+        state.status = "normal";
+      } else if (distance < pullDistance) {
+        state.status = "pulling";
+      } else {
+        state.status = "loosing";
+      }
+      emit("change", { status: state.status, distance });
+    };
+    const isCanTouch = () => state.status !== "loading" && state.status !== "complete";
+    const isScrollTop = () => {
+      if (scrollParent.value == window) {
+        return getScrollTopRoot() == 0;
+      } else {
+        return scrollParent.value && scrollParent.value.scrollTop == 0;
+      }
+    };
+    const touchStart = (event) => {
+      if (isCanTouch()) {
+        if (isScrollTop()) {
+          touch.start(event);
+          state.isPullRefresh = true;
+        } else {
+          state.distance = 0;
+          state.isPullRefresh = false;
+        }
+      }
+    };
+    const touchMove = (event) => {
+      if (isCanTouch()) {
+        touch.move(event);
+        const { deltaY } = touch;
+        if (touch.isVertical() && deltaY.value > 0 && state.isPullRefresh) {
+          event.preventDefault();
+          setPullStatus(timing(deltaY.value));
+        }
+      }
+    };
+    const touchEnd = () => {
+      if (state.isPullRefresh && isCanTouch() && touch.deltaY.value) {
+        if (state.status === "loosing") {
+          setPullStatus(+props.headHeight, true);
+          emit("update:modelValue", true);
+          nextTick(() => emit("refresh"));
+        } else {
+          setPullStatus(0);
+        }
       }
-    }, E = () => {
-      o.isPullRefresh && p() && a.deltaY.value && (o.status === "loosing" ? (r(+e.headHeight, !0), t("update:modelValue", !0), A(() => t("refresh"))) : r(0)), setTimeout(() => {
-        a.reset();
+      setTimeout(() => {
+        touch.reset();
       }, 0);
     };
-    return q(
-      () => e.modelValue,
-      (l) => {
-        l ? r(+e.headHeight, !0) : r(0);
+    watch(
+      () => props.modelValue,
+      (val) => {
+        if (val) {
+          setPullStatus(+props.headHeight, true);
+        } else {
+          setPullStatus(0);
+        }
       }
-    ), P(T({
-      classes: u,
-      scroller: m
-    }, x(o)), {
-      touchStart: b,
-      touchMove: N,
-      touchEnd: E,
-      getStyle: H,
-      translate: h,
-      slots: s,
-      getHeightStyle: C,
-      getPullStatus: D
+    );
+    return __spreadProps(__spreadValues({
+      classes,
+      scroller
+    }, toRefs(state)), {
+      touchStart,
+      touchMove,
+      touchEnd,
+      getStyle,
+      translate,
+      slots,
+      getHeightStyle,
+      getPullStatus
     });
   }
-}), oe = { class: "nut-pull-refresh-container-topbox-text" };
-function se(e, t, s, a, m, c) {
-  const o = F("Loading");
-  return $(), G("div", {
-    class: I(e.classes),
+});
+const _hoisted_1 = { class: "nut-pull-refresh-container-topbox-text" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Loading = resolveComponent("Loading");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.classes),
     ref: "scroller",
-    onTouchstart: t[0] || (t[0] = (...u) => e.touchStart && e.touchStart(...u)),
-    onTouchmove: t[1] || (t[1] = (...u) => e.touchMove && e.touchMove(...u)),
-    onTouchend: t[2] || (t[2] = (...u) => e.touchEnd && e.touchEnd(...u))
+    onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.touchStart && _ctx.touchStart(...args)),
+    onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.touchMove && _ctx.touchMove(...args)),
+    onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.touchEnd && _ctx.touchEnd(...args))
   }, [
-    S("div", {
+    createElementVNode("div", {
       class: "nut-pull-refresh-container",
-      style: k(e.getStyle)
+      style: normalizeStyle(_ctx.getStyle)
     }, [
-      S("div", {
+      createElementVNode("div", {
         class: "nut-pull-refresh-container-topbox",
-        style: k(e.getHeightStyle)
+        style: normalizeStyle(_ctx.getHeightStyle)
       }, [
-        e.status == "loading" && !e.slots.loading ? ($(), J(o, {
+        _ctx.status == "loading" && !_ctx.slots.loading ? (openBlock(), createBlock(_component_Loading, {
           key: 0,
           class: "nut-icon-loading nut-pull-refresh-container-topbox-icon"
-        })) : g("", !0),
-        S("div", oe, K(e.getPullStatus), 1),
-        e.status == "pulling" ? f(e.$slots, "pulling", { key: 1 }) : g("", !0),
-        e.status == "loosing" ? f(e.$slots, "loosing", { key: 2 }) : g("", !0),
-        e.status == "loading" ? f(e.$slots, "loading", { key: 3 }) : g("", !0)
+        })) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_1, toDisplayString(_ctx.getPullStatus), 1),
+        _ctx.status == "pulling" ? renderSlot(_ctx.$slots, "pulling", { key: 1 }) : createCommentVNode("", true),
+        _ctx.status == "loosing" ? renderSlot(_ctx.$slots, "loosing", { key: 2 }) : createCommentVNode("", true),
+        _ctx.status == "loading" ? renderSlot(_ctx.$slots, "loading", { key: 3 }) : createCommentVNode("", true)
       ], 4),
-      f(e.$slots, "default")
+      renderSlot(_ctx.$slots, "default")
     ], 4)
   ], 34);
 }
-const he = /* @__PURE__ */ _(le, [["render", se]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  he as default
+  index as default
 };

package/dist/packages/_es/Radio.js

@@ -1,9 +1,9 @@
-import { _ as o } from "./index.vue_vue_type_script_lang-43b774dd.js";
+import { _ as _sfc_main } from "./index.vue_vue_type_script_lang-a8856969.js";
 import "vue";
-import "./component-234624bc.js";
+import "./component-81a4c1d0.js";
 import "../locale/lang";
 import "@nutui/icons-vue";
-import "./pxCheck-38173291.js";
+import "./pxCheck-c6b9f6b7.js";
 export {
-  o as default
+  _sfc_main as default
 };

package/dist/packages/_es/RadioGroup.js

@@ -1,7 +1,7 @@
-import { _ as o } from "./index.vue_vue_type_script_lang-1139b29a.js";
+import { _ as _sfc_main } from "./index.vue_vue_type_script_lang-22dfc112.js";
 import "vue";
-import "./component-234624bc.js";
+import "./component-81a4c1d0.js";
 import "../locale/lang";
 export {
-  o as default
+  _sfc_main as default
 };