@nutui/nutui 4.3.5 → 4.3.6

package/dist/types/index.d.ts

@@ -19,8 +19,10 @@ export * from './__VUE/row/index';
 import Sticky from './__VUE/sticky/index.vue';
 import Divider from './__VUE/divider/index';
 export * from './__VUE/divider/index';
-import Grid from './__VUE/grid/index.vue';
-import GridItem from './__VUE/griditem/index.vue';
+import Grid from './__VUE/grid/index';
+export * from './__VUE/grid/index';
+import GridItem from './__VUE/griditem/index';
+export * from './__VUE/griditem/index';
 import Space from './__VUE/space/index.vue';
 import Navbar from './__VUE/navbar/index';
 export * from './__VUE/navbar/index';
@@ -52,8 +54,10 @@ import DatePicker from './__VUE/datepicker/index.vue';
 import InputNumber from './__VUE/inputnumber/index';
 export * from './__VUE/inputnumber/index';
 import Input from './__VUE/input/index.vue';
-import Radio from './__VUE/radio/index.vue';
-import RadioGroup from './__VUE/radiogroup/index.vue';
+import Radio from './__VUE/radio/index';
+export * from './__VUE/radio/index';
+import RadioGroup from './__VUE/radiogroup/index';
+export * from './__VUE/radiogroup/index';
 import Rate from './__VUE/rate/index';
 export * from './__VUE/rate/index';
 import Picker from './__VUE/picker/index.vue';
@@ -97,8 +101,10 @@ import Noticebar from './__VUE/noticebar/index.vue';
 import Empty from './__VUE/empty/index';
 export * from './__VUE/empty/index';
 import Video from './__VUE/video/index.vue';
-import Steps from './__VUE/steps/index.vue';
-import Step from './__VUE/step/index.vue';
+import Steps from './__VUE/steps/index';
+export * from './__VUE/steps/index';
+import Step from './__VUE/step/index';
+export * from './__VUE/step/index';
 import Swiper from './__VUE/swiper/index.vue';
 import SwiperItem from './__VUE/swiperitem/index.vue';
 import Price from './__VUE/price/index';
@@ -106,7 +112,8 @@ export * from './__VUE/price/index';
 import ImagePreview from './__VUE/imagepreview/index.vue';
 import { showImagePreview } from './__VUE/imagepreview/index';
 import Countup from './__VUE/countup/index.vue';
-import Countdown from './__VUE/countdown/index.vue';
+import Countdown from './__VUE/countdown/index';
+export * from './__VUE/countdown/index';
 import Badge from './__VUE/badge/index.vue';
 import Tag from './__VUE/tag/index';
 export * from './__VUE/tag/index';
@@ -142,7 +149,7 @@ import Invoice from './__VUE/invoice/index';
 export * from './__VUE/invoice/index';
 import AvatarCropper from './__VUE/avatarcropper/index.vue';
 declare function install(app: App): void;
-declare const version = "4.3.5";
+declare const version = "4.3.6";
 export { install, version, Locale, Button, Cell, CellGroup, Overlay, Popup, ConfigProvider, Image, Layout, Col, Row, Sticky, Divider, Grid, GridItem, Space, Navbar, FixedNav, Menu, MenuItem, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavbar, SideNavbarItem, SubSideNavbar, Range, Searchbar, Cascader, Calendar, CalendarCard, Checkbox, CheckboxGroup, DatePicker, InputNumber, Input, Radio, RadioGroup, Rate, Picker, ShortPassword, Textarea, Uploader, NumberKeyboard, Form, FormItem, Swipe, SwipeGroup, ActionSheet, Backtop, Drag, Dialog, InfiniteLoading, PullRefresh, Notify, Switch, Toast, Audio, AudioOperate, Avatar, AvatarGroup, List, Progress, CircleProgress, Noticebar, Empty, Video, Steps, Step, Swiper, SwiperItem, Price, ImagePreview, Countup, Countdown, Badge, Tag, Popover, Skeleton, Collapse, CollapseItem, Table, Animate, Ellipsis, Watermark, TrendArrow, Tour, Address, Barrage, Signature, TimeSelect, TimePannel, TimeDetail, Sku, Card, Ecard, AddressList, Category, CategoryPane, Comment, Invoice, AvatarCropper, showDialog, showNotify, showToast, showImagePreview };
 declare const _default: {
     install: typeof install;

package/dist/types/utils/index.d.ts

@@ -1,3 +1,5 @@
 export * from './useRelation';
 export * from './with-install';
 export * from './util';
+export * from './pxCheck';
+export * from './useRoute';

package/dist/types/utils/useRelation/useParent.d.ts

@@ -1,4 +1,4 @@
 export declare const useParent: (key: symbol) => {
     parent: any;
-    index: import("vue").ComputedRef<any>;
+    index: import("vue").ComputedRef<number>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui",
-  "version": "4.3.5",
+  "version": "4.3.6",
   "description": "京东风格的轻量级移动端 Vue2、Vue3 组件库（支持小程序开发）",
   "main": "dist/nutui.umd.js",
   "module": "dist/nutui.es.js",

package/dist/packages/common-Chr7cC9o.js

@@ -1,145 +0,0 @@
-import { shallowReactive, getCurrentInstance, provide, markRaw, isVNode, computed, h } from "vue";
-import { c as createComponent } from "./component-DQf3CENX.js";
-import { p as pxCheck } from "./pxCheck-DN6FYV6q.js";
-function flattenVNodes(children, childName) {
-  const result = [];
-  const traverse = (children2) => {
-    if (!Array.isArray(children2))
-      return;
-    children2.forEach((child) => {
-      var _a;
-      if (!isVNode(child))
-        return;
-      if (childName) {
-        if (child.type && child.type.name === childName) {
-          result.push(child);
-          return;
-        }
-      } else {
-        result.push(child);
-      }
-      if ((_a = child.component) == null ? void 0 : _a.subTree) {
-        traverse(child.component.subTree.children);
-      }
-      if (child.children) {
-        traverse(child.children);
-      }
-    });
-  };
-  traverse(children);
-  return result;
-}
-function sortChildren(parent, internalChildren, childName) {
-  const vnodes = flattenVNodes(parent.subTree.children, childName);
-  internalChildren.sort((a, b) => {
-    return vnodes.indexOf(a.vnode) - vnodes.indexOf(b.vnode);
-  });
-}
-function useProvide(key, childName) {
-  const internalChildren = shallowReactive([]);
-  const parent = getCurrentInstance();
-  const add = (child) => {
-    if (!child.proxy)
-      return;
-    internalChildren.push(markRaw(child));
-    sortChildren(parent, internalChildren, childName);
-  };
-  const remove = (child) => {
-    internalChildren.splice(internalChildren.indexOf(markRaw(child)), 1);
-  };
-  const extend = Object.assign;
-  return (value) => {
-    provide(
-      key,
-      extend(
-        {
-          add,
-          remove,
-          internalChildren
-        },
-        value
-      )
-    );
-    return {
-      internalChildren
-    };
-  };
-}
-const { componentName } = createComponent("grid");
-const GRID_KEY = Symbol("grid");
-const gridProps = {
-  // 列数
-  columnNum: {
-    type: [Number, String],
-    default: 4
-  },
-  // 是否显示边框
-  border: {
-    type: Boolean,
-    default: true
-  },
-  // 格子之间间隔距离
-  gutter: {
-    type: [Number, String],
-    default: 0
-  },
-  // 是否内容居中
-  center: {
-    type: Boolean,
-    default: true
-  },
-  // 是否固定正方形
-  square: {
-    type: Boolean,
-    default: false
-  },
-  // 内容与文字翻转
-  reverse: {
-    type: Boolean,
-    default: false
-  },
-  // 内容排列方向
-  direction: {
-    type: String
-  },
-  // 是否开启点击反馈
-  clickable: {
-    type: Boolean,
-    default: false
-  }
-};
-const component = {
-  props: gridProps,
-  setup(props, { slots }) {
-    useProvide(GRID_KEY, `NutGridItem`)({ props });
-    const rootClass = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true,
-        [`${prefixCls}--border`]: props.border && !props.gutter
-      };
-    });
-    const rootStyle = computed(() => {
-      const style = {};
-      if (props.gutter) {
-        style.paddingLeft = pxCheck(props.gutter);
-      }
-      return style;
-    });
-    return () => {
-      var _a;
-      return h(
-        "view",
-        {
-          class: rootClass.value,
-          style: rootStyle.value
-        },
-        (_a = slots.default) == null ? void 0 : _a.call(slots)
-      );
-    };
-  }
-};
-export {
-  GRID_KEY as G,
-  component as c
-};

package/dist/packages/index.vue_vue_type_script_lang-CTQUvlgN.js

@@ -1,99 +0,0 @@
-import { toRef, toRefs, inject, computed, h } from "vue";
-import { c as createComponent } from "./component-DQf3CENX.js";
-import { CheckNormal, CheckChecked } from "@nutui/icons-vue";
-import { p as pxCheck } from "./pxCheck-DN6FYV6q.js";
-import { R as RADIO_KEY } from "./types-BODurTjN.js";
-import { u as useFormDisabled } from "./common-DRG0ue26.js";
-const { componentName, create } = createComponent("radio");
-const _sfc_main = create({
-  components: {
-    CheckNormal,
-    CheckChecked
-  },
-  props: {
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    shape: {
-      type: String,
-      default: "round"
-    },
-    label: {
-      type: [String, Number, Boolean],
-      default: ""
-    },
-    iconSize: {
-      type: [String, Number],
-      default: ""
-    },
-    size: {
-      type: String,
-      default: "normal"
-    }
-  },
-  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 !disabled.value ? isCurValue.value ? "nut-radio__icon" : "nut-radio__icon--unchecked" : "nut-radio__icon--disable";
-    });
-    const renderIcon = () => {
-      const { iconSize } = props;
-      const iconNodeMap = {
-        CheckNormal: slots.icon ? slots.icon : CheckNormal,
-        Checked: slots.checkedIcon ? slots.checkedIcon : CheckChecked
-      };
-      const iconNode = !isCurValue.value ? iconNodeMap.CheckNormal : iconNodeMap.Checked;
-      const size2 = pxCheck(iconSize);
-      return h(iconNode, {
-        width: size2,
-        height: size2,
-        class: color.value
-      });
-    };
-    const renderLabel = () => {
-      var _a;
-      return h(
-        "view",
-        {
-          class: `${componentName}__label ${disabled.value ? `${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`} ${componentName}__button--${size.value} ${props.disabled ? `${componentName}__button--disabled` : ""}`
-        },
-        (_a = slots.default) == null ? void 0 : _a.call(slots)
-      );
-    };
-    const handleClick = () => {
-      if (isCurValue.value || disabled.value)
-        return;
-      parent.updateValue(props.label);
-    };
-    const reverseState = computed(() => parent.position.value === "left");
-    return () => {
-      return h(
-        "view",
-        {
-          class: `${componentName} ${componentName}--${props.shape} ${reverseState.value ? `${componentName}--reverse` : ""}`,
-          onClick: handleClick
-        },
-        [props.shape === "button" ? renderButton() : [renderIcon(), renderLabel()]]
-      );
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/packages/index.vue_vue_type_script_lang-CaSiRl9x.js

@@ -1,46 +0,0 @@
-import { provide, readonly, computed, watch, h } from "vue";
-import { c as createComponent } from "./component-DQf3CENX.js";
-import { R as RADIO_KEY } from "./types-BODurTjN.js";
-const { componentName, create } = createComponent("radio-group");
-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(RADIO_KEY, {
-      label: readonly(computed(() => props.modelValue)),
-      position: readonly(computed(() => 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 _
-};

package/dist/types/__VUE/audiooperate/types.d.ts

@@ -1 +0,0 @@
-export type AudioOperateType = 'play' | 'back' | 'forward' | 'mute';

package/dist/types/__VUE/countdown/index.vue.d.ts

@@ -1,125 +0,0 @@
-
-declare type Install<T> = T & {
-    install(app: import('vue').App): void;
-};
-declare const _default: Install< import("vue").DefineComponent<{
-    modelValue: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    paused: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    startTime: {
-        type: (NumberConstructor | StringConstructor)[];
-        validator(v: Date): boolean;
-    };
-    endTime: {
-        type: (NumberConstructor | StringConstructor)[];
-        validator(v: Date): boolean;
-    };
-    millisecond: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    format: {
-        type: StringConstructor;
-        default: string;
-    };
-    autoStart: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    time: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-}, {
-    slots: Readonly<{
-        [name: string]: import("vue").Slot<any> | undefined;
-    }>;
-    start: () => void;
-    pause: () => void;
-    renderTime: import("vue").ComputedRef<string | {
-        d: number;
-        h: number;
-        m: number;
-        s: number;
-        ms: number;
-    }>;
-    translate: (keyPath: string, ...args: unknown[]) => any;
-    reset: () => void;
-    time: import("vue").Ref<string | number>;
-    paused: import("vue").Ref<boolean>;
-    modelValue: import("vue").Ref<Record<string, any>>;
-    millisecond: import("vue").Ref<boolean>;
-    format: import("vue").Ref<string>;
-    autoStart: import("vue").Ref<boolean>;
-    startTime: import("vue").Ref<string | number | undefined>;
-    endTime: import("vue").Ref<string | number | undefined>;
-    onInput: import("vue").Ref<((...args: any[]) => any) | undefined>;
-    "onUpdate:modelValue": import("vue").Ref<((...args: any[]) => any) | undefined>;
-    onEnd: import("vue").Ref<((...args: any[]) => any) | undefined>;
-    onRestart: import("vue").Ref<((...args: any[]) => any) | undefined>;
-    onPaused: import("vue").Ref<((...args: any[]) => any) | undefined>;
-    onOnEnd: import("vue").Ref<((...args: any[]) => any) | undefined>;
-    onOnRestart: import("vue").Ref<((...args: any[]) => any) | undefined>;
-    onOnPaused: import("vue").Ref<((...args: any[]) => any) | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "end" | "paused" | "update:modelValue" | "restart" | "onEnd" | "onRestart" | "onPaused")[], "input" | "end" | "paused" | "update:modelValue" | "restart" | "onEnd" | "onRestart" | "onPaused", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    paused: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    startTime: {
-        type: (NumberConstructor | StringConstructor)[];
-        validator(v: Date): boolean;
-    };
-    endTime: {
-        type: (NumberConstructor | StringConstructor)[];
-        validator(v: Date): boolean;
-    };
-    millisecond: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    format: {
-        type: StringConstructor;
-        default: string;
-    };
-    autoStart: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    time: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-}>> & {
-    onInput?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onEnd?: ((...args: any[]) => any) | undefined;
-    onRestart?: ((...args: any[]) => any) | undefined;
-    onPaused?: ((...args: any[]) => any) | undefined;
-    onOnEnd?: ((...args: any[]) => any) | undefined;
-    onOnRestart?: ((...args: any[]) => any) | undefined;
-    onOnPaused?: ((...args: any[]) => any) | undefined;
-}, {
-    time: string | number;
-    paused: boolean;
-    modelValue: Record<string, any>;
-    millisecond: boolean;
-    format: string;
-    autoStart: boolean;
-}, {}>>;
-export default _default;
-
-declare module 'vue' {
-    interface GlobalComponents {
-        NutCountdown: typeof _default;
-    }
-}

package/dist/types/__VUE/grid/common.d.ts

@@ -1,73 +0,0 @@
-import type { ExtractPropTypes, SetupContext, RenderFunction } from 'vue';
-export declare const GRID_KEY: unique symbol;
-export type GridDirection = 'horizontal' | 'vertical';
-export declare const gridProps: {
-    columnNum: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    border: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    gutter: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    center: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    square: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    reverse: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    direction: {
-        type: import("vue").PropType<GridDirection>;
-    };
-    clickable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-};
-export type GridProps = ExtractPropTypes<typeof gridProps>;
-export declare const component: {
-    props: {
-        columnNum: {
-            type: (NumberConstructor | StringConstructor)[];
-            default: number;
-        };
-        border: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        gutter: {
-            type: (NumberConstructor | StringConstructor)[];
-            default: number;
-        };
-        center: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        square: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        reverse: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        direction: {
-            type: import("vue").PropType<GridDirection>;
-        };
-        clickable: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    };
-    setup(props: GridProps, { slots }: SetupContext): RenderFunction;
-};

package/dist/types/__VUE/grid/index.vue.d.ts

@@ -1,84 +0,0 @@
-
-declare type Install<T> = T & {
-    install(app: import('vue').App): void;
-};
-declare const _default: Install< import("vue").DefineComponent<{
-    columnNum: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    border: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    gutter: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    center: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    square: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    reverse: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    direction: {
-        type: import("vue").PropType<import("./common").GridDirection>;
-    };
-    clickable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, import("vue").RenderFunction, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    columnNum: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    border: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    gutter: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    center: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    square: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    reverse: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    direction: {
-        type: import("vue").PropType<import("./common").GridDirection>;
-    };
-    clickable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>>, {
-    square: boolean;
-    reverse: boolean;
-    center: boolean;
-    border: boolean;
-    gutter: string | number;
-    columnNum: string | number;
-    clickable: boolean;
-}, {}>>;
-export default _default;
-
-declare module 'vue' {
-    interface GlobalComponents {
-        NutGrid: typeof _default;
-    }
-}