@nutui/nutui 4.0.12-beta.1 → 4.0.12

package/dist/packages/_es/Rate.js

@@ -1,24 +1,32 @@
-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";
+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, 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";
 import "../locale/lang";
-const { create: A, componentName: G } = O("rate"), J = A({
+const { create, componentName } = createComponent("rate");
+const _sfc_main = create({
   props: {
     count: {
       type: [String, Number],
@@ -30,7 +38,9 @@ const { create: A, componentName: G } = O("rate"), J = A({
     },
     customIcon: {
       type: Object,
-      default: () => N
+      default: () => {
+        return StarFillN;
+      }
     },
     size: {
       type: [String, Number],
@@ -46,108 +56,147 @@ const { create: A, componentName: G } = O("rate"), J = A({
     },
     readonly: {
       type: Boolean,
-      default: !1
+      default: false
     },
     disabled: {
       type: Boolean,
-      default: !1
+      default: false
     },
     allowHalf: {
       type: Boolean,
-      default: !1
+      default: false
     },
     touchable: {
       type: Boolean,
-      default: !0
+      default: true
     },
     spacing: {
       type: [String, Number],
       default: void 0
     }
   },
-  components: { StarFillN: N },
+  components: { StarFillN },
   emits: ["update:modelValue", "change"],
-  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)
+  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)
         return;
-      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;
+      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;
+          }
           break;
         }
       }
-      return h;
-    }, c = X(), S = {
-      onTouchStart(a) {
-        !e.touchable || e.readonly || c.start(a);
+      return v;
+    };
+    const touch = useTouch();
+    const touchMethods = {
+      onTouchStart(event) {
+        if (!props.touchable || props.readonly)
+          return;
+        touch.start(event);
       },
-      onTouchMove(a) {
-        e.touchable && (c.move(a), c.isHorizontal() && d.value && (a.preventDefault(), f(m(c.moveX.value, d, e.allowHalf))));
+      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));
+          }
+        }
       }
-    }, 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 refRandomId = Math.random().toString(36).slice(-8);
+    return __spreadProps(__spreadValues({
+      classes
+    }, touchMethods), {
+      onClick,
+      pxCheck,
+      rateRefs,
+      refRandomId,
+      renderIcon,
+      slots
     });
   }
-}), K = ["id"], Q = { class: "nut-rate-item__icon--full" }, U = {
+});
+const _hoisted_1 = ["id"];
+const _hoisted_2 = { class: "nut-rate-item__icon--full" };
+const _hoisted_3 = {
   key: 0,
   class: "nut-rate-item__icon--half"
-}, Y = {
+};
+const _hoisted_4 = {
   key: 1,
   class: "nut-rate-item__icon--half"
 };
-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))
+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))
   }, [
-    (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))
+    (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", _hoisted_2, [
+          (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_3, [
+          (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_4, [
+          (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))
   ], 34);
 }
-const ie = /* @__PURE__ */ q(J, [["render", Z]]);
+const Rate = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", render]]);
 export {
-  ie as default
+  Rate as default
 };

package/dist/packages/_es/Row.js

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