@nutui/nutui 3.3.1 → 4.0.0-beta.0

package/dist/packages/_es/Radio.js

@@ -1,108 +1,15 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { inject, computed, h } from "vue";
-import { c as createComponent } from "./component.js";
-import _sfc_main$1 from "./Icon.js";
+import { _ as _sfc_main } from "./index.vue_vue_type_script_lang.43efbcd1.js";
+import { _ } from "./index.vue_vue_type_script_lang.43efbcd1.js";
+import "vue";
+import "./component.fb9ce7ad.js";
 import "../locale/lang";
-import "./pxCheck.js";
-const { componentName, create } = createComponent("radio");
-const _sfc_main = create({
-  props: {
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    shape: {
-      type: String,
-      default: "round"
-    },
-    label: {
-      type: [String, Number, Boolean],
-      default: ""
-    },
-    iconName: {
-      type: String,
-      default: "check-normal"
-    },
-    iconActiveName: {
-      type: String,
-      default: "check-checked"
-    },
-    iconSize: {
-      type: [String, Number],
-      default: ""
-    },
-    iconClassPrefix: {
-      type: String,
-      default: "nut-icon"
-    },
-    iconFontClassName: {
-      type: String,
-      default: "nutui-iconfont"
-    }
-  },
-  setup(props, { emit, slots }) {
-    let parent = inject("parent", null);
-    const isCurValue = computed(() => {
-      return parent.label.value === props.label;
-    });
-    const color = computed(() => {
-      return !props.disabled ? isCurValue.value ? "nut-radio__icon" : "nut-radio__icon--unchecked" : "nut-radio__icon--disable";
-    });
-    const position = computed(() => {
-      return parent.position;
-    });
-    const renderIcon = () => {
-      const { iconName, iconSize, iconActiveName, iconClassPrefix, iconFontClassName } = props;
-      return h(_sfc_main$1, {
-        name: isCurValue.value ? iconActiveName : iconName,
-        size: iconSize,
-        class: color.value,
-        classPrefix: iconClassPrefix,
-        fontClassName: iconFontClassName
-      });
-    };
-    const renderLabel = () => {
-      var _a;
-      return h(
-        "view",
-        {
-          class: `${componentName}__label ${props.disabled ? `${componentName}__label--disabled` : ""}`
-        },
-        (_a = slots.default) == null ? void 0 : _a.call(slots)
-      );
-    };
-    const renderButton = () => {
-      var _a;
-      return h(
-        "view",
-        {
-          class: `${componentName}__button ${isCurValue.value && `${componentName}__button--active`} ${props.disabled ? `${componentName}__button--disabled` : ""}`
-        },
-        (_a = slots.default) == null ? void 0 : _a.call(slots)
-      );
-    };
-    const handleClick = () => {
-      if (isCurValue.value || props.disabled)
-        return;
-      parent.updateValue(props.label);
-    };
-    let reverseState = position.value === "left";
-    return () => {
-      return h(
-        "view",
-        {
-          class: `${componentName} ${componentName}--${props.shape} ${reverseState ? `${componentName}--reverse` : ""}`,
-          onClick: handleClick
-        },
-        [
-          props.shape == "button" ? renderButton() : reverseState ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()]
-        ]
-      );
-    };
-  }
-});
-export { _sfc_main as default };
+import "@nutui/icons-vue";
+import "./pxCheck.09969b22.js";
+export {
+  _ as default
+};

package/dist/packages/_es/RadioGroup.js

@@ -1,49 +1,13 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { provide, readonly, computed, watch, h } from "vue";
-import { c as createComponent } from "./component.js";
+import { _ as _sfc_main } from "./index.vue_vue_type_script_lang.6e735bb8.js";
+import { _ } from "./index.vue_vue_type_script_lang.6e735bb8.js";
+import "vue";
+import "./component.fb9ce7ad.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("radiogroup");
-const _sfc_main = create({
-  props: {
-    modelValue: {
-      type: [Number, String, Boolean],
-      default: ""
-    },
-    direction: {
-      type: String,
-      default: "vertical"
-    },
-    textPosition: {
-      type: String,
-      default: "right"
-    }
-  },
-  emits: ["change", "update:modelValue"],
-  setup(props, { emit, slots }) {
-    const updateValue = (value) => emit("update:modelValue", value);
-    provide("parent", {
-      label: readonly(computed(() => props.modelValue)),
-      position: props.textPosition,
-      updateValue
-    });
-    watch(
-      () => props.modelValue,
-      (value) => emit("change", value)
-    );
-    return () => {
-      var _a;
-      return h(
-        "view",
-        {
-          class: `${componentName} ${componentName}--${props.direction}`
-        },
-        (_a = slots.default) == null ? void 0 : _a.call(slots)
-      );
-    };
-  }
-});
-export { _sfc_main as default };
+export {
+  _ as default
+};

package/dist/packages/_es/Range.js

@@ -1,13 +1,13 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { ref, computed, toRefs, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createElementVNode, normalizeStyle, withModifiers, Fragment, renderList, createTextVNode, renderSlot } from "vue";
-import { c as createComponent } from "./component.js";
-import { u as useTouch } from "./index4.js";
-import { u as useRect } from "./index2.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { c as createComponent, i as isArray } from "./component.fb9ce7ad.js";
+import { u as useTouch } from "./index.983240fc.js";
+import { u as useRect } from "./index.af02c42d.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("range");
 const _sfc_main = create({
@@ -54,7 +54,7 @@ const _sfc_main = create({
     }
   },
   emits: ["change", "drag-end", "drag-start", "update:modelValue"],
-  setup(props, { emit, slots }) {
+  setup(props, { emit }) {
     const buttonIndex = ref(0);
     let startValue;
     let currentValue;
@@ -145,7 +145,7 @@ const _sfc_main = create({
       };
     };
     const marksStyle = (mark) => {
-      const { max, min, vertical } = props;
+      const { min, vertical } = props;
       let style = {
         left: `${(mark - Number(min)) / scope.value * 100}%`
       };
@@ -272,7 +272,7 @@ const _sfc_main = create({
       dragStatus.value = "";
     };
     const curValue = (idx) => {
-      const value = typeof idx === "number" ? props.modelValue[idx] : props.modelValue;
+      const value = isArray(props.modelValue) && typeof idx === "number" ? props.modelValue[idx] : Number(props.modelValue);
       return value;
     };
     return {
@@ -298,7 +298,7 @@ const _sfc_main = create({
 });
 const _hoisted_1 = {
   key: 0,
-  class: "min"
+  class: "nut-range-min"
 };
 const _hoisted_2 = {
   key: 0,
@@ -316,7 +316,7 @@ const _hoisted_6 = {
 };
 const _hoisted_7 = {
   key: 1,
-  class: "max"
+  class: "nut-range-max"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
@@ -348,23 +348,23 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: "nut-range-bar",
         style: normalizeStyle(_ctx.barStyle)
       }, [
-        _ctx.range ? (openBlock(), createElementBlock(Fragment, { key: 0 }, renderList([0, 1], (index2) => {
+        _ctx.range ? (openBlock(), createElementBlock(Fragment, { key: 0 }, renderList([0, 1], (index) => {
           return createElementVNode("view", {
-            key: index2,
+            key: index,
             role: "slider",
             class: normalizeClass({
-              "nut-range-button-wrapper-left": index2 == 0,
-              "nut-range-button-wrapper-right": index2 == 1
+              "nut-range-button-wrapper-left": index == 0,
+              "nut-range-button-wrapper-right": index == 1
             }),
             tabindex: _ctx.disabled ? -1 : 0,
             "aria-valuemin": +_ctx.min,
-            "aria-valuenow": _ctx.curValue(index2),
+            "aria-valuenow": _ctx.curValue(index),
             "aria-valuemax": +_ctx.max,
             "aria-orientation": "horizontal",
             onTouchstart: withModifiers(
               (e) => {
-                if (typeof index2 === "number") {
-                  _ctx.buttonIndex = index2;
+                if (typeof index === "number") {
+                  _ctx.buttonIndex = index;
                 }
                 _ctx.onTouchStart(e);
               },
@@ -380,7 +380,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               class: "nut-range-button",
               style: normalizeStyle(_ctx.buttonStyle)
             }, [
-              !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_4, toDisplayString(_ctx.curValue(index2)), 1)) : createCommentVNode("", true)
+              !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_4, toDisplayString(_ctx.curValue(index)), 1)) : createCommentVNode("", true)
             ], 4))
           ], 42, _hoisted_3);
         }), 64)) : (openBlock(), createElementBlock("view", {
@@ -416,5 +416,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_7, toDisplayString(+_ctx.max), 1)) : createCommentVNode("", true)
   ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const Range = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  Range as default
+};

package/dist/packages/_es/Rate.js

@@ -1,152 +1,147 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { c as createComponent } from "./component.js";
-import { ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, normalizeStyle, createVNode, createBlock, createCommentVNode } from "vue";
-import { p as pxCheck } from "./pxCheck.js";
-import { u as useTouch } from "./index4.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { h, ref, computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, normalizeStyle, createElementVNode, createBlock, resolveDynamicComponent, createCommentVNode } from "vue";
+import { StarN } from "@nutui/icons-vue";
+import { c as createComponent } from "./component.fb9ce7ad.js";
+import { r as renderIcon } from "./renderIcon.f32ed340.js";
+import { p as pxCheck } from "./pxCheck.09969b22.js";
+import { u as useTouch } from "./index.983240fc.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
 import "../locale/lang";
-const { componentName } = createComponent("rate");
-const useComponent = (touchable = true) => {
-  return {
-    props: {
-      count: {
-        type: [String, Number],
-        default: 5
-      },
-      modelValue: {
-        type: [String, Number],
-        default: 0
-      },
-      iconSize: {
-        type: [String, Number],
-        default: 18
-      },
-      activeColor: {
-        type: String,
-        default: ""
-      },
-      voidColor: {
-        type: String,
-        default: ""
-      },
-      uncheckedIcon: {
-        type: String,
-        default: "star-n"
-      },
-      checkedIcon: {
-        type: String,
-        default: "star-fill-n"
-      },
-      readonly: {
-        type: Boolean,
-        default: false
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      },
-      allowHalf: {
-        type: Boolean,
-        default: false
-      },
-      touchable: {
-        type: Boolean,
-        default: true
-      },
-      spacing: {
-        type: [String, Number],
-        default: 14
-      },
-      classPrefix: {
-        type: String,
-        default: "nut-icon"
-      },
-      fontClassName: {
-        type: String,
-        default: "nutui-iconfont"
+const { create, componentName } = createComponent("rate");
+const _sfc_main = create({
+  props: {
+    count: {
+      type: [String, Number],
+      default: 5
+    },
+    modelValue: {
+      type: [String, Number],
+      default: 0
+    },
+    icon: {
+      type: Object,
+      default: () => {
+        return h(StarN, { width: 18, height: 18 });
       }
     },
-    emits: ["update:modelValue", "change"],
-    setup(props, { emit }) {
-      const rateRefs = ref([]);
-      const classes = computed(() => {
-        const prefixCls = componentName;
-        return {
-          [prefixCls]: true
-        };
-      });
-      const updateVal = (value) => {
-        emit("update:modelValue", value);
-        emit("change", value);
+    activeColor: {
+      type: String,
+      default: ""
+    },
+    voidColor: {
+      type: String,
+      default: ""
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    allowHalf: {
+      type: Boolean,
+      default: false
+    },
+    touchable: {
+      type: Boolean,
+      default: true
+    },
+    spacing: {
+      type: [String, Number],
+      default: 14
+    }
+  },
+  components: { StarN },
+  emits: ["update:modelValue", "change"],
+  setup(props, { emit, slots }) {
+    const rateRefs = ref([]);
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
       };
-      const onClick = (e, index2) => {
-        if (props.disabled || props.readonly)
-          return;
-        let value = 0;
-        if (index2 === 1 && props.modelValue === index2)
-          ;
-        else {
-          value = index2;
-          if (props.allowHalf && e == 2) {
-            value -= 0.5;
-          }
+    });
+    const updateVal = (value) => {
+      emit("update:modelValue", value);
+      emit("change", value);
+    };
+    const onClick = (e, index) => {
+      if (props.disabled || props.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 index2 = rateRefs2.value.length - 1; index2 >= 0; index2--) {
-          const item = rateRefs2.value[index2];
-          if (x > item.offsetLeft) {
-            if (allowHalf) {
-              v = index2 + (x > item.offsetLeft + item.clientWidth / 2 ? 1 : 0.5);
-            } else {
-              v = index2 + 1;
-            }
-            break;
+      }
+      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 v;
-      };
-      const touch = useTouch();
-      const touchMethods = {
-        onTouchStart(event) {
-          if (!props.touchable)
-            return;
-          touch.start(event);
-        },
-        onTouchMove(event) {
-          if (!props.touchable || !touchable)
-            return;
-          touch.move(event);
-          if (touch.isHorizontal()) {
-            if (rateRefs.value) {
-              event.preventDefault();
-              updateVal(getScoreByPosition(touch.moveX.value, rateRefs, props.allowHalf));
-            }
+      }
+      return v;
+    };
+    const touch = useTouch();
+    const touchMethods = {
+      onTouchStart(event) {
+        if (!props.touchable)
+          return;
+        touch.start(event);
+      },
+      onTouchMove(event) {
+        if (!props.touchable || false)
+          return;
+        touch.move(event);
+        if (touch.isHorizontal()) {
+          if (rateRefs.value) {
+            event.preventDefault();
+            updateVal(getScoreByPosition(touch.moveX.value, rateRefs, props.allowHalf));
           }
         }
-      };
-      const refRandomId = Math.random().toString(36).slice(-8);
-      return {
-        classes,
-        ...touchMethods,
-        onClick,
-        pxCheck,
-        rateRefs,
-        refRandomId
-      };
-    }
-  };
-};
-const component = useComponent();
+      }
+    };
+    const refRandomId = Math.random().toString(36).slice(-8);
+    return {
+      classes,
+      ...touchMethods,
+      onClick,
+      pxCheck,
+      rateRefs,
+      refRandomId,
+      renderIcon,
+      slots
+    };
+  }
+});
 const _hoisted_1 = ["id"];
+const _hoisted_2 = {
+  key: 0,
+  class: "nut-rate-item__icon--half"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "nut-rate-item__icon--half"
+};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args)),
@@ -161,39 +156,31 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         id: "rateRefs-" + _ctx.refRandomId + n,
         style: normalizeStyle({ marginRight: _ctx.pxCheck(_ctx.spacing) })
       }, [
-        createVNode(_component_nut_icon, {
-          size: _ctx.iconSize,
-          class: normalizeClass(["nut-rate-item__icon", { "nut-rate-item__icon--disabled": _ctx.disabled || n > _ctx.modelValue }]),
-          onClick: ($event) => _ctx.onClick(1, n),
-          color: n <= _ctx.modelValue ? _ctx.activeColor : _ctx.voidColor,
-          "font-class-name": _ctx.fontClassName,
-          "class-prefix": _ctx.classPrefix,
-          name: n <= _ctx.modelValue ? _ctx.checkedIcon : _ctx.uncheckedIcon
-        }, null, 8, ["size", "onClick", "class", "color", "font-class-name", "class-prefix", "name"]),
-        _ctx.allowHalf && Number(_ctx.modelValue) + 1 > n ? (openBlock(), createBlock(_component_nut_icon, {
-          key: 0,
-          class: "nut-rate-item__icon nut-rate-item__icon--half",
-          onClick: ($event) => _ctx.onClick(2, n),
-          "font-class-name": _ctx.fontClassName,
-          "class-prefix": _ctx.classPrefix,
-          color: n <= Number(_ctx.modelValue) + 1 ? _ctx.activeColor : _ctx.voidColor,
-          size: _ctx.iconSize,
-          name: _ctx.checkedIcon
-        }, null, 8, ["onClick", "font-class-name", "class-prefix", "color", "size", "name"])) : _ctx.allowHalf && Number(_ctx.modelValue) + 1 < n ? (openBlock(), createBlock(_component_nut_icon, {
-          key: 1,
-          class: "nut-rate-item__icon nut-rate-item__icon--disabled nut-rate-item__icon--half",
-          onClick: ($event) => _ctx.onClick(2, n),
-          "font-class-name": _ctx.fontClassName,
-          "class-prefix": _ctx.classPrefix,
-          color: _ctx.voidColor,
-          size: _ctx.iconSize,
-          name: _ctx.uncheckedIcon
-        }, null, 8, ["onClick", "font-class-name", "class-prefix", "color", "size", "name"])) : createCommentVNode("", true)
+        createElementVNode("view", null, [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.icon)), {
+            class: normalizeClass(["nut-rate-item__icon", { "nut-rate-item__icon--disabled": _ctx.disabled || n > _ctx.modelValue }]),
+            color: n <= _ctx.modelValue ? _ctx.activeColor : _ctx.voidColor,
+            onClick: ($event) => _ctx.onClick(1, n)
+          }, null, 8, ["class", "color", "onClick"]))
+        ]),
+        _ctx.allowHalf && Number(_ctx.modelValue) + 1 > n ? (openBlock(), createElementBlock("view", _hoisted_2, [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.icon)), {
+            class: "nut-rate-item__icon",
+            color: n <= Number(_ctx.modelValue) + 1 ? _ctx.activeColor : _ctx.voidColor,
+            onClick: ($event) => _ctx.onClick(2, n)
+          }, null, 8, ["color", "onClick"]))
+        ])) : _ctx.allowHalf && Number(_ctx.modelValue) + 1 < n ? (openBlock(), createElementBlock("view", _hoisted_3, [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.icon)), {
+            class: "nut-rate-item__icon nut-rate-item__icon--disabled",
+            color: _ctx.voidColor,
+            onClick: ($event) => _ctx.onClick(2, n)
+          }, null, 8, ["color", "onClick"]))
+        ])) : createCommentVNode("", true)
       ], 12, _hoisted_1);
     }), 128))
   ], 34);
 }
-const { create } = createComponent("rate");
-const _sfc_main = create(component);
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", render]]);
-export { index as default };
+const Rate = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", render]]);
+export {
+  Rate as default
+};

package/dist/packages/_es/Row.js

@@ -1,11 +1,11 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { provide, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component.fb9ce7ad.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("row");
 const _sfc_main = create({
@@ -59,5 +59,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};