@nutui/nutui 4.3.0-beta.6 → 4.3.1

package/dist/packages/imagepreview/ImagePreview.js

@@ -25,7 +25,7 @@ var __publicField = (obj, key, value) => {
 import { reactive, computed, watch, toRefs, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeStyle, createElementBlock, createCommentVNode, ref, nextTick, onMounted, Fragment, renderList, toDisplayString, normalizeClass, renderSlot, createVNode, h } from "vue";
 import { c as createComponent } from "../component-TCzwHGVq.js";
 import { e as clamp, d as preventDefault, a as isArray } from "../util-4Jkyw4BJ.js";
-import { u as useRect } from "../index-rf29bejW.js";
+import { u as useRect } from "../index-cp6Ms_Qe.js";
 import { u as useTouch } from "../index-084nl_oE.js";
 import NutVideo from "../video/Video.js";
 import NutSwiperItem from "../swiperitem/SwiperItem.js";
@@ -36,10 +36,6 @@ import NutSwiper from "../swiper/Swiper.js";
 import { f as funInterceptor } from "../Interceptor-WYVtGbGC.js";
 import { C as CreateComponent } from "../mountComponent-uInXoTMp.js";
 import NutOverlay from "../overlay/Overlay.js";
-import "../index-s3RgMhc7.js";
-import "@nutui/nutui/dist/packages/locale/lang";
-import "../types-9wCQwtH3.js";
-import "../raf-MQjoO-Ag.js";
 const baseProps = {
   show: { type: Boolean, default: false },
   initNo: { type: Number, default: 0 },

package/dist/packages/{index-rf29bejW.js → index-cp6Ms_Qe.js}

@@ -1,6 +1,6 @@
 import { unref } from "vue";
 function isWindow(val) {
-  return val === window;
+  return typeof window !== "undefined" && val === window;
 }
 const useRect = (elementRef) => {
   const element = unref(elementRef);

package/dist/packages/{index.vue_vue_type_script_lang-MJYVRFbp.js → index.vue_vue_type_script_lang-w2sgcysj.js}

@@ -1,8 +1,9 @@
-import { toRefs, inject, computed, h } from "vue";
+import { toRef, toRefs, inject, computed, h } from "vue";
 import { c as createComponent } from "./component-TCzwHGVq.js";
 import { CheckNormal, CheckChecked } from "@nutui/icons-vue";
 import { p as pxCheck } from "./pxCheck-OnXlN1NC.js";
 import { R as RADIO_KEY } from "./types-odSRziQJ.js";
+import { u as useFormDisabled } from "./common-LvGbU-A3.js";
 const { componentName, create } = createComponent("radio");
 const _sfc_main = create({
   components: {
@@ -32,13 +33,14 @@ const _sfc_main = create({
     }
   },
   setup(props, { slots }) {
+    const disabled = useFormDisabled(toRef(props, "disabled"));
     const { size } = toRefs(props);
     let parent = inject(RADIO_KEY, 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";
+      return !disabled.value ? isCurValue.value ? "nut-radio__icon" : "nut-radio__icon--unchecked" : "nut-radio__icon--disable";
     });
     const renderIcon = () => {
       const { iconSize } = props;
@@ -59,7 +61,7 @@ const _sfc_main = create({
       return h(
         "view",
         {
-          class: `${componentName}__label ${props.disabled ? `${componentName}__label--disabled` : ""}`
+          class: `${componentName}__label ${disabled.value ? `${componentName}__label--disabled` : ""}`
         },
         (_a = slots.default) == null ? void 0 : _a.call(slots)
       );
@@ -75,7 +77,7 @@ const _sfc_main = create({
       );
     };
     const handleClick = () => {
-      if (isCurValue.value || props.disabled)
+      if (isCurValue.value || disabled.value)
         return;
       parent.updateValue(props.label);
     };

package/dist/packages/infiniteloading/InfiniteLoading.js

@@ -25,7 +25,6 @@ import { r as requestAniFrame } from "../raf-MQjoO-Ag.js";
 import { Loading } from "@nutui/icons-vue";
 import { u as useLocale } from "../index-s3RgMhc7.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
-import "@nutui/nutui/dist/packages/locale/lang";
 const { create } = createComponent("infinite-loading");
 const cN = "NutInfiniteLoading";
 const _sfc_main = create({

package/dist/packages/input/Input.js

@@ -14,9 +14,10 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { ref, reactive, computed, watch, onMounted, h, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode, createBlock, resolveDynamicComponent, normalizeStyle, toDisplayString, createTextVNode, withDirectives, createVNode, mergeProps, vShow } from "vue";
-import { c as createComponent } from "../component-TCzwHGVq.js";
+import { toRef, ref, reactive, computed, watch, onMounted, h, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode, createBlock, resolveDynamicComponent, normalizeStyle, toDisplayString, createTextVNode, withDirectives, createVNode, mergeProps, vShow } from "vue";
 import { MaskClose } from "@nutui/icons-vue";
+import { c as createComponent } from "../component-TCzwHGVq.js";
+import { u as useFormDisabled } from "../common-LvGbU-A3.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 function trimExtraChar(value, char, regExp) {
   const index2 = value.indexOf(char);
@@ -141,6 +142,7 @@ const _sfc_main = create({
   emits: ["update:modelValue", "blur", "focus", "clear", "keypress", "click", "clickInput", "confirm"],
   expose: ["focus", "blur", "select"],
   setup(props, { emit }) {
+    const disabled = useFormDisabled(toRef(props, "disabled"));
     const active = ref(false);
     const inputRef = ref();
     const getModelValue = () => {
@@ -159,7 +161,7 @@ const _sfc_main = create({
       const prefixCls = componentName;
       return {
         [prefixCls]: true,
-        [`${prefixCls}--disabled`]: props.disabled,
+        [`${prefixCls}--disabled`]: disabled.value,
         [`${prefixCls}--required`]: props.required,
         [`${prefixCls}--error`]: props.error,
         [`${prefixCls}--border`]: props.border,
@@ -198,14 +200,14 @@ const _sfc_main = create({
       }
     };
     const onFocus = (event) => {
-      if (props.disabled || props.readonly) {
+      if (disabled.value || props.readonly) {
         return;
       }
       active.value = true;
       emit("focus", event);
     };
     const onBlur = (event) => {
-      if (props.disabled || props.readonly) {
+      if (disabled.value || props.readonly) {
         return;
       }
       setTimeout(() => {
@@ -221,7 +223,7 @@ const _sfc_main = create({
     };
     const clear = (event) => {
       event.stopPropagation();
-      if (props.disabled)
+      if (disabled.value)
         return;
       emit("update:modelValue", "", event);
       emit("clear", "", event);
@@ -233,7 +235,7 @@ const _sfc_main = create({
       }
     };
     const onClickInput = (event) => {
-      if (props.disabled) {
+      if (disabled.value) {
         return;
       }
       emit("clickInput", event);
@@ -283,6 +285,7 @@ const _sfc_main = create({
       active,
       classes,
       styles,
+      disabled,
       onInput,
       onFocus,
       onBlur,

package/dist/packages/inputnumber/InputNumber.js

@@ -1,7 +1,8 @@
-import { computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, normalizeStyle } from "vue";
+import { toRef, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, normalizeStyle } from "vue";
 import { c as createComponent } from "../component-TCzwHGVq.js";
 import { p as pxCheck } from "../pxCheck-OnXlN1NC.js";
 import { Minus, Plus } from "@nutui/icons-vue";
+import { u as useFormDisabled } from "../common-LvGbU-A3.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 const { componentName, create } = createComponent("input-number");
 const _sfc_main = create({
@@ -46,11 +47,12 @@ const _sfc_main = create({
   },
   emits: ["update:modelValue", "change", "blur", "focus", "reduce", "add", "overlimit"],
   setup(props, { emit }) {
+    const disabled = useFormDisabled(toRef(props, "disabled"));
     const classes = computed(() => {
       const prefixCls = componentName;
       return {
         [prefixCls]: true,
-        [`${prefixCls}--disabled`]: props.disabled
+        [`${prefixCls}--disabled`]: disabled.value
       };
     });
     const fixedDecimalPlaces = (v) => {
@@ -59,6 +61,7 @@ const _sfc_main = create({
     const change = (event) => {
       const input = event.target;
       emit("update:modelValue", input.value, event);
+      emit("change", input.value, event);
     };
     const emitChange = (value, event) => {
       let output_value = fixedDecimalPlaces(value);
@@ -67,13 +70,13 @@ const _sfc_main = create({
         emit("change", output_value, event);
     };
     const addAllow = (value = Number(props.modelValue)) => {
-      return value < Number(props.max) && !props.disabled;
+      return value < Number(props.max) && !disabled.value;
     };
     const reduceAllow = (value = Number(props.modelValue)) => {
-      return value > Number(props.min) && !props.disabled;
+      return value > Number(props.min) && !disabled.value;
     };
     const reduce = (event) => {
-      if (props.disabled)
+      if (disabled.value)
         return;
       emit("reduce", event);
       let output_value = Number(props.modelValue) - Number(props.step);
@@ -85,7 +88,7 @@ const _sfc_main = create({
       }
     };
     const add = (event) => {
-      if (props.disabled)
+      if (disabled.value)
         return;
       emit("add", event);
       let output_value = Number(props.modelValue) + Number(props.step);
@@ -97,14 +100,14 @@ const _sfc_main = create({
       }
     };
     const focus = (event) => {
-      if (props.disabled)
+      if (disabled.value)
         return;
       if (props.readonly)
         return;
       emit("focus", event);
     };
     const blur = (event) => {
-      if (props.disabled)
+      if (disabled.value)
         return;
       if (props.readonly)
         return;
@@ -141,6 +144,7 @@ const _sfc_main = create({
     );
     return {
       classes,
+      disabled,
       change,
       blur,
       focus,

package/dist/packages/invoice/Invoice.js

@@ -19,31 +19,20 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { ref, reactive, computed, onMounted, watch, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, withDirectives, vModelText, createCommentVNode } from "vue";
 import { c as createComponent } from "../component-TCzwHGVq.js";
-import NutForm from "../form/Form.js";
-import NutFormItem from "../formitem/FormItem.js";
-import { _ as _sfc_main$1 } from "../index.vue_vue_type_script_lang-MJYVRFbp.js";
-import { _ as _sfc_main$2 } from "../index.vue_vue_type_script_lang-54PRh3YM.js";
-import { Button as _sfc_main$3 } from "../button/Button.js";
+import { Form as _sfc_main$1 } from "../form/Form.js";
+import { FormItem as _sfc_main$2 } from "../formitem/FormItem.js";
+import { _ as _sfc_main$3 } from "../index.vue_vue_type_script_lang-w2sgcysj.js";
+import { _ as _sfc_main$4 } from "../index.vue_vue_type_script_lang-54PRh3YM.js";
+import { Button as _sfc_main$5 } from "../button/Button.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
-import "../util-4Jkyw4BJ.js";
-import "../types-Ynmct7na.js";
-import "../useChildren-GU_NVfD8.js";
-import "../cellgroup/CellGroup.js";
-import "../pxCheck-OnXlN1NC.js";
-import "../cell/Cell.js";
-import "../index-Ii9XdkPy.js";
-import "@nutui/icons-vue";
-import "../useParent-KIxqkovs.js";
-import "../types-odSRziQJ.js";
-import "../with-install-p59gYYU_.js";
 const { componentName, create } = createComponent("invoice");
 const _sfc_main = create({
   components: {
-    NutForm,
-    NutFormItem,
-    NutRadio: _sfc_main$1,
-    NutRadioGroup: _sfc_main$2,
-    NutButton: _sfc_main$3
+    NutForm: _sfc_main$1,
+    NutFormItem: _sfc_main$2,
+    NutRadio: _sfc_main$3,
+    NutRadioGroup: _sfc_main$4,
+    NutButton: _sfc_main$5
   },
   props: {
     data: {

package/dist/packages/list/List.js

@@ -19,7 +19,7 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { ref, reactive, computed, watch, toRefs, openBlock, createElementBlock, normalizeStyle, createElementVNode, Fragment, renderList, renderSlot } from "vue";
 import { c as createComponent } from "../component-TCzwHGVq.js";
-import { u as useRect } from "../index-rf29bejW.js";
+import { u as useRect } from "../index-cp6Ms_Qe.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 var CompareResult = /* @__PURE__ */ ((CompareResult2) => {
   CompareResult2[CompareResult2["eq"] = 1] = "eq";

package/dist/packages/locale/lang/index.js

@@ -7,7 +7,6 @@ var __publicField = (obj, key, value) => {
 import { reactive, ref } from "vue";
 import Lang from "./zh-CN.js";
 import Lang$1 from "./en-US.js";
-import "./baseLang-7uiEiO-2.js";
 const isObject = (val) => val !== null && typeof val === "object";
 const deepMerge = (target, newObj) => {
   Object.keys(newObj).forEach((key) => {

package/dist/packages/menu/Menu.js

@@ -1,6 +1,6 @@
 import { ref, computed, onMounted, onUnmounted, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, normalizeStyle, toDisplayString, renderSlot, createBlock } from "vue";
 import { c as createComponent } from "../component-TCzwHGVq.js";
-import { u as useRect } from "../index-rf29bejW.js";
+import { u as useRect } from "../index-cp6Ms_Qe.js";
 import { RectUp, RectDown } from "@nutui/icons-vue";
 import { M as MENU_KEY } from "../types-j71K23JP.js";
 import { u as useChildren } from "../useChildren-GU_NVfD8.js";

package/dist/packages/menuitem/MenuItem.js

@@ -24,8 +24,6 @@ import { Check } from "@nutui/icons-vue";
 import { u as useParent } from "../useParent-KIxqkovs.js";
 import { M as MENU_KEY } from "../types-j71K23JP.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
-import "../overlay/Overlay.js";
-import "../util-4Jkyw4BJ.js";
 const { create } = createComponent("menu-item");
 const _sfc_main = create({
   props: {

package/dist/packages/noticebar/Noticebar.js

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { h, ref, reactive, computed, watch, onMounted, onActivated, onDeactivated, onUnmounted, toRefs, resolveComponent, openBlock, createElementBlock, withDirectives, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createBlock, createCommentVNode, createTextVNode, toDisplayString, withModifiers, vShow, Fragment, renderList } from "vue";
+import { h, ref, reactive, computed, watch, onMounted, onActivated, onDeactivated, onUnmounted, toRefs, resolveComponent, openBlock, createElementBlock, withDirectives, normalizeClass, normalizeStyle, renderSlot, createVNode, createCommentVNode, createElementVNode, createTextVNode, toDisplayString, withModifiers, createBlock, vShow, Fragment, renderList } from "vue";
 import { Notice, CircleClose } from "@nutui/icons-vue";
 import { c as createComponent } from "../component-TCzwHGVq.js";
 import { p as pxCheck } from "../pxCheck-OnXlN1NC.js";
@@ -25,7 +25,6 @@ import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 const { create } = createComponent("noticebar");
 const _sfc_main = create({
   props: {
-    // 滚动方向  across 横向 vertical 纵向
     direction: {
       type: String,
       default: "across"
@@ -318,7 +317,10 @@ const _sfc_main = create({
   }
 });
 const _hoisted_1 = { class: "nut-noticebar" };
-const _hoisted_2 = { class: "nut-noticebar__page-lefticon" };
+const _hoisted_2 = {
+  key: 0,
+  class: "nut-noticebar__page-lefticon"
+};
 const _hoisted_3 = {
   ref: "wrap",
   class: "nut-noticebar__page-wrap"
@@ -341,14 +343,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       style: normalizeStyle(_ctx.barStyle),
       onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
     }, [
-      createElementVNode("view", _hoisted_2, [
+      _ctx.leftIcon ? (openBlock(), createElementBlock("view", _hoisted_2, [
         renderSlot(_ctx.$slots, "left-icon", {}, () => [
-          _ctx.leftIcon ? (openBlock(), createBlock(_component_Notice, {
-            key: 0,
-            size: "16px"
-          })) : createCommentVNode("", true)
+          createVNode(_component_Notice, { size: "16px" })
         ])
-      ]),
+      ])) : createCommentVNode("", true),
       createElementVNode("view", _hoisted_3, [
         createElementVNode("view", {
           ref: "content",
@@ -363,7 +362,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ], 38)
       ], 512),
       _ctx.closeMode || _ctx.$slots["right-icon"] ? (openBlock(), createElementBlock("view", {
-        key: 0,
+        key: 1,
         class: "nut-noticebar__page-righticon",
         onClick: _cache[2] || (_cache[2] = withModifiers((...args) => _ctx.onClickIcon && _ctx.onClickIcon(...args), ["stop"]))
       }, [

package/dist/packages/notify/Notify.js

@@ -21,9 +21,6 @@ import { ref, watch, resolveComponent, openBlock, createBlock, withCtx, createEl
 import { c as createComponent } from "../component-TCzwHGVq.js";
 import { N as NutPopup } from "../index-wY4t0zYt.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
-import "@nutui/icons-vue";
-import "../overlay/Overlay.js";
-import "../util-4Jkyw4BJ.js";
 const { create } = createComponent("notify");
 const _sfc_main = create({
   components: {

package/dist/packages/numberkeyboard/NumberKeyboard.js

@@ -3,10 +3,6 @@ import { c as createComponent } from "../component-TCzwHGVq.js";
 import { N as NutPopup } from "../index-wY4t0zYt.js";
 import { u as useLocale } from "../index-s3RgMhc7.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
-import "@nutui/icons-vue";
-import "../overlay/Overlay.js";
-import "../util-4Jkyw4BJ.js";
-import "@nutui/nutui/dist/packages/locale/lang";
 const { create } = createComponent("number-keyboard");
 const cN = "NutNumberKeyboard";
 const _sfc_main = create({

package/dist/packages/pagination/Pagination.js

@@ -2,8 +2,6 @@ import { toRefs, computed, watchEffect, openBlock, createElementBlock, createEle
 import { c as createComponent } from "../component-TCzwHGVq.js";
 import { u as useLocale } from "../index-s3RgMhc7.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
-import "@nutui/nutui/dist/packages/locale/lang";
-import "../util-4Jkyw4BJ.js";
 const { create } = createComponent("pagination");
 const cN = "NutPagination";
 const _sfc_main = create({

package/dist/packages/picker/Picker.js

@@ -24,11 +24,11 @@ import { p as pxCheck } from "../pxCheck-OnXlN1NC.js";
 import { u as useTouch } from "../index-084nl_oE.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 import { u as useLocale } from "../index-s3RgMhc7.js";
-import "@nutui/nutui/dist/packages/locale/lang";
 const DEFAULT_FILED_NAMES = {
   text: "text",
   value: "value",
-  children: "children"
+  children: "children",
+  className: "className"
 };
 const usePicker = (props, emit) => {
   const state = reactive({
@@ -450,14 +450,19 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
         }, [
           item && item[_ctx.fieldNames.text] && _ctx.threeDimensional ? (openBlock(), createElementBlock("view", {
             key: 0,
-            class: normalizeClass(["nut-picker-roller-item", { "nut-picker-roller-item-hidden": _ctx.isHidden(index + 1) }]),
+            class: normalizeClass(["nut-picker-roller-item", {
+              "nut-picker-roller-item-hidden": _ctx.isHidden(index + 1),
+              [item[_ctx.fieldNames.className]]: item[_ctx.fieldNames.className]
+            }]),
             style: normalizeStyle(_ctx.setRollerStyle(index + 1))
           }, toDisplayString(item[_ctx.fieldNames.text]), 7)) : createCommentVNode("", true),
           item && item[_ctx.fieldNames.text] && !_ctx.threeDimensional ? (openBlock(), createElementBlock("view", {
             key: 1,
-            class: "nut-picker-roller-item-tile",
+            class: normalizeClass(["nut-picker-roller-item-tile", {
+              [item[_ctx.fieldNames.className]]: item[_ctx.fieldNames.className]
+            }]),
             style: normalizeStyle({ height: _ctx.pxCheck(_ctx.optionHeight), lineHeight: _ctx.pxCheck(_ctx.optionHeight) })
-          }, toDisplayString(item[_ctx.fieldNames.text]), 5)) : createCommentVNode("", true)
+          }, toDisplayString(item[_ctx.fieldNames.text]), 7)) : createCommentVNode("", true)
         ], 64);
       }), 128))
     ], 36),