@nutui/nutui 4.0.0 → 4.0.1-2.beta-1

package/dist/packages/_es/Progress.js

@@ -1,16 +1,15 @@
-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 { 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 "../locale/lang";
-const { create } = createComponent("progress");
-const _sfc_main = create({
-  components: { Checked },
+const { create: T } = w("progress"), B = T({
+  components: { Checked: $ },
   props: {
     percentage: {
       type: [Number, String],
       default: 0,
-      required: true
+      required: !0
     },
     size: {
       type: String,
@@ -26,11 +25,11 @@ const _sfc_main = create({
     },
     textInside: {
       type: Boolean,
-      default: false
+      default: !1
     },
     showText: {
       type: Boolean,
-      default: true
+      default: !0
     },
     strokeColor: {
       type: String,
@@ -46,101 +45,86 @@ const _sfc_main = create({
     },
     isShowPercentage: {
       type: Boolean,
-      default: true
+      default: !0
     }
   },
-  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
+  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
     };
   }
-});
-const _hoisted_1 = { class: "nut-progress" };
-const _hoisted_2 = {
+}), z = { class: "nut-progress" }, I = {
   key: 0,
   class: "nut-progress-text"
 };
-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 : ""]]),
+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 : ""]]),
       ref: "progressOuter",
-      style: normalizeStyle({ height: _ctx.height })
+      style: t({ height: e.height })
     }, [
-      createElementVNode("div", {
-        class: normalizeClass(["nut-progress-inner", _ctx.status == "active" ? "nut-active" : ""]),
-        style: normalizeStyle(_ctx.bgStyle)
+      p("div", {
+        class: h(["nut-progress-inner", e.status == "active" ? "nut-active" : ""]),
+        style: t(e.bgStyle)
       }, null, 6),
-      _ctx.showText && _ctx.textInside && !_ctx.slotDefault ? (openBlock(), createElementBlock("div", {
+      e.showText && e.textInside && !e.slotDefault ? (r(), s("div", {
         key: 0,
         class: "nut-progress-text nut-progress-insidetext",
         ref: "insideText",
-        style: normalizeStyle({
-          lineHeight: _ctx.height,
-          left: `${_ctx.percentage}%`,
-          transform: `translate(-${+_ctx.percentage}%,-50%)`,
-          background: _ctx.textBackground || _ctx.strokeColor
+        style: t({
+          lineHeight: e.height,
+          left: `${e.percentage}%`,
+          transform: `translate(-${+e.percentage}%,-50%)`,
+          background: e.textBackground || e.strokeColor
         })
       }, [
-        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", {
+        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", {
         key: 1,
         ref: "insideText",
-        style: normalizeStyle({
-          position: `absolute`,
-          top: `50%`,
-          left: `${_ctx.percentage}%`,
-          transform: `translate(-${+_ctx.percentage}%,-50%)`
+        style: t({
+          position: "absolute",
+          top: "50%",
+          left: `${e.percentage}%`,
+          transform: `translate(-${+e.percentage}%,-50%)`
         })
       }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 4)) : createCommentVNode("", true)
+        y(e.$slots, "default")
+      ], 4)) : n("", !0)
     ], 6),
-    _ctx.showText && !_ctx.textInside ? (openBlock(), createElementBlock("div", _hoisted_2, [
-      _ctx.status == "active" || _ctx.status == "" ? (openBlock(), createElementBlock("span", {
+    e.showText && !e.textInside ? (r(), s("div", I, [
+      e.status == "active" || e.status == "" ? (r(), s("span", {
         key: 0,
-        style: normalizeStyle(_ctx.textStyle)
-      }, toDisplayString(_ctx.percentage) + toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)) : _ctx.status == "icon" ? renderSlot(_ctx.$slots, "icon-name", { key: 1 }, () => [
-        createVNode(_component_Checked, {
+        style: t(e.textStyle)
+      }, o(e.percentage) + o(e.isShowPercentage ? "%" : ""), 5)) : e.status == "icon" ? y(e.$slots, "icon-name", { key: 1 }, () => [
+        v(l, {
           width: "15px",
           height: "15px",
           color: "#439422"
         })
-      ]) : createCommentVNode("", true)
-    ])) : createCommentVNode("", true)
+      ]) : n("", !0)
+    ])) : n("", !0)
   ]);
 }
-const Progress = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const W = /* @__PURE__ */ b(B, [["render", N]]);
 export {
-  Progress as default
+  W as default
 };

package/dist/packages/_es/PullRefresh.js

@@ -1,29 +1,40 @@
-import { ref, reactive, computed, watch, nextTick, toRefs, 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";
+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";
 import "../locale/lang";
-const { componentName, create, translate } = createComponent("pull-refresh");
-const _sfc_main = create({
+const { componentName: ee, create: te, translate: h } = O("pull-refresh"), le = te({
   props: {
     modelValue: {
       type: Boolean,
-      default: false
+      default: !1
     },
     pullingTxt: {
       type: String,
-      default: translate("pulling")
+      default: h("pulling")
     },
     loosingTxt: {
       type: String,
-      default: translate("loosing")
+      default: h("loosing")
     },
     loadingTxt: {
       type: String,
-      default: translate("loading")
+      default: h("loading")
     },
     // completeTxt: {
     //   type: String,
@@ -43,172 +54,100 @@ const _sfc_main = create({
     }
   },
   emits: ["change", "refresh", "update:modelValue"],
-  components: { Loading },
-  setup(props, { emit, slots }) {
-    const touch = useTouch();
-    const scroller = ref();
-    const scrollParent = useScrollParent(scroller);
-    const state = reactive({
-      isPullRefresh: false,
+  components: { Loading: Z },
+  setup(e, { emit: t, slots: s }) {
+    const a = U(), m = Y(), c = X(m), o = j({
+      isPullRefresh: !1,
       distance: 0,
       status: "normal"
-    });
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
-    const getPullStatus = computed(() => {
-      switch (state.status) {
+    }), u = d(() => ({
+      [ee]: !0
+    })), D = d(() => {
+      switch (o.status) {
         case "pulling":
-          return !slots.pulling ? props.pullingTxt : "";
+          return s.pulling ? "" : e.pullingTxt;
         case "loosing":
-          return !slots.loosing ? props.loosingTxt : "";
+          return s.loosing ? "" : e.loosingTxt;
         case "loading":
-          return !slots.loading ? props.loadingTxt : "";
+          return s.loading ? "" : e.loadingTxt;
       }
-    });
-    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;
+    }), 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 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);
-        }
-      }
-      setTimeout(() => {
-        touch.reset();
+    }, 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();
       }, 0);
     };
-    watch(
-      () => props.modelValue,
-      (val) => {
-        console.log("监听", val);
-        if (val) {
-          setPullStatus(+props.headHeight, true);
-          nextTick(() => emit("refresh"));
-        } else {
-          setPullStatus(0);
-        }
+    return q(
+      () => e.modelValue,
+      (l) => {
+        l ? r(+e.headHeight, !0) : r(0);
       }
-    );
-    return {
-      classes,
-      scroller,
-      ...toRefs(state),
-      touchStart,
-      touchMove,
-      touchEnd,
-      getStyle,
-      translate,
-      slots,
-      getHeightStyle,
-      getPullStatus
-    };
+    ), P(T({
+      classes: u,
+      scroller: m
+    }, x(o)), {
+      touchStart: b,
+      touchMove: N,
+      touchEnd: E,
+      getStyle: H,
+      translate: h,
+      slots: s,
+      getHeightStyle: C,
+      getPullStatus: D
+    });
   }
-});
-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),
+}), 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),
     ref: "scroller",
-    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))
+    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))
   }, [
-    createElementVNode("div", {
+    S("div", {
       class: "nut-pull-refresh-container",
-      style: normalizeStyle(_ctx.getStyle)
+      style: k(e.getStyle)
     }, [
-      createElementVNode("div", {
+      S("div", {
         class: "nut-pull-refresh-container-topbox",
-        style: normalizeStyle(_ctx.getHeightStyle)
+        style: k(e.getHeightStyle)
       }, [
-        _ctx.status == "loading" && !_ctx.slots.loading ? (openBlock(), createBlock(_component_Loading, {
+        e.status == "loading" && !e.slots.loading ? ($(), J(o, {
           key: 0,
           class: "nut-icon-loading nut-pull-refresh-container-topbox-icon"
-        })) : 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)
+        })) : 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)
       ], 4),
-      renderSlot(_ctx.$slots, "default")
+      f(e.$slots, "default")
     ], 4)
   ], 34);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const he = /* @__PURE__ */ _(le, [["render", se]]);
 export {
-  index as default
+  he as default
 };

package/dist/packages/_es/Radio.js

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

package/dist/packages/_es/RadioGroup.js

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