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

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

@@ -1,4 +1,4 @@
-import { VNode, Ref } from 'vue';
+import { VNode, Ref, CSSProperties } from 'vue';
 export declare class Title {
     title: string;
     titleSlot?: VNode[];
@@ -40,6 +40,10 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    swipeable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     autoHeight: {
         type: BooleanConstructor;
         default: boolean;
@@ -65,24 +69,45 @@ declare const _default: Install< import("vue").DefineComponent<{
         default: number;
     };
 }, {
+    onTouchStart(event: Event): void;
+    onTouchMove(event: Event): void;
+    onTouchEnd(): void;
+    isBegin: () => boolean;
+    isEnd: () => boolean;
+    next: () => void;
+    prev: () => void;
+    updateValue: (item: Title) => void;
     tabChange: (item: Title, index: number) => void;
+    setTabItemRef: (el: HTMLElement, index: number) => void;
+    navRef: Ref<HTMLElement | undefined>;
+    tabsContentRef: Ref<HTMLElement | undefined>;
     titles: Ref<Title[]>;
-    contentStyle: import("vue").ComputedRef<{
-        transform: string;
-        transitionDuration: string;
-    }>;
+    contentStyle: import("vue").ComputedRef<CSSProperties>;
     tabsNavStyle: import("vue").ComputedRef<{
         background: any;
     }>;
     titleStyle: import("vue").ComputedRef<{
+        marginTop?: undefined;
+        marginBottom?: undefined;
+        marginLeft?: undefined;
+        marginRight?: undefined;
+    } | {
+        marginTop: string;
+        marginBottom: string;
+        marginLeft?: undefined;
+        marginRight?: undefined;
+    } | {
         marginLeft: string;
         marginRight: string;
+        marginTop?: undefined;
+        marginBottom?: undefined;
     }>;
     tabsActiveStyle: import("vue").ComputedRef<{
         color: any;
         background: any;
     }>;
     container: Ref<null>;
+    getScrollY: import("vue").ComputedRef<any>;
     onStickyScroll: (params: {
         top: number;
         fixed: boolean;
@@ -116,6 +141,10 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    swipeable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     autoHeight: {
         type: BooleanConstructor;
         default: boolean;
@@ -155,6 +184,7 @@ declare const _default: Install< import("vue").DefineComponent<{
     background: string;
     direction: string;
     titleScroll: boolean;
+    swipeable: boolean;
     autoHeight: boolean;
     animatedTime: string | number;
     titleGutter: string | number;

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

@@ -0,0 +1,12 @@
+export type RectItem = {
+    bottom: number;
+    dataset: {
+        sid: string;
+    };
+    height: number;
+    id: string;
+    left: number;
+    right: number;
+    top: number;
+    width: number;
+};

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

@@ -78,8 +78,8 @@ declare const _default: Install< import("vue").DefineComponent<{
     title: string;
     visible: boolean;
     lockScroll: boolean;
-    teleportDisable: boolean;
     height: string;
+    teleportDisable: boolean;
     currentKey: string | number;
     currentTime: unknown[];
 }>>;

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

@@ -14,7 +14,10 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    type: StringConstructor;
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
     customClass: StringConstructor;
     bottom: {
         type: StringConstructor;
@@ -26,7 +29,7 @@ declare const _default: Install< import("vue").DefineComponent<{
     };
     icon: {
         type: PropType<Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
-        default: () => void;
+        default: null;
     };
     textAlignCenter: {
         type: BooleanConstructor;
@@ -84,7 +87,10 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    type: StringConstructor;
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
     customClass: StringConstructor;
     bottom: {
         type: StringConstructor;
@@ -96,7 +102,7 @@ declare const _default: Install< import("vue").DefineComponent<{
     };
     icon: {
         type: PropType<Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
-        default: () => void;
+        default: null;
     };
     textAlignCenter: {
         type: BooleanConstructor;
@@ -136,6 +142,7 @@ declare const _default: Install< import("vue").DefineComponent<{
     bottom: string;
     duration: number;
     closeOnClickOverlay: boolean;
+    type: string;
     cover: boolean;
     size: string | number;
     icon: Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;

package/dist/types/__VUE/uploader/type.d.ts

@@ -1,5 +1,6 @@
 export type SizeType = 'original' | 'compressed';
-export type SourceType = 'album' | 'camera' | 'user' | 'environment';
+export type SourceType = 'album' | 'camera';
+export type MediaType = 'image' | 'video' | 'mix';
 export type FileItemStatus = 'ready' | 'uploading' | 'success' | 'error';
 export declare class FileItem {
     status: FileItemStatus;

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

@@ -152,8 +152,8 @@ declare const _default: Install< import("vue").DefineComponent<{
     image: string;
     zIndex: number;
     content: string;
-    height: number;
     width: number;
+    height: number;
     rotate: number;
     fontSize: string | number;
     gapY: number;

package/dist/types/index.d.ts

@@ -107,11 +107,10 @@ import CategoryPane from './__VUE/categorypane/index.vue';
 import Comment from './__VUE/comment/index.vue';
 import Invoice from './__VUE/invoice/index.vue';
 declare function install(app: App): void;
-declare const version = "4.0.0";
+declare const version = "4.0.12.beta-1";
 export { install, version, Locale, Button, Cell, CellGroup, Overlay, Popup, ConfigProvider, Image, Layout, Col, Row, Sticky, Divider, Grid, GridItem, Navbar, FixedNav, Menu, MenuItem, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavbar, SideNavbarItem, SubSideNavbar, Range, Searchbar, Cascader, Calendar, Checkbox, CheckboxGroup, DatePicker, InputNumber, Input, Radio, RadioGroup, Rate, CalendarItem, Picker, ShortPassword, Textarea, Uploader, NumberKeyboard, Form, FormItem, Swipe, 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, showDialog, showNotify, showToast, showImagePreview };
 declare const _default: {
     install: typeof install;
     version: string;
-    Locale: typeof Locale;
 };
 export default _default;

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

@@ -0,0 +1,6 @@
+import type { ComponentResolver } from 'unplugin-vue-components/types';
+export interface NutUIResolverOptions {
+    taro?: boolean;
+    autoImport?: boolean;
+}
+export default function NutUIResolver(options?: NutUIResolverOptions): ComponentResolver;

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

@@ -8,5 +8,9 @@ declare const Utils: {
     getDay: (i: number) => string;
     compareDate: (date1: string, date2: string) => boolean;
     isEqual: (date1: string, date2: string) => boolean;
+    getMonthWeek: (year: string, month: string, date: string, firstDayOfWeek?: number) => number;
+    getYearWeek: (year: string, month: string, date: string, firstDayOfWeek?: number) => number;
+    getWeekDate: (year: string, month: string, date: string, firstDayOfWeek?: number) => string[];
+    formatResultDate: (date: string) => string[];
 };
 export default Utils;

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

@@ -7,4 +7,4 @@ export interface rectTaro {
     width: number;
     height: number;
 }
-export declare const useTaroRect: (elementRef: (Element | Window | any) | Ref<Element | Window | any>, Taro: any) => any;
+export declare const useTaroRect: (elementRef: (Element | Window | any) | Ref<Element | Window | any>, taro: any) => any;

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

@@ -1,4 +1,4 @@
-export * from './interceptor';
+export * from './Interceptor';
 export declare const TypeOfFun: (value: any) => "string" | "undefined" | "boolean" | "null" | "array" | "date" | "number" | "function" | "regexp" | "textnode" | "whitespace" | "element" | "object" | "unknow";
 export declare const objectToString: () => string;
 export declare const toTypeString: (value: unknown) => string;

package/package.json

@@ -1,16 +1,15 @@
 {
   "name": "@nutui/nutui",
-  "version": "4.0.0",
+  "version": "4.0.12.beta-1",
   "description": "京东风格的轻量级移动端 Vue2、Vue3 组件库（支持小程序开发）",
   "main": "dist/nutui.umd.js",
   "module": "dist/nutui.es.js",
   "style": "dist/style.css",
   "typings": "dist/types/index.d.ts",
   "sideEffects": [
-    "dist/packages/_es/*",
     "dist/packages/**/style.mjs",
-    "dist/styles/**",
-    "dist/style.css"
+    "*.scss",
+    "*.css"
   ],
   "web-types": "dist/smartips/web-types.json",
   "keywords": [
@@ -37,9 +36,17 @@
     "publish:beta": "npm publish --tag=beta",
     "publish:latest": "npm publish"
   },
+  "peerDependencies": {
+    "unplugin-vue-components": "^0.25.1"
+  },
+  "peerDependenciesMeta": {
+    "unplugin-vue-components": {
+      "optional": true
+    }
+  },
   "dependencies": {
-    "@nutui/icons-vue": "^0.0.24",
-    "sass": "^1.50.0"
+    "sass": "^1.50.0",
+    "@nutui/icons-vue": "^0.1.1"
   },
   "devDependencies": {},
   "repository": {

package/dist/packages/_es/_plugin-vue_export-helper-cc2b3d55.js

@@ -1,10 +0,0 @@
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-export {
-  _export_sfc as _
-};

package/dist/packages/_es/common-b9a5e726.js

@@ -1,145 +0,0 @@
-import { shallowReactive, getCurrentInstance, provide, markRaw, isVNode, computed, h } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { p as pxCheck } from "./pxCheck-c6b9f6b7.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, `${componentName}-item`)({ 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/_es/component-81a4c1d0.js

@@ -1,145 +0,0 @@
-import { defineComponent } from "vue";
-import locale from "../locale/lang";
-const TypeOfFun = (value) => {
-  if (null === value) {
-    return "null";
-  }
-  const type = typeof value;
-  if ("undefined" === type || "string" === type) {
-    return type;
-  }
-  const typeString = toString.call(value);
-  switch (typeString) {
-    case "[object Array]":
-      return "array";
-    case "[object Date]":
-      return "date";
-    case "[object Boolean]":
-      return "boolean";
-    case "[object Number]":
-      return "number";
-    case "[object Function]":
-      return "function";
-    case "[object RegExp]":
-      return "regexp";
-    case "[object Object]":
-      if (void 0 !== value.nodeType) {
-        if (3 == value.nodeType) {
-          return /\S/.test(value.nodeValue) ? "textnode" : "whitespace";
-        } else {
-          return "element";
-        }
-      } else {
-        return "object";
-      }
-    default:
-      return "unknow";
-  }
-};
-const isArray = Array.isArray;
-const isDate = (val) => val instanceof Date;
-const isFunction = (val) => typeof val === "function";
-const isString = (val) => typeof val === "string";
-const isObject = (val) => val !== null && typeof val === "object";
-const isPromise = (val) => {
-  return isObject(val) && isFunction(val.then) && isFunction(val.catch);
-};
-const docu = document;
-const body = docu.body;
-const getPropByPath = (obj, keyPath) => {
-  try {
-    return keyPath.split(".").reduce((prev, curr) => prev[curr], obj);
-  } catch (error) {
-    return "";
-  }
-};
-const floatData = (format, dataOp, mapOps) => {
-  let mergeFormat = Object.assign({}, format);
-  let mergeMapOps = Object.assign({}, mapOps);
-  if (Object.keys(dataOp).length > 0) {
-    Object.keys(mergeFormat).forEach((keys) => {
-      if (mergeMapOps.hasOwnProperty(keys)) {
-        const tof = TypeOfFun(mergeMapOps[keys]);
-        if (tof == "function") {
-          mergeFormat[keys] = mergeMapOps[keys](dataOp);
-        }
-        if (tof == "string") {
-          mergeFormat[keys] = dataOp[mergeMapOps[keys]];
-        }
-      } else {
-        if (dataOp[keys])
-          mergeFormat[keys] = dataOp[keys];
-      }
-    });
-    return mergeFormat;
-  }
-  return format;
-};
-function myFixed(num, digit = 2) {
-  if (Object.is(parseFloat(num), NaN)) {
-    return console.log(`传入的值：${num}不是一个数字`);
-  }
-  num = parseFloat(num);
-  return (Math.round((num + Number.EPSILON) * Math.pow(10, digit)) / Math.pow(10, digit)).toFixed(digit);
-}
-function preventDefault(event, isStopPropagation) {
-  if (typeof event.cancelable !== "boolean" || event.cancelable) {
-    event.preventDefault();
-  }
-  if (isStopPropagation) {
-    event.stopPropagation();
-  }
-}
-const padZero = (num, length = 2) => {
-  num += "";
-  while (num.length < length) {
-    num = "0" + num;
-  }
-  return num.toString();
-};
-const clamp = (num, min, max) => Math.min(Math.max(num, min), max);
-const getScrollTopRoot = () => {
-  return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
-};
-function createComponent(name) {
-  const componentName = "nut-" + name;
-  return {
-    componentName,
-    translate(keyPath, ...args) {
-      const languages = locale.languages();
-      const text = getPropByPath(languages, `${name.replace("-", "")}.${keyPath}`) || getPropByPath(languages, keyPath);
-      return isFunction(text) ? text(...args) : text;
-    },
-    create: function(_component) {
-      _component.baseName = name;
-      _component.name = componentName;
-      _component.install = (vue) => {
-        vue.component(_component.name, _component);
-      };
-      return defineComponent(_component);
-    },
-    createDemo: function(_component) {
-      _component.baseName = name;
-      _component.name = "demo-" + name;
-      return defineComponent(_component);
-    }
-  };
-}
-export {
-  TypeOfFun as T,
-  isDate as a,
-  body as b,
-  createComponent as c,
-  preventDefault as d,
-  clamp as e,
-  isPromise as f,
-  isObject as g,
-  getPropByPath as h,
-  isArray as i,
-  isString as j,
-  isFunction as k,
-  getScrollTopRoot as l,
-  myFixed as m,
-  floatData as n,
-  padZero as p
-};

package/dist/packages/_es/index-29892cda.js

@@ -1,33 +0,0 @@
-import { unref } from "vue";
-function isWindow(val) {
-  return val === window;
-}
-const useRect = (elementRef) => {
-  const element = unref(elementRef);
-  if (isWindow(element)) {
-    const width = element.innerWidth;
-    const height = element.innerHeight;
-    return {
-      top: 0,
-      left: 0,
-      right: width,
-      bottom: height,
-      width,
-      height
-    };
-  }
-  if (element && element.getBoundingClientRect) {
-    return element.getBoundingClientRect();
-  }
-  return {
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    width: 0,
-    height: 0
-  };
-};
-export {
-  useRect as u
-};