@koi-design/uxd-ui 12.1.36-beta.0

package/es/utils/calculateNodeHeight.mjs

@@ -0,0 +1,106 @@
+const HIDDEN_TEXTAREA_STYLE = `
+  min-height:0 !important;
+  max-height:none !important;
+  height:0 !important;
+  visibility:hidden !important;
+  overflow:hidden !important;
+  position:absolute !important;
+  z-index:-1000 !important;
+  top:0 !important;
+  right:0 !important
+`;
+const SIZING_STYLE = [
+  "letter-spacing",
+  "line-height",
+  "padding-top",
+  "padding-bottom",
+  "font-family",
+  "font-weight",
+  "font-size",
+  "font-variant",
+  "text-rendering",
+  "text-transform",
+  "width",
+  "text-indent",
+  "padding-left",
+  "padding-right",
+  "border-width",
+  "box-sizing"
+];
+const computedStyleCache = {};
+let hiddenTextarea;
+function calculateNodeStyling(node, useCache = false) {
+  const nodeRef = node.getAttribute("id") || node.getAttribute("data-reactid") || node.getAttribute("name") || "none";
+  if (useCache && computedStyleCache[nodeRef]) {
+    return computedStyleCache[nodeRef];
+  }
+  const style = window.getComputedStyle(node);
+  const boxSizing = style.getPropertyValue("box-sizing") || style.getPropertyValue("-moz-box-sizing") || style.getPropertyValue("-webkit-box-sizing");
+  const paddingSize = parseFloat(style.getPropertyValue("padding-bottom")) + parseFloat(style.getPropertyValue("padding-top"));
+  const borderSize = parseFloat(style.getPropertyValue("border-bottom-width")) + parseFloat(style.getPropertyValue("border-top-width"));
+  const sizingStyle = SIZING_STYLE.map((name) => `${name}:${style.getPropertyValue(name)}`).join(";");
+  const nodeInfo = {
+    sizingStyle,
+    paddingSize,
+    borderSize,
+    boxSizing
+  };
+  if (useCache && nodeRef) {
+    computedStyleCache[nodeRef] = nodeInfo;
+  }
+  return nodeInfo;
+}
+function calculateNodeHeight(uiTextNode, minRows, maxRows, useCache = false) {
+  if (!hiddenTextarea) {
+    hiddenTextarea = document.createElement("textarea");
+    document.body.appendChild(hiddenTextarea);
+  }
+  if (uiTextNode.getAttribute("wrap")) {
+    hiddenTextarea.setAttribute("wrap", uiTextNode.getAttribute("wrap") || "");
+  } else {
+    hiddenTextarea.removeAttribute("wrap");
+  }
+  const { paddingSize, borderSize, boxSizing, sizingStyle } = calculateNodeStyling(uiTextNode, useCache);
+  hiddenTextarea.setAttribute("style", `${sizingStyle};${HIDDEN_TEXTAREA_STYLE}`);
+  hiddenTextarea.value = uiTextNode.value || uiTextNode.placeholder || "";
+  let minHeight = Number.MIN_SAFE_INTEGER;
+  let maxHeight = Number.MAX_SAFE_INTEGER;
+  let height = hiddenTextarea.scrollHeight;
+  let overflowY = "";
+  if (boxSizing === "border-box") {
+    height += borderSize;
+  } else if (boxSizing === "content-box") {
+    height -= paddingSize;
+  }
+  if (minRows !== null || maxRows !== null) {
+    hiddenTextarea.value = " ";
+    const singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;
+    if (minRows) {
+      minHeight = singleRowHeight * minRows;
+      if (boxSizing === "border-box") {
+        minHeight = minHeight + paddingSize + borderSize;
+      }
+      height = Math.max(minHeight, height);
+    }
+    if (maxRows) {
+      maxHeight = singleRowHeight * maxRows;
+      if (boxSizing === "border-box") {
+        maxHeight = maxHeight + paddingSize + borderSize;
+      }
+      overflowY = height > maxHeight ? "" : "hidden";
+      height = Math.min(maxHeight, height);
+    }
+  }
+  if (!maxRows) {
+    overflowY = "hidden";
+  }
+  return {
+    height: `${height}px`,
+    minHeight: `${minHeight}px`,
+    maxHeight: `${maxHeight}px`,
+    overflowY
+  };
+}
+
+export { calculateNodeStyling, calculateNodeHeight as default };
+//# sourceMappingURL=calculateNodeHeight.mjs.map

package/es/utils/calculateNodeHeight.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculateNodeHeight.mjs","sources":["../../../src/utils/calculateNodeHeight.ts"],"sourcesContent":["// Thanks to https://github.com/andreypopp/react-textarea-autosize/\n\n/**\n * calculateNodeHeight(uiTextNode, useCache = false)\n */\n\nconst HIDDEN_TEXTAREA_STYLE = `\n  min-height:0 !important;\n  max-height:none !important;\n  height:0 !important;\n  visibility:hidden !important;\n  overflow:hidden !important;\n  position:absolute !important;\n  z-index:-1000 !important;\n  top:0 !important;\n  right:0 !important\n`;\n\nconst SIZING_STYLE = [\n  'letter-spacing',\n  'line-height',\n  'padding-top',\n  'padding-bottom',\n  'font-family',\n  'font-weight',\n  'font-size',\n  'font-variant',\n  'text-rendering',\n  'text-transform',\n  'width',\n  'text-indent',\n  'padding-left',\n  'padding-right',\n  'border-width',\n  'box-sizing'\n];\n\nconst computedStyleCache: Record<string, any> = {};\nlet hiddenTextarea: HTMLTextAreaElement;\n\nexport interface CalculateNodeStylingReturn {\n  sizingStyle: string;\n  paddingSize: number;\n  borderSize: number;\n  boxSizing: string;\n}\n\nexport interface CalculateNodeHeightReturn {\n  height: string;\n  minHeight: string;\n  maxHeight: string;\n  overflowY: string;\n}\n\nexport function calculateNodeStyling(node: HTMLElement, useCache = false): CalculateNodeStylingReturn {\n  const nodeRef = node.getAttribute('id') || node.getAttribute('data-reactid') || node.getAttribute('name') || 'none';\n\n  if (useCache && computedStyleCache[nodeRef]) {\n    return computedStyleCache[nodeRef];\n  }\n\n  const style = window.getComputedStyle(node);\n\n  const boxSizing = style.getPropertyValue('box-sizing') || style.getPropertyValue('-moz-box-sizing') || style.getPropertyValue('-webkit-box-sizing');\n\n  const paddingSize = parseFloat(style.getPropertyValue('padding-bottom')) + parseFloat(style.getPropertyValue('padding-top'));\n\n  const borderSize = parseFloat(style.getPropertyValue('border-bottom-width')) + parseFloat(style.getPropertyValue('border-top-width'));\n\n  const sizingStyle = SIZING_STYLE.map((name) => `${name}:${style.getPropertyValue(name)}`).join(';');\n\n  const nodeInfo = {\n    sizingStyle,\n    paddingSize,\n    borderSize,\n    boxSizing\n  };\n\n  if (useCache && nodeRef) {\n    computedStyleCache[nodeRef] = nodeInfo;\n  }\n\n  return nodeInfo;\n}\n\nexport default function calculateNodeHeight(\n  uiTextNode: HTMLTextAreaElement,\n  minRows?: number,\n  maxRows?: number,\n  useCache = false\n): CalculateNodeHeightReturn {\n  if (!hiddenTextarea) {\n    hiddenTextarea = document.createElement('textarea');\n    document.body.appendChild(hiddenTextarea);\n  }\n\n  // Fix wrap=\"off\" issue\n  // https://github.com/ant-design/ant-design/issues/6577\n  if (uiTextNode.getAttribute('wrap')) {\n    hiddenTextarea.setAttribute('wrap', uiTextNode.getAttribute('wrap') || '');\n  } else {\n    hiddenTextarea.removeAttribute('wrap');\n  }\n\n  // Copy all CSS properties that have an impact on the height of the content in\n  // the textbox\n  const { paddingSize, borderSize, boxSizing, sizingStyle } = calculateNodeStyling(uiTextNode, useCache);\n\n  // Need to have the overflow attribute to hide the scrollbar otherwise\n  // text-lines will not calculated properly as the shadow will technically be\n  // narrower for content\n  hiddenTextarea.setAttribute('style', `${sizingStyle};${HIDDEN_TEXTAREA_STYLE}`);\n  hiddenTextarea.value = uiTextNode.value || uiTextNode.placeholder || '';\n\n  let minHeight = Number.MIN_SAFE_INTEGER;\n  let maxHeight = Number.MAX_SAFE_INTEGER;\n  let height = hiddenTextarea.scrollHeight;\n  let overflowY = '';\n\n  if (boxSizing === 'border-box') {\n    // border-box: add border, since height = content + padding + border\n    height += borderSize;\n  } else if (boxSizing === 'content-box') {\n    // remove padding, since height = content\n    height -= paddingSize;\n  }\n  if (minRows !== null || maxRows !== null) {\n    // measure height of a textarea with a single row\n    hiddenTextarea.value = ' ';\n    const singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;\n    if (minRows) {\n      minHeight = singleRowHeight * minRows;\n      if (boxSizing === 'border-box') {\n        minHeight = minHeight + paddingSize + borderSize;\n      }\n      height = Math.max(minHeight, height);\n    }\n    if (maxRows) {\n      maxHeight = singleRowHeight * maxRows;\n      if (boxSizing === 'border-box') {\n        maxHeight = maxHeight + paddingSize + borderSize;\n      }\n      overflowY = height > maxHeight ? '' : 'hidden';\n      height = Math.min(maxHeight, height);\n    }\n  }\n  // Remove scroll bar flash when autosize without maxRows\n  if (!maxRows) {\n    overflowY = 'hidden';\n  }\n  return {\n    height: `${height}px`,\n    minHeight: `${minHeight}px`,\n    maxHeight: `${maxHeight}px`,\n    overflowY\n  };\n}\n"],"names":[],"mappings":"AAMA,MAAM,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAY9B,MAAM,eAAe;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,qBAA0C;AAChD,IAAI;SAgBY,qBAAqB,MAAmB,WAAW,OAAmC;AACpG,QAAM,UAAU,KAAK,aAAa,IAAI,KAAK,KAAK,aAAa,cAAc,KAAK,KAAK,aAAa,MAAM,KAAK;AAE7G,MAAI,YAAY,mBAAmB,UAAU;AAC3C,WAAO,mBAAmB;AAAA;AAG5B,QAAM,QAAQ,OAAO,iBAAiB,IAAI;AAE1C,QAAM,YAAY,MAAM,iBAAiB,YAAY,KAAK,MAAM,iBAAiB,iBAAiB,KAAK,MAAM,iBAAiB,oBAAoB;AAElJ,QAAM,cAAc,WAAW,MAAM,iBAAiB,gBAAgB,CAAC,IAAI,WAAW,MAAM,iBAAiB,aAAa,CAAC;AAE3H,QAAM,aAAa,WAAW,MAAM,iBAAiB,qBAAqB,CAAC,IAAI,WAAW,MAAM,iBAAiB,kBAAkB,CAAC;AAEpI,QAAM,cAAc,aAAa,IAAI,CAAC,SAAS,GAAG,QAAQ,MAAM,iBAAiB,IAAI,GAAG,EAAE,KAAK,GAAG;AAElG,QAAM,WAAW;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,MAAI,YAAY,SAAS;AACvB,uBAAmB,WAAW;AAAA;AAGhC,SAAO;AACT;SAEwB,oBACtB,YACA,SACA,SACA,WAAW,OACgB;AAC3B,MAAI,CAAC,gBAAgB;AACnB,qBAAiB,SAAS,cAAc,UAAU;AAClD,aAAS,KAAK,YAAY,cAAc;AAAA;AAK1C,MAAI,WAAW,aAAa,MAAM,GAAG;AACnC,mBAAe,aAAa,QAAQ,WAAW,aAAa,MAAM,KAAK,EAAE;AAAA,SACpE;AACL,mBAAe,gBAAgB,MAAM;AAAA;AAKvC,QAAM,EAAE,aAAa,YAAY,WAAW,gBAAgB,qBAAqB,YAAY,QAAQ;AAKrG,iBAAe,aAAa,SAAS,GAAG,eAAe,uBAAuB;AAC9E,iBAAe,QAAQ,WAAW,SAAS,WAAW,eAAe;AAErE,MAAI,YAAY,OAAO;AACvB,MAAI,YAAY,OAAO;AACvB,MAAI,SAAS,eAAe;AAC5B,MAAI,YAAY;AAEhB,MAAI,cAAc,cAAc;AAE9B,cAAU;AAAA,aACD,cAAc,eAAe;AAEtC,cAAU;AAAA;AAEZ,MAAI,YAAY,QAAQ,YAAY,MAAM;AAExC,mBAAe,QAAQ;AACvB,UAAM,kBAAkB,eAAe,eAAe;AACtD,QAAI,SAAS;AACX,kBAAY,kBAAkB;AAC9B,UAAI,cAAc,cAAc;AAC9B,oBAAY,YAAY,cAAc;AAAA;AAExC,eAAS,KAAK,IAAI,WAAW,MAAM;AAAA;AAErC,QAAI,SAAS;AACX,kBAAY,kBAAkB;AAC9B,UAAI,cAAc,cAAc;AAC9B,oBAAY,YAAY,cAAc;AAAA;AAExC,kBAAY,SAAS,YAAY,KAAK;AACtC,eAAS,KAAK,IAAI,WAAW,MAAM;AAAA;AACrC;AAGF,MAAI,CAAC,SAAS;AACZ,gBAAY;AAAA;AAEd,SAAO;AAAA,IACL,QAAQ,GAAG;AAAA,IACX,WAAW,GAAG;AAAA,IACd,WAAW,GAAG;AAAA,IACd;AAAA;AAEJ;;;;"}

package/es/utils/css.d.ts

@@ -0,0 +1 @@
+export declare const cssPrefix = "uui";

package/es/utils/css.mjs

@@ -0,0 +1,4 @@
+const cssPrefix = "uui";
+
+export { cssPrefix };
+//# sourceMappingURL=css.mjs.map

package/es/utils/css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.mjs","sources":["../../../src/utils/css.ts"],"sourcesContent":["export const cssPrefix = 'uui';\n"],"names":[],"mappings":"MAAa,YAAY;;;;"}

package/es/utils/dom.d.ts

@@ -0,0 +1,33 @@
+import type { CSSProperties } from 'vue';
+import type { GetConfainerFunction } from './globalType';
+export declare const contains: (root: HTMLElement, target: HTMLElement) => boolean;
+export interface addEventListenerReturn {
+    remove: () => void;
+}
+export declare const addEventListener: (target: HTMLElement | Document | Window, eventType: string, cb: EventListenerOrEventListenerObject, option?: boolean | AddEventListenerOptions) => addEventListenerReturn;
+export declare function measureScrollbar({ direction, className }: {
+    direction: string;
+    className?: string;
+}): number;
+export declare function measureTextWidth(text: string, fontSize?: number): number;
+export declare function scrollTop(el: HTMLElement | Window, to: number, duration: number, endCallback?: () => void): void;
+export declare function scrollToView(elem: HTMLElement, container: HTMLElement | Window, option: {
+    alignTop: boolean;
+}): void;
+export declare function isFlexSupported(): boolean;
+export declare const autoCssPrefix: (style: CSSProperties) => CSSProperties;
+export declare const getContainer: (container?: GetConfainerFunction | string | HTMLElement) => HTMLElement | Window | null;
+export declare const trim: (string: string) => string;
+export declare const hasClass: (el: HTMLElement, cls: string) => boolean;
+export declare const addClass: (el: HTMLElement, cls: string) => void;
+export declare const removeClass: (el: HTMLElement, cls: string) => void;
+export declare const getStyle: (element: HTMLElement, styleName: string) => any;
+export declare function setStyle(element: HTMLElement, styleName: string | CSSProperties, value: string): void;
+export declare function removeStyle(element: HTMLElement, style: string): void;
+export declare const isScroll: (el: HTMLElement, isVertical?: boolean) => any;
+export declare const getScrollContainer: (el: HTMLElement, isVertical?: boolean) => Window | HTMLElement;
+export declare const getOffsetTop: (el: HTMLElement) => number;
+export declare const getOffsetTopDistance: (el: HTMLElement, containerEl: HTMLElement) => number;
+export declare const getPropStyle: (styleName: keyof CSSProperties, styleValue: any) => CSSProperties;
+export declare const stopPropagation: (event: Event) => void;
+export declare const preventDefault: (event: Event, isStopPropagation?: boolean) => void;

package/es/utils/dom.mjs

@@ -0,0 +1,291 @@
+import { camelize, isObject } from '@vue/shared';
+import { getRequestAnimationFrame } from './requestAnimationTimeout.mjs';
+
+const contains = (root, target) => {
+  return root.contains(target);
+};
+const addEventListener = (target, eventType, cb, option) => {
+  if (target.addEventListener) {
+    target.addEventListener(eventType, cb, option);
+  }
+  return {
+    remove: () => {
+      if (target.removeEventListener) {
+        target.removeEventListener(eventType, cb);
+      }
+    }
+  };
+};
+let scrollbarVerticalSize;
+let scrollbarHorizontalSize;
+const scrollbarMeasure = {
+  position: "absolute",
+  top: "-9999px",
+  width: "50px",
+  height: "50px"
+};
+function measureScrollbar({
+  direction = "vertical",
+  className
+}) {
+  if (typeof document === "undefined" || typeof window === "undefined") {
+    return 0;
+  }
+  const isVertical = direction === "vertical";
+  if (isVertical && scrollbarVerticalSize) {
+    return scrollbarVerticalSize;
+  }
+  if (!isVertical && scrollbarHorizontalSize) {
+    return scrollbarHorizontalSize;
+  }
+  const scrollDiv = document.createElement("div");
+  Object.keys(scrollbarMeasure).forEach((scrollProp) => {
+    scrollDiv.style.setProperty(scrollProp, scrollbarMeasure[scrollProp]);
+  });
+  scrollDiv.className = className || "";
+  if (isVertical) {
+    scrollDiv.style.overflowY = "scroll";
+  } else {
+    scrollDiv.style.overflowX = "scroll";
+  }
+  document.body.appendChild(scrollDiv);
+  let size = 0;
+  if (isVertical) {
+    size = scrollDiv.offsetWidth - scrollDiv.clientWidth;
+    scrollbarVerticalSize = size;
+  } else {
+    size = scrollDiv.offsetHeight - scrollDiv.clientHeight;
+    scrollbarHorizontalSize = size;
+  }
+  document.body.removeChild(scrollDiv);
+  return size;
+}
+function measureTextWidth(text, fontSize) {
+  const span = document.createElement("span");
+  span.style.fontSize = fontSize ? `${fontSize}px` : "";
+  span.innerText = text;
+  document.body.appendChild(span);
+  const width = span.offsetWidth;
+  document.body.removeChild(span);
+  return width;
+}
+function scrollTop(el, to, duration, endCallback) {
+  const from = el instanceof HTMLElement ? el.scrollTop : el.pageYOffset;
+  const diff = Math.abs(from - to);
+  const defaultStep = Math.ceil(diff / duration * 50);
+  const raf = getRequestAnimationFrame();
+  function scroll(start, end, step) {
+    if (start === end) {
+      endCallback && endCallback();
+      return;
+    }
+    let direct = start + step > end ? end : start + step;
+    if (start > end) {
+      direct = start - step < end ? end : start - step;
+    }
+    if (el === window) {
+      window.scrollTo(0, direct);
+    } else if (el instanceof HTMLElement) {
+      el.scrollTop = direct;
+    }
+    raf(() => scroll(direct, end, step));
+  }
+  scroll(from, to, defaultStep);
+}
+function scrollToView(elem, container, option) {
+  if (container === window || container === document.body) {
+    elem.scrollIntoView({ block: (option == null ? void 0 : option.alignTop) ? "start" : "end" });
+    return;
+  }
+  if (container instanceof HTMLElement) {
+    const { alignTop } = option;
+    const elemPos = elem.getBoundingClientRect();
+    const containerPos = container.getBoundingClientRect();
+    const diffTop = elemPos.top - containerPos.top;
+    const diffBottom = elemPos.bottom - containerPos.bottom;
+    if (diffTop < 0 || diffBottom > 0) {
+      if (alignTop === true) {
+        container.scrollTop += elemPos.top - containerPos.top;
+      } else if (alignTop === false) {
+        container.scrollTop += elemPos.bottom - containerPos.bottom;
+      } else if (diffBottom > 0) {
+        container.scrollTop += elemPos.bottom - containerPos.bottom;
+      } else {
+        container.scrollTop += elemPos.top - containerPos.top;
+      }
+    }
+  }
+}
+function isFlexSupported() {
+  if (typeof window !== "undefined" && window.document && window.document.documentElement) {
+    const { documentElement } = window.document;
+    return "flex" in documentElement.style || "webkitFlex" in documentElement.style || "Flex" in documentElement.style || "msFlex" in documentElement.style;
+  }
+  return false;
+}
+const autoCssPrefix = (style) => {
+  const rules = ["transform", "transition", "animation"];
+  const prefixes = ["ms-", "webkit-"];
+  rules.forEach((rule) => {
+    const value = style[rule];
+    if (rule && value) {
+      prefixes.forEach((prefix) => {
+        style[prefix + rule] = value;
+      });
+    }
+  });
+  return style;
+};
+const getContainer = (container) => {
+  if (typeof container === "function") {
+    return container() || window;
+  }
+  if (typeof container === "string") {
+    return document.querySelector(container);
+  }
+  if (container instanceof HTMLElement && container.nodeType === 1) {
+    return container;
+  }
+  return window;
+};
+const trim = (string) => {
+  return (string || "").replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, "");
+};
+const hasClass = (el, cls) => {
+  if (!el || !cls)
+    return false;
+  if (cls.indexOf(" ") !== -1)
+    throw new Error("className should not contain space.");
+  if (el.classList) {
+    return el.classList.contains(cls);
+  }
+  return ` ${el.className} `.indexOf(` ${cls} `) > -1;
+};
+const addClass = (el, cls) => {
+  if (!el)
+    return;
+  let curClass = el.className;
+  const classes = (cls || "").split(" ");
+  for (let i = 0; i < classes.length; i += 1) {
+    const clsName = classes[i];
+    if (!clsName)
+      continue;
+    if (el.classList) {
+      el.classList.add(clsName);
+    } else if (!hasClass(el, clsName)) {
+      curClass += ` ${clsName}`;
+    }
+  }
+  if (!el.classList) {
+    el.className = curClass;
+  }
+};
+const removeClass = (el, cls) => {
+  if (!el || !cls)
+    return;
+  const classes = cls.split(" ");
+  let curClass = ` ${el.className} `;
+  for (let i = 0; i < classes.length; i += 1) {
+    const clsName = classes[i];
+    if (!clsName)
+      continue;
+    if (el.classList) {
+      el.classList.remove(clsName);
+    } else if (hasClass(el, clsName)) {
+      curClass = curClass.replace(` ${clsName} `, " ");
+    }
+  }
+  if (!el.classList) {
+    el.className = trim(curClass);
+  }
+};
+const getStyle = (element, styleName) => {
+  var _a;
+  if (!element || !styleName)
+    return "";
+  let name = camelize(styleName);
+  if (name === "float") {
+    name = "cssFloat";
+  }
+  try {
+    const style = element.style[name];
+    if (style)
+      return style;
+    const computed = ((_a = document.defaultView) == null ? void 0 : _a.getComputedStyle(element, "")) || "";
+    return computed ? computed[name] : "";
+  } catch (e) {
+    return element.style[name];
+  }
+};
+function setStyle(element, styleName, value) {
+  if (!element || !styleName)
+    return;
+  if (isObject(styleName)) {
+    Object.keys(styleName).forEach((prop) => {
+      setStyle(element, prop, styleName[prop]);
+    });
+  } else {
+    const name = camelize(styleName);
+    element.style[name] = value;
+  }
+}
+function removeStyle(element, style) {
+  if (!element || !style)
+    return;
+  if (isObject(style)) {
+    Object.keys(style).forEach((prop) => {
+      setStyle(element, prop, "");
+    });
+  } else {
+    setStyle(element, style, "");
+  }
+}
+const isScroll = (el, isVertical) => {
+  const determinedDirection = isVertical === null || isVertical === void 0;
+  const overflow = determinedDirection ? getStyle(el, "overflow") : isVertical ? getStyle(el, "overflow-y") : getStyle(el, "overflow-x");
+  return overflow.match(/(scroll|auto)/);
+};
+const getScrollContainer = (el, isVertical) => {
+  let parent = el;
+  while (parent) {
+    if ([window, document, document.documentElement].includes(parent)) {
+      return window;
+    }
+    if (isScroll(parent, isVertical)) {
+      return parent;
+    }
+    parent = parent.parentNode;
+  }
+  return parent;
+};
+const getOffsetTop = (el) => {
+  let offset = 0;
+  let parent = el;
+  while (parent) {
+    offset += parent.offsetTop;
+    parent = parent.offsetParent;
+  }
+  return offset;
+};
+const getOffsetTopDistance = (el, containerEl) => {
+  return Math.abs(getOffsetTop(el) - getOffsetTop(containerEl));
+};
+const getPropStyle = (styleName, styleValue) => {
+  const style = {};
+  if (styleValue !== void 0) {
+    style[styleName] = styleValue;
+  }
+  return style;
+};
+const stopPropagation = (event) => event.stopPropagation();
+const preventDefault = (event, isStopPropagation) => {
+  if (typeof event.cancelable !== "boolean" || event.cancelable) {
+    event.preventDefault();
+  }
+  if (isStopPropagation) {
+    stopPropagation(event);
+  }
+};
+
+export { addClass, addEventListener, autoCssPrefix, contains, getContainer, getOffsetTop, getOffsetTopDistance, getPropStyle, getScrollContainer, getStyle, hasClass, isFlexSupported, isScroll, measureScrollbar, measureTextWidth, preventDefault, removeClass, removeStyle, scrollToView, scrollTop, setStyle, stopPropagation, trim };
+//# sourceMappingURL=dom.mjs.map

package/es/utils/dom.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.mjs","sources":["../../../src/utils/dom.ts"],"sourcesContent":["/* eslint-disable prettier/prettier */\nimport { camelize, isObject } from '@vue/shared';\nimport type { CSSProperties } from 'vue';\nimport type { GetConfainerFunction } from './globalType';\nimport { getRequestAnimationFrame } from './requestAnimationTimeout';\n\nexport const contains = (root: HTMLElement, target: HTMLElement) => {\n  return root.contains(target);\n};\n\nexport interface addEventListenerReturn {\n  remove: () => void;\n}\n\nexport const addEventListener = (\n  target: HTMLElement | Document | Window,\n  eventType: string,\n  cb: EventListenerOrEventListenerObject,\n  option?: boolean | AddEventListenerOptions\n): addEventListenerReturn => {\n  if (target.addEventListener) {\n    target.addEventListener(eventType, cb, option);\n  }\n  return {\n    remove: () => {\n      if (target.removeEventListener) {\n        target.removeEventListener(eventType, cb);\n      }\n    }\n  };\n};\n\nlet scrollbarVerticalSize: number;\nlet scrollbarHorizontalSize: number;\n\nconst scrollbarMeasure: Record<string, string> = {\n  position: 'absolute',\n  top: '-9999px',\n  width: '50px',\n  height: '50px'\n};\n\nexport function measureScrollbar({\n  direction = 'vertical',\n  className\n}: {\n  direction: string;\n  className?: string;\n}): number {\n  if (typeof document === 'undefined' || typeof window === 'undefined') {\n    return 0;\n  }\n  const isVertical = direction === 'vertical';\n  if (isVertical && scrollbarVerticalSize) {\n    return scrollbarVerticalSize;\n  }\n  if (!isVertical && scrollbarHorizontalSize) {\n    return scrollbarHorizontalSize;\n  }\n  const scrollDiv = document.createElement('div');\n  Object.keys(scrollbarMeasure).forEach((scrollProp) => {\n    scrollDiv.style.setProperty(scrollProp, scrollbarMeasure[scrollProp]);\n  });\n  // apply hide scrollbar className ahead\n  scrollDiv.className = className || '';\n\n  // Append related overflow style\n  if (isVertical) {\n    scrollDiv.style.overflowY = 'scroll';\n  } else {\n    scrollDiv.style.overflowX = 'scroll';\n  }\n  document.body.appendChild(scrollDiv);\n  let size = 0;\n  if (isVertical) {\n    size = scrollDiv.offsetWidth - scrollDiv.clientWidth;\n    scrollbarVerticalSize = size;\n  } else {\n    size = scrollDiv.offsetHeight - scrollDiv.clientHeight;\n    scrollbarHorizontalSize = size;\n  }\n\n  document.body.removeChild(scrollDiv);\n  return size;\n}\n\nexport function measureTextWidth(text: string, fontSize?: number): number {\n  const span = document.createElement('span');\n  span.style.fontSize = fontSize ? `${fontSize}px` : '';\n  span.innerText = text;\n  document.body.appendChild(span);\n  const width = span.offsetWidth;\n  document.body.removeChild(span);\n  return width;\n}\n\nexport function scrollTop(\n  el: HTMLElement | Window,\n  to: number,\n  duration: number,\n  endCallback?: () => void\n): void {\n  const from = el instanceof HTMLElement ? el.scrollTop : el.pageYOffset;\n  const diff = Math.abs(from - to);\n  const defaultStep = Math.ceil((diff / duration) * 50);\n  const raf = getRequestAnimationFrame();\n\n  function scroll(start: number, end: number, step: number): void {\n    if (start === end) {\n      endCallback && endCallback();\n      return;\n    }\n    let direct = start + step > end ? end : start + step;\n    if (start > end) {\n      direct = start - step < end ? end : start - step;\n    }\n    if (el === window) {\n      window.scrollTo(0, direct);\n    } else if (el instanceof HTMLElement) {\n      el.scrollTop = direct;\n    }\n    raf(() => scroll(direct, end, step));\n  }\n  scroll(from, to, defaultStep);\n}\n\nexport function scrollToView(\n  elem: HTMLElement,\n  container: HTMLElement | Window,\n  option: { alignTop: boolean }\n): void {\n  if (container === window || container === document.body) {\n    elem.scrollIntoView({ block: option?.alignTop ? 'start' : 'end' });\n    return;\n  }\n  if (container instanceof HTMLElement) {\n    const {alignTop} = option;\n    const elemPos = elem.getBoundingClientRect();\n    const containerPos = container.getBoundingClientRect();\n    const diffTop = elemPos.top - containerPos.top;\n    const diffBottom = elemPos.bottom - containerPos.bottom;\n    if (diffTop < 0 || diffBottom > 0) {\n      if (alignTop === true) {\n        container.scrollTop += elemPos.top - containerPos.top;\n      } else if (alignTop === false) {\n        container.scrollTop += elemPos.bottom - containerPos.bottom;\n      } else if (diffBottom > 0) {\n          container.scrollTop += elemPos.bottom - containerPos.bottom;\n        } else {\n          container.scrollTop += elemPos.top - containerPos.top;\n        }\n    }\n  }\n}\n\nexport function isFlexSupported(): boolean {\n  if (\n    typeof window !== 'undefined' &&\n    window.document &&\n    window.document.documentElement\n  ) {\n    const { documentElement } = window.document;\n    return (\n      'flex' in documentElement.style ||\n      'webkitFlex' in documentElement.style ||\n      'Flex' in documentElement.style ||\n      'msFlex' in documentElement.style\n    );\n  }\n  return false;\n}\n\nexport const autoCssPrefix = (style: CSSProperties): CSSProperties => {\n  const rules = ['transform', 'transition', 'animation'];\n  const prefixes = ['ms-', 'webkit-'];\n  rules.forEach((rule) => {\n    const value = (style as any)[rule];\n    if (rule && value) {\n      prefixes.forEach((prefix) => {\n        (style as any)[prefix + rule] = value;\n      });\n    }\n  });\n  return style;\n};\n\nexport const getContainer = (\n  container?: GetConfainerFunction | string | HTMLElement\n): HTMLElement | Window | null => {\n  if (typeof container === 'function') {\n    return container() || window;\n  }\n  if (typeof container === 'string') {\n    return document.querySelector<HTMLElement>(container);\n  }\n  if (container instanceof HTMLElement && container.nodeType === 1) {\n    return container;\n  }\n  return window;\n};\n\nexport const trim = (string: string): string => {\n  return (string || '').replace(/^[\\s\\uFEFF]+|[\\s\\uFEFF]+$/g, '');\n};\n\nexport const hasClass = (el: HTMLElement, cls: string): boolean => {\n  if (!el || !cls) return false;\n  if (cls.indexOf(' ') !== -1)\n    throw new Error('className should not contain space.');\n  if (el.classList) {\n    return el.classList.contains(cls);\n  } \n    return ` ${el.className} `.indexOf(` ${cls} `) > -1;\n  \n};\n\nexport const addClass = (el: HTMLElement, cls: string): void => {\n  if (!el) return;\n  let curClass = el.className;\n  const classes = (cls || '').split(' ');\n\n  for (let i = 0; i < classes.length; i+=1) {\n    const clsName = classes[i];\n    // eslint-disable-next-line no-continue\n    if (!clsName) continue;\n\n    if (el.classList) {\n      el.classList.add(clsName);\n    } else if (!hasClass(el, clsName)) {\n        curClass += ` ${clsName}`;\n      }\n  }\n  if (!el.classList) {\n    el.className = curClass;\n  }\n};\n\nexport const removeClass = (el: HTMLElement, cls: string): void => {\n  if (!el || !cls) return;\n  const classes = cls.split(' ');\n  let curClass = ` ${el.className} `;\n\n  for (let i = 0; i < classes.length; i+=1) {\n    const clsName = classes[i];\n    // eslint-disable-next-line no-continue\n    if (!clsName) continue;\n\n    if (el.classList) {\n      el.classList.remove(clsName);\n    } else if (hasClass(el, clsName)) {\n        curClass = curClass.replace(` ${clsName} `, ' ');\n      }\n  }\n  if (!el.classList) {\n    el.className = trim(curClass);\n  }\n};\n\nexport const getStyle =  (element: HTMLElement, styleName: string)=> {\n  if (!element || !styleName) return '';\n  let name: string = camelize(styleName);\n  if (name === 'float') {\n    name = 'cssFloat';\n  }\n  try {\n    const style = (element.style as any)[name];\n    if (style) return style;\n    const computed = document.defaultView?.getComputedStyle(element, '') || '';\n    return computed ? (computed as any)[name] : '';\n  } catch (e) {\n    return (element.style as any)[name];\n  }\n};\n\nexport function setStyle(\n  element: HTMLElement,\n  styleName: string | CSSProperties,\n  value: string\n): void {\n  if (!element || !styleName) return;\n\n  if (isObject(styleName)) {\n    Object.keys(styleName).forEach((prop) => {\n      setStyle(element, prop, (styleName as any)[prop]);\n    });\n  } else {\n    const name = camelize(styleName);\n    (element.style as any)[name] = value;\n  }\n}\n\nexport function removeStyle(element: HTMLElement, style: string) {\n  if (!element || !style) return;\n\n  if (isObject(style)) {\n    Object.keys(style).forEach((prop) => {\n      setStyle(element, prop, '');\n    });\n  } else {\n    setStyle(element, style, '');\n  }\n}\n\nexport const isScroll = (el: HTMLElement, isVertical?: boolean) => {\n  const determinedDirection = isVertical === null || isVertical === undefined;\n\n  const overflow = determinedDirection\n    ? getStyle(el, 'overflow')\n    : isVertical\n      ? getStyle(el, 'overflow-y')\n      : getStyle(el, 'overflow-x');\n  return overflow.match(/(scroll|auto)/);\n};\n\nexport const getScrollContainer = (\n  el: HTMLElement,\n  isVertical?: boolean\n): Window | HTMLElement => {\n  let parent: HTMLElement = el;\n  while (parent) {\n    if ([window, document, document.documentElement].includes(parent)) {\n      return window;\n    }\n    if (isScroll(parent, isVertical)) {\n      return parent;\n    }\n    parent = parent.parentNode as HTMLElement;\n  }\n  return parent;\n};\n\nexport const getOffsetTop = (el: HTMLElement) => {\n  let offset = 0;\n  let parent = el;\n\n  while (parent) {\n    offset += parent.offsetTop;\n    parent = parent.offsetParent as HTMLElement;\n  }\n\n  return offset;\n};\n\nexport const getOffsetTopDistance = (\n  el: HTMLElement,\n  containerEl: HTMLElement\n) => {\n  return Math.abs(getOffsetTop(el) - getOffsetTop(containerEl));\n};\n\nexport const getPropStyle = (\n  styleName: keyof CSSProperties,\n  styleValue: any\n) => {\n  const style: CSSProperties = {};\n  if (styleValue !== undefined) {\n    (style as any)[styleName] = styleValue;\n  }\n  return style;\n};\n\nexport const stopPropagation = (event: Event) => event.stopPropagation();\n\nexport const preventDefault = (event: Event, isStopPropagation?: boolean) => {\n  if (typeof event.cancelable !== 'boolean' || event.cancelable) {\n    event.preventDefault();\n  }\n\n  if (isStopPropagation) {\n    stopPropagation(event);\n  }\n};"],"names":[],"mappings":"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"}

package/es/utils/globalType.d.ts

@@ -0,0 +1,17 @@
+import type { UnionToIntersection } from '@vue/shared';
+import type { Component } from 'vue';
+export declare type GetConfainerFunction = () => HTMLElement | Window | null;
+export declare const normalSizeMap: readonly ["small", "large", "default"];
+export declare type NormalSizeMap = (typeof normalSizeMap)[number];
+export declare const middleSizeMap: readonly ["small", "large", "default", "middle"];
+export declare type MiddleSizeMap = NormalSizeMap | 'middle';
+export declare const labelAlign: string[];
+export declare type LabelAlign = (typeof labelAlign)[number];
+export declare type IconPropType = string | Component;
+export declare type EmitFn<Options extends Record<string, (...args: any[]) => boolean>, Event extends keyof Options = keyof Options> = UnionToIntersection<{
+    [key in Event]: Options[key] extends (...args: infer Args) => boolean ? (event: key, ...args: Args) => void : (event: key, ...args: any[]) => void;
+}[Event]>;
+export declare const variantType: readonly ["surface", "soft", "ghost"];
+export declare type VariantType = (typeof variantType)[number];
+export declare const colorType: readonly ["primary", "blue", "red", "orange", "green", "iris", "cyan", "yellow", "amber", "purple", "lime", "sky", "violet", "pink", "mint"];
+export declare type ColorType = (typeof colorType)[number];

package/es/utils/globalType.mjs

@@ -0,0 +1,24 @@
+const normalSizeMap = ["small", "large", "default"];
+const middleSizeMap = [...normalSizeMap, "middle"];
+const labelAlign = ["left", "right"];
+const variantType = ["surface", "soft", "ghost"];
+const colorType = [
+  "primary",
+  "blue",
+  "red",
+  "orange",
+  "green",
+  "iris",
+  "cyan",
+  "yellow",
+  "amber",
+  "purple",
+  "lime",
+  "sky",
+  "violet",
+  "pink",
+  "mint"
+];
+
+export { colorType, labelAlign, middleSizeMap, normalSizeMap, variantType };
+//# sourceMappingURL=globalType.mjs.map

package/es/utils/globalType.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalType.mjs","sources":["../../../src/utils/globalType.ts"],"sourcesContent":["import type { UnionToIntersection } from '@vue/shared';\nimport type { Component } from 'vue';\n\nexport type GetConfainerFunction = () => HTMLElement | Window | null;\n\nexport const normalSizeMap = ['small', 'large', 'default'] as const;\n\nexport type NormalSizeMap = (typeof normalSizeMap)[number];\n\nexport const middleSizeMap = [...normalSizeMap, 'middle'] as const;\n\nexport type MiddleSizeMap = NormalSizeMap | 'middle';\n\nexport const labelAlign = ['left', 'right'];\n\nexport type LabelAlign = (typeof labelAlign)[number];\n\nexport type IconPropType = string | Component;\n\nexport type EmitFn<Options extends Record<string, (...args: any[]) => boolean>, Event extends keyof Options = keyof Options> = UnionToIntersection<\n  {\n    [key in Event]: Options[key] extends (...args: infer Args) => boolean\n      ? (event: key, ...args: Args) => void\n      : (event: key, ...args: any[]) => void;\n  }[Event]\n>;\n\nexport const variantType = ['surface', 'soft', 'ghost'] as const;\n\nexport type VariantType = (typeof variantType)[number];\n\nexport const colorType = [\n  'primary',\n  'blue',\n  'red',\n  'orange',\n  'green',\n  'iris',\n  'cyan',\n  'yellow',\n  'amber',\n  'purple',\n  'lime',\n  'sky',\n  'violet',\n  'pink',\n  'mint'\n] as const;\n\nexport type ColorType = (typeof colorType)[number];\n"],"names":[],"mappings":"MAKa,gBAAgB,CAAC,SAAS,SAAS,SAAS;MAI5C,gBAAgB,CAAC,GAAG,eAAe,QAAQ;MAI3C,aAAa,CAAC,QAAQ,OAAO;MAc7B,cAAc,CAAC,WAAW,QAAQ,OAAO;MAIzC,YAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;;;;"}

package/es/utils/index.d.ts

@@ -0,0 +1,12 @@
+export * from './calculateNodeHeight';
+export * from './css';
+export * from './dom';
+export * from './globalType';
+export * from './install';
+export * from './isValid';
+export * from './placements';
+export * from './propsValidators';
+export * from './requestAnimationTimeout';
+export * from './responsiveObserve';
+export * from './slots';
+export * from './tools';

package/es/utils/index.mjs

@@ -0,0 +1,14 @@
+export { calculateNodeStyling } from './calculateNodeHeight.mjs';
+export { cssPrefix } from './css.mjs';
+export { addClass, addEventListener, autoCssPrefix, contains, getContainer, getOffsetTop, getOffsetTopDistance, getPropStyle, getScrollContainer, getStyle, hasClass, isFlexSupported, isScroll, measureScrollbar, measureTextWidth, preventDefault, removeClass, removeStyle, scrollToView, scrollTop, setStyle, stopPropagation, trim } from './dom.mjs';
+export { colorType, labelAlign, middleSizeMap, normalSizeMap, variantType } from './globalType.mjs';
+export { withInstall, withInstallPlugin } from './install.mjs';
+export { isArray, isFunction, isInteger, isNumeric, isPlainObject, isValid } from './isValid.mjs';
+import './placements.mjs';
+export { isArrayOf, oneOf } from './propsValidators.mjs';
+export { cancelAnimationTimeout, cancelRequestAnimationFrame, getRequestAnimationFrame, requestAnimationTimeout } from './requestAnimationTimeout.mjs';
+export { breakpointMap, responsiveArray, responsiveMap } from './responsiveObserve.mjs';
+export { filterEmpty, findDOMNode, flattenChildren, getPropsData, getRender, getSlot, isEmptyElement, isValidElement } from './slots.mjs';
+export { debounce, flatArray, flatFilter, generateUUID, hexToRgba, setBodyStyle, shallowequal, toArray, treeMap, treeSort } from './tools.mjs';
+export { cloneVNode } from 'vue';
+//# sourceMappingURL=index.mjs.map

package/es/utils/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/es/utils/install.d.ts

@@ -0,0 +1,3 @@
+import type { Plugin } from 'vue';
+export declare const withInstall: <T, E extends Record<string, any>>(comp: T, extra?: E) => T & Plugin<any[]> & E;
+export declare const withInstallPlugin: <T>(fn: T, name: string) => T & Plugin<any[]>;

package/es/utils/install.mjs

@@ -0,0 +1,28 @@
+const withInstall = (comp, extra) => {
+  const c = comp;
+  c.install = (app) => {
+    if (c !== void 0) {
+      app.component(c.displayName || c.name, comp);
+    }
+    if (extra) {
+      Object.values(extra).forEach((e) => {
+        app.component(e.displayName || e.name, e);
+      });
+    }
+  };
+  if (extra) {
+    Object.entries(extra).forEach(([key, e]) => {
+      c[key] = e;
+    });
+  }
+  return comp;
+};
+const withInstallPlugin = (fn, name) => {
+  fn.install = (app) => {
+    app.config.globalProperties[name] = fn;
+  };
+  return fn;
+};
+
+export { withInstall, withInstallPlugin };
+//# sourceMappingURL=install.mjs.map

package/es/utils/install.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"install.mjs","sources":["../../../src/utils/install.ts"],"sourcesContent":["import type { App, Plugin } from 'vue';\n\nexport const withInstall = <T, E extends Record<string, any>>(comp: T, extra?: E) => {\n  const c = comp as any;\n  c.install = (app: App) => {\n    if (c !== undefined) {\n      app.component(c.displayName || c.name, comp);\n    }\n    if (extra) {\n      Object.values(extra).forEach((e) => {\n        app.component(e.displayName || e.name, e);\n      });\n    }\n  };\n\n  if (extra) {\n    Object.entries(extra).forEach(([key, e]) => {\n      c[key] = e;\n    });\n  }\n\n  return comp as T & Plugin & E;\n};\n\nexport const withInstallPlugin = <T>(fn: T, name: string) => {\n  (fn as T & Plugin).install = (app: App) => {\n    app.config.globalProperties[name] = fn;\n  };\n\n  return fn as T & Plugin;\n};\n"],"names":[],"mappings":"MAEa,cAAc,CAAmC,MAAS,UAAc;AACnF,QAAM,IAAI;AACV,IAAE,UAAU,CAAC,QAAa;AACxB,QAAI,MAAM,QAAW;AACnB,UAAI,UAAU,EAAE,eAAe,EAAE,MAAM,IAAI;AAAA;AAE7C,QAAI,OAAO;AACT,aAAO,OAAO,KAAK,EAAE,QAAQ,CAAC,MAAM;AAClC,YAAI,UAAU,EAAE,eAAe,EAAE,MAAM,CAAC;AAAA,OACzC;AAAA;AACH;AAGF,MAAI,OAAO;AACT,WAAO,QAAQ,KAAK,EAAE,QAAQ,CAAC,CAAC,KAAK,CAAC,MAAM;AAC1C,QAAE,OAAO;AAAA,KACV;AAAA;AAGH,SAAO;AACT;MAEa,oBAAoB,CAAI,IAAO,SAAiB;AAC3D,EAAC,GAAkB,UAAU,CAAC,QAAa;AACzC,QAAI,OAAO,iBAAiB,QAAQ;AAAA;AAGtC,SAAO;AACT;;;;"}

package/es/utils/isFirefox.d.ts

@@ -0,0 +1,2 @@
+declare const isFF: boolean;
+export default isFF;

package/es/utils/isFirefox.mjs

@@ -0,0 +1,4 @@
+const isFF = typeof navigator === "object" && /Firefox/i.test(navigator.userAgent);
+
+export { isFF as default };
+//# sourceMappingURL=isFirefox.mjs.map

package/es/utils/isFirefox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isFirefox.mjs","sources":["../../../src/utils/isFirefox.ts"],"sourcesContent":["const isFF = typeof navigator === 'object' && /Firefox/i.test(navigator.userAgent);\n\nexport default isFF;\n"],"names":[],"mappings":"MAAM,OAAO,OAAO,cAAc,YAAY,WAAW,KAAK,UAAU,SAAS;;;;"}

package/es/utils/isValid.d.ts

@@ -0,0 +1,6 @@
+export declare const isNumeric: (value: number | string) => boolean;
+export declare const isInteger: (number: unknown) => boolean;
+export declare const isFunction: (val: any) => boolean;
+export declare const isArray: (val: any) => boolean;
+export declare const isPlainObject: (val: any) => boolean;
+export declare const isValid: (val: any) => boolean;