@nutui/nutui 3.1.19-beta.1 → 3.1.19-beta.4

package/dist/packages/_es/component.js

@@ -1,13 +1,175 @@
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.4 Tue Apr 12 2022 17:39:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { defineComponent } from "vue";
+import { ref, reactive, defineComponent } from "vue";
+const lang$1 = {
+  save: "\u4FDD\u5B58",
+  confirm: "\u786E\u8BA4",
+  cancel: "\u53D6\u6D88",
+  done: "\u5B8C\u6210",
+  noData: "\u6682\u65E0\u6570\u636E",
+  placeholder: "\u8BF7\u8F93\u5165",
+  select: "\u8BF7\u9009\u62E9",
+  video: {
+    errorTip: "\u89C6\u9891\u52A0\u8F7D\u5931\u8D25",
+    clickRetry: "\u70B9\u51FB\u91CD\u8BD5"
+  },
+  fixednav: {
+    activeText: "\u6536\u8D77\u5BFC\u822A",
+    unActiveText: "\u5FEB\u901F\u5BFC\u822A"
+  },
+  pagination: {
+    prev: "\u4E0A\u4E00\u9875",
+    next: "\u4E0B\u4E00\u9875"
+  },
+  calendaritem: {
+    weekdays: ["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"],
+    end: "\u7ED3\u675F",
+    start: "\u5F00\u59CB",
+    title: "\u65E5\u5386\u9009\u62E9",
+    monthTitle: (year, month) => `${year}\u5E74${month}\u6708`,
+    today: "\u4ECA\u5929"
+  },
+  shortpassword: {
+    title: "\u8BF7\u8F93\u5165\u5BC6\u7801",
+    desc: "\u60A8\u4F7F\u7528\u4E86\u865A\u62DF\u8D44\u4EA7\uFF0C\u8BF7\u8FDB\u884C\u9A8C\u8BC1",
+    tips: "\u5FD8\u8BB0\u5BC6\u7801"
+  },
+  uploader: {
+    ready: "\u51C6\u5907\u5B8C\u6210",
+    readyUpload: "\u51C6\u5907\u4E0A\u4F20",
+    waitingUpload: "\u7B49\u5F85\u4E0A\u4F20",
+    uploading: "\u4E0A\u4F20\u4E2D",
+    success: "\u4E0A\u4F20\u6210\u529F",
+    error: "\u4E0A\u4F20\u5931\u8D25"
+  },
+  countdown: {
+    day: "\u5929",
+    hour: "\u65F6",
+    minute: "\u5206",
+    second: "\u79D2"
+  }
+};
+const lang = {
+  save: "Save",
+  confirm: "Confirm",
+  cancel: "Cancel",
+  done: "Done",
+  noData: "No Data",
+  placeholder: "Placeholder",
+  select: "Select",
+  video: {
+    errorTip: "Error Tip",
+    clickRetry: "Click Retry"
+  },
+  fixednav: {
+    activeText: "Close Nav",
+    unActiveText: "Open Nav"
+  },
+  pagination: {
+    prev: "Previous",
+    next: "Next"
+  },
+  calendaritem: {
+    weekdays: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+    end: "End",
+    start: "Start",
+    title: "Calendar",
+    monthTitle: (year, month) => `${year}/${month}`,
+    today: "Today"
+  },
+  shortpassword: {
+    title: "Please input a password",
+    desc: "Verify",
+    tips: "Forget password"
+  },
+  uploader: {
+    ready: "Ready",
+    readyUpload: "Ready to upload",
+    waitingUpload: "Waiting for upload",
+    uploading: "Uploading",
+    success: "Upload successful",
+    error: "Upload failed"
+  },
+  countdown: {
+    day: " Day ",
+    hour: " Hour ",
+    minute: " Minute ",
+    second: " Second "
+  }
+};
+const currentLang = ref("zh-CN");
+const langs = reactive({
+  "zh-CN": lang$1,
+  "en-US": lang
+});
+class Locale {
+  static languages() {
+    return langs[currentLang.value];
+  }
+  static use(lang2) {
+    currentLang.value = lang2;
+  }
+}
+const TypeOfFun = (value) => {
+  if (value === null) {
+    return "null";
+  }
+  const type = typeof value;
+  if (type === "undefined" || type === "string") {
+    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 (value.nodeType !== void 0) {
+        if (value.nodeType == 3) {
+          return /\S/.test(value.nodeValue) ? "textnode" : "whitespace";
+        } else {
+          return "element";
+        }
+      } else {
+        return "object";
+      }
+    default:
+      return "unknow";
+  }
+};
+const isFunction = (val) => typeof val === "function";
+const isObject = (val) => val !== null && typeof val === "object";
+const isPromise = (val) => {
+  return isObject(val) && isFunction(val.then) && isFunction(val.catch);
+};
+const getPropByPath = (obj, keyPath) => {
+  try {
+    return keyPath.split(".").reduce((prev, curr) => prev[curr], obj);
+  } catch (error) {
+    return "";
+  }
+};
 function createComponent(name) {
+  const languages = Locale.languages();
   const componentName = "nut-" + name;
   return {
     componentName,
+    translate(keyPath, ...args) {
+      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;
@@ -23,4 +185,4 @@ function createComponent(name) {
     }
   };
 }
-export { createComponent as c };
+export { TypeOfFun as T, createComponent as c, getPropByPath as g, isPromise as i };

package/dist/packages/_es/index.js

@@ -1,49 +1,11 @@
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.4 Tue Apr 12 2022 17:39:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { unref } from "vue";
-function isWindow(val) {
-  return val === window;
+import { getCurrentInstance } from "vue";
+function useRouter() {
+  const proxy = getCurrentInstance().proxy;
+  return proxy.$router || null;
 }
-const useTaroRect = (elementRef, Taro) => {
-  let element = unref(elementRef);
-  return new Promise((resolve) => {
-    if (Taro.getEnv() === "WEB") {
-      if (element && element.$el) {
-        element = element.$el;
-      }
-      if (isWindow(element)) {
-        const width = element.innerWidth;
-        const height = element.innerHeight;
-        resolve({
-          top: 0,
-          left: 0,
-          right: width,
-          bottom: height,
-          width,
-          height
-        });
-      }
-      if (element && element.getBoundingClientRect) {
-        resolve(element.getBoundingClientRect());
-      }
-      resolve({
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        width: 0,
-        height: 0
-      });
-    } else {
-      const query = Taro.createSelectorQuery();
-      query.select(`#${element.id}`) && query.select(`#${element.id}`).boundingClientRect();
-      query.exec(function(res) {
-        resolve(res[0]);
-      });
-    }
-  });
-};
-export { useTaroRect as u };
+export { useRouter as u };

package/dist/packages/_es/index2.js

@@ -1,13 +1,36 @@
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.4 Tue Apr 12 2022 17:39:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { getCurrentInstance } from "vue";
-function useExpose(apis) {
-  const instance = getCurrentInstance();
-  if (instance) {
-    Object.assign(instance.proxy, apis);
-  }
+import { unref } from "vue";
+function isWindow(val) {
+  return val === window;
 }
-export { useExpose as u };
+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 };

package/dist/packages/_es/index3.js

@@ -1,64 +1,13 @@
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.4 Tue Apr 12 2022 17:39:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref } from "vue";
-const MIN_DISTANCE = 10;
-function getDirection(x, y) {
-  if (x > y && x > MIN_DISTANCE) {
-    return "horizontal";
+import { getCurrentInstance } from "vue";
+function useExpose(apis) {
+  const instance = getCurrentInstance();
+  if (instance) {
+    Object.assign(instance.proxy, apis);
   }
-  if (y > x && y > MIN_DISTANCE) {
-    return "vertical";
-  }
-  return "";
-}
-function useTouch() {
-  const startX = ref(0);
-  const startY = ref(0);
-  const deltaX = ref(0);
-  const deltaY = ref(0);
-  const offsetX = ref(0);
-  const offsetY = ref(0);
-  const direction = ref("");
-  const isVertical = () => direction.value === "vertical";
-  const isHorizontal = () => direction.value === "horizontal";
-  const reset = () => {
-    deltaX.value = 0;
-    deltaY.value = 0;
-    offsetX.value = 0;
-    offsetY.value = 0;
-    direction.value = "";
-  };
-  const start = (event) => {
-    reset();
-    startX.value = event.touches[0].clientX;
-    startY.value = event.touches[0].clientY;
-  };
-  const move = (event) => {
-    const touch = event.touches[0];
-    deltaX.value = touch.clientX - startX.value;
-    deltaY.value = touch.clientY - startY.value;
-    offsetX.value = Math.abs(deltaX.value);
-    offsetY.value = Math.abs(deltaY.value);
-    if (!direction.value) {
-      direction.value = getDirection(offsetX.value, offsetY.value);
-    }
-  };
-  return {
-    move,
-    start,
-    reset,
-    startX,
-    startY,
-    deltaX,
-    deltaY,
-    offsetX,
-    offsetY,
-    direction,
-    isVertical,
-    isHorizontal
-  };
 }
-export { useTouch as u };
+export { useExpose as u };