@nutui/nutui 3.1.22 → 3.1.23-beta.2

package/dist/packages/_es/common.js

@@ -1,46 +1,136 @@
 /*!
-* @nutui/nutui v3.1.22 Fri Jun 24 2022 18:11:16 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { provide as e, shallowReactive as t, getCurrentInstance as r, markRaw as n, isVNode as o, computed as i, h as u } from "vue";
-import { c as l } from "./component.js";
-import { p as s } from "./pxCheck.js";
-function a(e2, t2, r2) {
-  const n2 = function(e3, t3) {
-    const r3 = [], n3 = (e4) => {
-      Array.isArray(e4) && e4.forEach((e5) => {
-        var _a;
-        if (o(e5)) {
-          if (t3) {
-            if (e5.type && e5.type.name === t3)
-              return void r3.push(e5);
-          } else
-            r3.push(e5);
-          ((_a = e5.component) == null ? void 0 : _a.subTree) && n3(e5.component.subTree.children), e5.children && n3(e5.children);
+import { provide, shallowReactive, getCurrentInstance, markRaw, isVNode, computed, h } from "vue";
+import { c as createComponent } from "./component.js";
+import { p as pxCheck } from "./pxCheck.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;
         }
-      });
-    };
-    return n3(e3), r3;
-  }(e2.subTree.children, r2);
-  t2.sort((e3, t3) => n2.indexOf(e3.vnode) - n2.indexOf(t3.vnode));
+      } 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;
 }
-const { componentName: p } = l("grid"), c = Symbol("grid"), d = { props: { columnNum: { type: [Number, String], default: 4 }, iconSize: { type: [Number, String], default: 28 }, iconColor: { type: String }, 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 } }, setup(o2, { slots: l2 }) {
-  !function(o3, i2) {
-    const u2 = t([]), l3 = r(), s2 = (e2) => {
-      e2.proxy && (u2.push(n(e2)), a(l3, u2, i2));
-    }, p2 = (e2) => {
-      u2.splice(u2.indexOf(n(e2)), 1);
-    }, c2 = Object.assign;
-    return (t2) => (e(o3, c2({ add: s2, remove: p2, internalChildren: u2 }, t2)), { internalChildren: u2 });
-  }(c, `${p}-item`)({ props: o2 });
-  const d2 = i(() => ({ [p]: true, [`${p}--border`]: o2.border && !o2.gutter })), f = i(() => {
-    const e2 = {};
-    return o2.gutter && (e2.paddingLeft = s(o2.gutter)), e2;
+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);
   });
-  return () => {
-    var _a;
-    return u("view", { class: d2.value, style: f.value }, (_a = l2.default) == null ? void 0 : _a.call(l2));
+}
+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);
   };
-} };
-export { c as G, d as c };
+  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
+  },
+  iconSize: {
+    type: [Number, String],
+    default: 28
+  },
+  iconColor: {
+    type: String
+  },
+  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.js

@@ -1,17 +1,20 @@
 /*!
-* @nutui/nutui v3.1.22 Fri Jun 24 2022 18:11:16 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { defineComponent as e } from "vue";
-import t from "../locale/lang";
-const n = (e2) => {
-  if (e2 === null)
+import { defineComponent } from "vue";
+import locale from "../locale/lang";
+const TypeOfFun = (value) => {
+  if (value === null) {
     return "null";
-  const t2 = typeof e2;
-  if (t2 === "undefined" || t2 === "string")
-    return t2;
-  switch (toString.call(e2)) {
+  }
+  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]":
@@ -25,37 +28,75 @@ const n = (e2) => {
     case "[object RegExp]":
       return "regexp";
     case "[object Object]":
-      return e2.nodeType !== void 0 ? e2.nodeType == 3 ? /\S/.test(e2.nodeValue) ? "textnode" : "whitespace" : "element" : "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";
   }
-}, r = (e2) => typeof e2 == "function", a = (e2) => e2 !== null && typeof e2 == "object", c = (e2) => a(e2) && r(e2.then) && r(e2.catch), o = (e2, t2) => {
+};
+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 t2.split(".").reduce((e3, t3) => e3[t3], e2);
-  } catch (e3) {
+    return keyPath.split(".").reduce((prev, curr) => prev[curr], obj);
+  } catch (error) {
     return "";
   }
-}, s = (e2, t2, r2) => {
-  let a2 = Object.assign({}, e2), c2 = Object.assign({}, r2);
-  return Object.keys(t2).length > 0 ? (Object.keys(a2).forEach((e3) => {
-    if (c2.hasOwnProperty(e3)) {
-      const r3 = n(c2[e3]);
-      r3 == "function" && (a2[e3] = c2[e3](t2)), r3 == "string" && (a2[e3] = t2[c2[e3]]);
-    } else
-      t2[e3] && (a2[e3] = t2[e3]);
-  }), a2) : e2;
 };
-function u(n2) {
-  const a2 = "nut-" + n2;
-  return { componentName: a2, translate(e2, ...a3) {
-    const c2 = t.languages(), s2 = o(c2, `${n2.replace("-", "")}.${e2}`) || o(c2, e2);
-    return r(s2) ? s2(...a3) : s2;
-  }, create: function(t2) {
-    return t2.baseName = n2, t2.name = a2, t2.install = (e2) => {
-      e2.component(t2.name, t2);
-    }, e(t2);
-  }, createDemo: function(t2) {
-    return t2.baseName = n2, t2.name = "demo-" + n2, e(t2);
-  } };
+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 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 { n as T, c as a, u as c, s as f, o as g, a as i };
+export { TypeOfFun as T, isPromise as a, createComponent as c, floatData as f, getPropByPath as g, isObject as i };

package/dist/packages/_es/index.js

@@ -1,10 +1,11 @@
 /*!
-* @nutui/nutui v3.1.22 Fri Jun 24 2022 18:11:16 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { getCurrentInstance as r } from "vue";
-function o() {
-  return r().proxy.$router || null;
+import { getCurrentInstance } from "vue";
+function useRouter() {
+  const proxy = getCurrentInstance().proxy;
+  return proxy.$router || null;
 }
-export { o as u };
+export { useRouter as u };

package/dist/packages/_es/index2.js

@@ -1,15 +1,36 @@
 /*!
-* @nutui/nutui v3.1.22 Fri Jun 24 2022 18:11:16 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { unref as t } from "vue";
-const e = (e2) => {
-  const i = t(e2);
-  if (i === window) {
-    const t2 = i.innerWidth, e3 = i.innerHeight;
-    return { top: 0, left: 0, right: t2, bottom: e3, width: t2, height: e3 };
+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
+    };
   }
-  return i && i.getBoundingClientRect ? i.getBoundingClientRect() : { top: 0, left: 0, right: 0, bottom: 0, width: 0, height: 0 };
+  if (element && element.getBoundingClientRect) {
+    return element.getBoundingClientRect();
+  }
+  return {
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    width: 0,
+    height: 0
+  };
 };
-export { e as u };
+export { useRect as u };

package/dist/packages/_es/index3.js

@@ -1,11 +1,13 @@
 /*!
-* @nutui/nutui v3.1.22 Fri Jun 24 2022 18:11:16 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { getCurrentInstance as o } from "vue";
-function t(t2) {
-  const n = o();
-  n && Object.assign(n.proxy, t2);
+import { getCurrentInstance } from "vue";
+function useExpose(apis) {
+  const instance = getCurrentInstance();
+  if (instance) {
+    Object.assign(instance.proxy, apis);
+  }
 }
-export { t as u };
+export { useExpose as u };

package/dist/packages/_es/index4.js

@@ -1,19 +1,70 @@
 /*!
-* @nutui/nutui v3.1.22 Fri Jun 24 2022 18:11:16 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.2 Thu Jul 07 2022 19:06:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref as e } from "vue";
-function a() {
-  const a2 = e(0), l = e(0), t = e(0), u = e(0), v = e(0), o = e(0), i = e(0), r = e(0), c = e(""), s = () => {
-    v.value = 0, o.value = 0, i.value = 0, r.value = 0, c.value = "";
+import { ref } from "vue";
+const MIN_DISTANCE = 10;
+function getDirection(x, y) {
+  if (x > y && x > MIN_DISTANCE) {
+    return "horizontal";
+  }
+  if (y > x && y > MIN_DISTANCE) {
+    return "vertical";
+  }
+  return "";
+}
+function useTouch() {
+  const startX = ref(0);
+  const startY = ref(0);
+  const moveX = ref(0);
+  const moveY = 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;
+    moveX.value = touch.clientX;
+    moveY.value = touch.clientY;
+    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,
+    moveX,
+    moveY,
+    deltaX,
+    deltaY,
+    offsetX,
+    offsetY,
+    direction,
+    isVertical,
+    isHorizontal
   };
-  return { move: (e2) => {
-    const s2 = e2.touches[0];
-    var n, h;
-    v.value = s2.clientX - a2.value, o.value = s2.clientY - l.value, t.value = s2.clientX, u.value = s2.clientY, i.value = Math.abs(v.value), r.value = Math.abs(o.value), c.value || (c.value = (n = i.value, h = r.value, n > h && n > 10 ? "horizontal" : h > n && h > 10 ? "vertical" : ""));
-  }, start: (e2) => {
-    s(), a2.value = e2.touches[0].clientX, l.value = e2.touches[0].clientY;
-  }, reset: s, startX: a2, startY: l, moveX: t, moveY: u, deltaX: v, deltaY: o, offsetX: i, offsetY: r, direction: c, isVertical: () => c.value === "vertical", isHorizontal: () => c.value === "horizontal" };
 }
-export { a as u };
+export { useTouch as u };