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

package/dist/packages/_es/Rate.js

@@ -1,13 +1,24 @@
-import { ref, computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, normalizeStyle, createElementVNode, createBlock, resolveDynamicComponent, createCommentVNode } from "vue";
-import { StarFillN } from "@nutui/icons-vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
-import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
-import { u as useTouch } from "./index-7a7385e4.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+var I = Object.defineProperty, T = Object.defineProperties;
+var B = Object.getOwnPropertyDescriptors;
+var b = Object.getOwnPropertySymbols;
+var $ = Object.prototype.hasOwnProperty, H = Object.prototype.propertyIsEnumerable;
+var g = (e, o, l) => o in e ? I(e, o, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[o] = l, k = (e, o) => {
+  for (var l in o || (o = {}))
+    $.call(o, l) && g(e, l, o[l]);
+  if (b)
+    for (var l of b(o))
+      H.call(o, l) && g(e, l, o[l]);
+  return e;
+}, z = (e, o) => T(e, B(o));
+import { ref as R, computed as M, openBlock as r, createElementBlock as u, normalizeClass as w, Fragment as L, renderList as D, normalizeStyle as E, createElementVNode as F, createBlock as v, resolveDynamicComponent as C, createCommentVNode as j } from "vue";
+import { StarFillN as N } from "@nutui/icons-vue";
+import { c as O } from "./component-234624bc.js";
+import { r as P } from "./renderIcon-47498b32.js";
+import { p as W } from "./pxCheck-38173291.js";
+import { u as X } from "./index-53ec2d4d.js";
+import { _ as q } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
-const { create, componentName } = createComponent("rate");
-const _sfc_main = create({
+const { create: A, componentName: G } = O("rate"), J = A({
   props: {
     count: {
       type: [String, Number],
@@ -19,9 +30,7 @@ const _sfc_main = create({
     },
     customIcon: {
       type: Object,
-      default: () => {
-        return StarFillN;
-      }
+      default: () => N
     },
     size: {
       type: [String, Number],
@@ -37,146 +46,108 @@ const _sfc_main = create({
     },
     readonly: {
       type: Boolean,
-      default: false
+      default: !1
     },
     disabled: {
       type: Boolean,
-      default: false
+      default: !1
     },
     allowHalf: {
       type: Boolean,
-      default: false
+      default: !1
     },
     touchable: {
       type: Boolean,
-      default: true
+      default: !0
     },
     spacing: {
       type: [String, Number],
       default: void 0
     }
   },
-  components: { StarFillN },
+  components: { StarFillN: N },
   emits: ["update:modelValue", "change"],
-  setup(props, { emit, slots }) {
-    const rateRefs = ref([]);
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
-    const updateVal = (value) => {
-      emit("update:modelValue", value);
-      emit("change", value);
-    };
-    const onClick = (e, index) => {
-      if (props.disabled || props.readonly)
+  setup(e, { emit: o, slots: l }) {
+    const d = R([]), y = M(() => ({
+      [G]: !0
+    })), f = (a) => {
+      o("update:modelValue", a), o("change", a);
+    }, t = (a, n) => {
+      if (e.disabled || e.readonly)
         return;
-      let value = 0;
-      if (index === 1 && props.modelValue === index)
-        ;
-      else {
-        value = index;
-        if (props.allowHalf && e == 2) {
-          value -= 0.5;
-        }
-      }
-      updateVal(value);
-    };
-    const getScoreByPosition = (x, rateRefs2, allowHalf) => {
-      let v = 0;
-      for (let index = rateRefs2.value.length - 1; index >= 0; index--) {
-        const item = rateRefs2.value[index];
-        if (x > item.offsetLeft) {
-          if (allowHalf) {
-            v = index + (x > item.offsetLeft + item.clientWidth / 2 ? 1 : 0.5);
-          } else {
-            v = index + 1;
-          }
+      let i = 0;
+      n === 1 && e.modelValue === n || (i = n, e.allowHalf && a == 2 && (i -= 0.5)), f(i);
+    }, m = (a, n, i) => {
+      let h = 0;
+      for (let s = n.value.length - 1; s >= 0; s--) {
+        const p = n.value[s];
+        if (a > p.offsetLeft) {
+          i ? h = s + (a > p.offsetLeft + p.clientWidth / 2 ? 1 : 0.5) : h = s + 1;
           break;
         }
       }
-      return v;
-    };
-    const touch = useTouch();
-    const touchMethods = {
-      onTouchStart(event) {
-        if (!props.touchable || props.readonly)
-          return;
-        touch.start(event);
+      return h;
+    }, c = X(), S = {
+      onTouchStart(a) {
+        !e.touchable || e.readonly || c.start(a);
       },
-      onTouchMove(event) {
-        if (!props.touchable)
-          return;
-        touch.move(event);
-        if (touch.isHorizontal()) {
-          if (rateRefs.value) {
-            event.preventDefault();
-            updateVal(getScoreByPosition(touch.moveX.value, rateRefs, props.allowHalf));
-          }
-        }
+      onTouchMove(a) {
+        e.touchable && (c.move(a), c.isHorizontal() && d.value && (a.preventDefault(), f(m(c.moveX.value, d, e.allowHalf))));
       }
-    };
-    const refRandomId = Math.random().toString(36).slice(-8);
-    return {
-      classes,
-      ...touchMethods,
-      onClick,
-      pxCheck,
-      rateRefs,
-      refRandomId,
-      renderIcon,
-      slots
-    };
+    }, V = Math.random().toString(36).slice(-8);
+    return z(k({
+      classes: y
+    }, S), {
+      onClick: t,
+      pxCheck: W,
+      rateRefs: d,
+      refRandomId: V,
+      renderIcon: P,
+      slots: l
+    });
   }
-});
-const _hoisted_1 = ["id"];
-const _hoisted_2 = {
+}), K = ["id"], Q = { class: "nut-rate-item__icon--full" }, U = {
   key: 0,
   class: "nut-rate-item__icon--half"
-};
-const _hoisted_3 = {
+}, Y = {
   key: 1,
   class: "nut-rate-item__icon--half"
 };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes),
-    onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args)),
-    onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.onTouchMove && _ctx.onTouchMove(...args))
+function Z(e, o, l, d, y, f) {
+  return r(), u("view", {
+    class: w(e.classes),
+    onTouchstart: o[0] || (o[0] = (...t) => e.onTouchStart && e.onTouchStart(...t)),
+    onTouchmove: o[1] || (o[1] = (...t) => e.onTouchMove && e.onTouchMove(...t))
   }, [
-    (openBlock(true), createElementBlock(Fragment, null, renderList(Number(_ctx.count), (n) => {
-      return openBlock(), createElementBlock("view", {
-        class: "nut-rate-item",
-        key: n,
-        ref_for: true,
-        ref: "rateRefs",
-        id: "rateRefs-" + _ctx.refRandomId + n,
-        style: normalizeStyle(n < Number(_ctx.count) ? { marginRight: _ctx.pxCheck(_ctx.spacing) } : {})
-      }, [
-        createElementVNode("view", null, [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.customIcon, { width: _ctx.size, height: _ctx.size, size: _ctx.size, color: n <= _ctx.modelValue ? _ctx.activeColor : _ctx.voidColor })), {
-            class: normalizeClass(["nut-rate-item__icon", { "nut-rate-item__icon--disabled": _ctx.disabled || n > _ctx.modelValue }]),
-            onClick: ($event) => _ctx.onClick(1, n)
-          }, null, 8, ["class", "onClick"]))
-        ]),
-        _ctx.allowHalf && Number(_ctx.modelValue) + 1 > n ? (openBlock(), createElementBlock("view", _hoisted_2, [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.customIcon, { width: _ctx.size, height: _ctx.size, size: _ctx.size, color: n <= Number(_ctx.modelValue) + 1 ? _ctx.activeColor : _ctx.voidColor })), {
-            class: "nut-rate-item__icon",
-            onClick: ($event) => _ctx.onClick(2, n)
-          }, null, 8, ["onClick"]))
-        ])) : _ctx.allowHalf && Number(_ctx.modelValue) + 1 < n ? (openBlock(), createElementBlock("view", _hoisted_3, [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.customIcon, { width: _ctx.size, height: _ctx.size, size: _ctx.size, color: _ctx.voidColor })), {
-            class: "nut-rate-item__icon nut-rate-item__icon--disabled",
-            onClick: ($event) => _ctx.onClick(2, n)
-          }, null, 8, ["onClick"]))
-        ])) : createCommentVNode("", true)
-      ], 12, _hoisted_1);
-    }), 128))
+    (r(!0), u(L, null, D(Number(e.count), (t) => (r(), u("view", {
+      class: "nut-rate-item",
+      key: t,
+      ref_for: !0,
+      ref: "rateRefs",
+      id: "rateRefs-" + e.refRandomId + t,
+      style: E(t < Number(e.count) ? { marginRight: e.pxCheck(e.spacing) } : {})
+    }, [
+      F("view", Q, [
+        (r(), v(C(e.renderIcon(e.customIcon, { width: e.size, height: e.size, size: e.size, color: t <= e.modelValue ? e.activeColor : e.voidColor })), {
+          class: w(["nut-rate-item__icon", { "nut-rate-item__icon--disabled": e.disabled || t > e.modelValue }]),
+          onClick: (m) => e.onClick(1, t)
+        }, null, 8, ["class", "onClick"]))
+      ]),
+      e.allowHalf && Number(e.modelValue) + 1 > t ? (r(), u("view", U, [
+        (r(), v(C(e.renderIcon(e.customIcon, { width: e.size, height: e.size, size: e.size, color: t <= Number(e.modelValue) + 1 ? e.activeColor : e.voidColor })), {
+          class: "nut-rate-item__icon",
+          onClick: (m) => e.onClick(2, t)
+        }, null, 8, ["onClick"]))
+      ])) : e.allowHalf && Number(e.modelValue) + 1 < t ? (r(), u("view", Y, [
+        (r(), v(C(e.renderIcon(e.customIcon, { width: e.size, height: e.size, size: e.size, color: e.voidColor })), {
+          class: "nut-rate-item__icon nut-rate-item__icon--disabled",
+          onClick: (m) => e.onClick(2, t)
+        }, null, 8, ["onClick"]))
+      ])) : j("", !0)
+    ], 12, K))), 128))
   ], 34);
 }
-const Rate = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", render]]);
+const ie = /* @__PURE__ */ q(J, [["render", Z]]);
 export {
-  Rate as default
+  ie as default
 };

package/dist/packages/_es/Row.js

@@ -1,9 +1,8 @@
-import { provide, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+import { provide as o, computed as l, openBlock as u, createElementBlock as c, normalizeClass as i, renderSlot as f } from "vue";
+import { c as p } from "./component-234624bc.js";
+import { _ as m } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("row");
-const _sfc_main = create({
+const { componentName: d, create: g } = p("row"), y = g({
   props: {
     type: {
       type: String,
@@ -27,34 +26,29 @@ const _sfc_main = create({
     }
   },
   emits: [],
-  setup(props) {
-    const prefixCls = componentName;
-    provide("gutter", props.gutter);
-    const getClass = (prefix, type) => {
-      return prefix ? type ? `nut-row-${prefix}-${type}` : "" : `nut-row-${type}`;
-    };
-    const getClasses = () => {
-      return `
-              ${getClass("", props.type)}
-              ${getClass("justify", props.justify)}
-              ${getClass("align", props.align)}
-              ${getClass("flex", props.flexWrap)}
-              ${prefixCls}
-              `;
-    };
+  setup(t) {
+    const n = d;
+    o("gutter", t.gutter);
+    const e = (s, r) => s ? r ? `nut-row-${s}-${r}` : "" : `nut-row-${r}`;
     return {
-      getClasses
+      classes: l(() => [
+        n,
+        e("", t.type),
+        e("justify", t.justify),
+        e("align", t.align),
+        e("flex", t.flexWrap)
+      ])
     };
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.getClasses())
+function $(t, n, e, a, s, r) {
+  return u(), c("view", {
+    class: i(t.classes)
   }, [
-    renderSlot(_ctx.$slots, "default")
+    f(t.$slots, "default")
   ], 2);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const C = /* @__PURE__ */ m(y, [["render", $]]);
 export {
-  index as default
+  C as default
 };