@opentiny/vue-renderless 3.21.2 → 3.23.0

package/cascader-panel/vue.js

@@ -25,7 +25,7 @@ import {
   syncMenuState,
   syncMultiCheckState
 } from "./index";
-import { merge } from "../common/object";
+import { merge } from "@opentiny/utils";
 import { isEmpty } from "../cascader";
 import Store from "./store";
 const api = [

package/cascader-select/column-index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { isBrowser } from "../common/browser";
+import { isServer } from "@opentiny/utils";
 const DEFAULT_DURATION = 200;
 const INERTIA_TIME = 300;
 const INERTIA_DISTANCE = 15;
@@ -24,7 +24,7 @@ const setRollerStyle = ({ state }) => (index) => {
   return `transform: rotate3d(1, 0, 0, ${-state.rotation * index}deg) translate3d(0px, 0px, 104px)`;
 };
 const onTouchStart = ({ state, props, touch, vm }) => (event) => {
-  if (!isBrowser)
+  if (isServer)
     return;
   touch.start(event);
   if (state.moving) {

package/cascader-view/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import TreeStore from "../common/deps/tree-model/tree-store";
+import { TreeStore } from "@opentiny/utils";
 const close = ({ state, emit }) => () => {
   state.search.show = false;
   emit("update:visible", false);

package/chart-bar/index.js

@@ -4,7 +4,7 @@ import {
 } from "../chunk-G2ADBYYC.js";
 import { getFormated, getStackMap, get, set, cloneDeep } from "../chart-core/deps/utils";
 import { itemPoint, itemLabel, itemContent } from "../chart-core/deps/constants";
-import { isNull } from "../common/type";
+import { isNull } from "@opentiny/utils";
 const VALUE_AXIS_OPACITY = 0.5;
 const getValueAxisData = (dims) => {
   const max = Math.max(...dims);

package/chart-candle/index.js

@@ -1,7 +1,7 @@
 import "../chunk-G2ADBYYC.js";
 import { getFormated } from "../chart-core/deps/utils";
 import { itemPoint, itemLabel, itemContent } from "../chart-core/deps/constants";
-import { isNull } from "../common/type";
+import { isNull } from "@opentiny/utils";
 const DEF_MA = [5, 10, 20, 30];
 const DEF_DOWN_COLOR = "#eb171f";
 const DEF_UP_COLOR = "#00a874";

package/chart-core/deps/utils.js

@@ -2,14 +2,14 @@ import {
   __spreadProps,
   __spreadValues
 } from "../../chunk-G2ADBYYC.js";
-import { extend, copyArray } from "../../common/object";
-import { isObject, typeOf as getType, isNull } from "../../common/type";
-import _debounce from "../../common/deps/debounce";
+import { extend, copyArray } from "@opentiny/utils";
+import { isObject, typeOf as getType, isNull } from "@opentiny/utils";
+import { debounce as _debounce } from "@opentiny/utils";
 import _numerify from "./numerify";
-import { escapeHtml } from "../../common/string";
+import { escapeHtml } from "@opentiny/utils";
 import { xss } from "@opentiny/utils";
-import { setObj, getObj, isEqual } from "../../common/object";
-import { typeOf, isObject as isObject2 } from "../../common/type";
+import { setObj, getObj, isEqual } from "@opentiny/utils";
+import { typeOf, isObject as isObject2 } from "@opentiny/utils";
 const debounce = (callback, delay) => _debounce(delay, false, callback);
 const camelToKebab = (str) => str.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 const cloneDeep = (data) => {

package/chart-core/index.js

@@ -1,7 +1,7 @@
 import {
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
-import { on, off } from "../common/deps/dom";
+import { on, off } from "@opentiny/utils";
 import {
   DEFAULT_COLORS,
   DEFAULT_THEME,

package/chart-funnel/index.js

@@ -1,7 +1,7 @@
 import "../chunk-G2ADBYYC.js";
 import { getFormated } from "../chart-core/deps/utils";
 import { itemPoint, itemLabel, itemContent } from "../chart-core/deps/constants";
-import { isNull } from "../common/type";
+import { isNull } from "@opentiny/utils";
 const getFunnelTooltip = (dataType, digit) => {
   function formatter(item) {
     let tpl = [];

package/chart-gauge/index.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
 import { getFormated, isObject } from "../chart-core/deps/utils";
-import { isNull } from "../common/type";
+import { isNull } from "@opentiny/utils";
 import { itemLabel, itemContent } from "../chart-core/deps/constants";
 const getTooltip = (args) => {
   const { dataType, digit, tooltipFormatter } = args;

package/chart-line/index.js

@@ -2,7 +2,7 @@ import {
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
 import { getFormated, getStackMap, getLegend, hexToRgb, set } from "../chart-core/deps/utils";
-import { isNull } from "../common/type";
+import { isNull } from "@opentiny/utils";
 import { itemPoint, itemLabel, itemContent, SAAS_DEFAULT_COLORS } from "../chart-core/deps/constants";
 const getLineXAxis = (args) => {
   const { xAxisType, dimension, rows, xAxisName, axisVisible } = args;

package/chart-map/index.js

@@ -3,7 +3,7 @@ import {
 } from "../chunk-G2ADBYYC.js";
 import { getFormated, getMapJSON, getLegend as getLegendMap } from "../chart-core/deps/utils";
 import { itemPoint, itemLabel, itemContent } from "../chart-core/deps/constants";
-import { isNull } from "../common/type";
+import { isNull } from "@opentiny/utils";
 const getTooltip = ({ dataType, digit, dataStore, metrics, color, labelMap }) => {
   function formatter(item) {
     let tplt = [];

package/chart-pie/index.js

@@ -3,7 +3,7 @@ import {
 } from "../chunk-G2ADBYYC.js";
 import { getFormated, setArrayValue, cloneDeep } from "../chart-core/deps/utils";
 import { itemPoint, itemLabel, itemContent } from "../chart-core/deps/constants";
-import { isNull } from "../common/type";
+import { isNull } from "@opentiny/utils";
 const pieRadius = 100;
 const ringRadius = [90, 100];
 const roseRingRadius = [20, 100];

package/chart-radar/index.js

@@ -1,7 +1,7 @@
 import "../chunk-G2ADBYYC.js";
 import { getFormated } from "../chart-core/deps/utils";
 import { itemPoint, itemLabel, itemContent } from "../chart-core/deps/constants";
-import { isNull } from "../common/type";
+import { isNull } from "@opentiny/utils";
 const getRadarLegend = (rows, dimension, legendName) => {
   let legendData = rows.map((row) => row[dimension]).filter((i) => i);
   function formatter(name) {

package/chart-sankey/index.js

@@ -4,7 +4,7 @@ import {
 } from "../chunk-G2ADBYYC.js";
 import { getFormated } from "../chart-core/deps/utils";
 import { itemPoint, itemLabel, itemContent } from "../chart-core/deps/constants";
-import { isNull } from "../common/type";
+import { isNull } from "@opentiny/utils";
 const getTooltip = (args) => {
   const { digit, itemDataType, linksDataType } = args;
   const formatter = function(item) {

package/chart-scatter/index.js

@@ -4,7 +4,7 @@ import {
 import { getFormated, hexToRgb } from "../chart-core/deps/utils";
 import { itemPoint, itemLabel, itemContent } from "../chart-core/deps/constants";
 import { line } from "../chart-line";
-import { isNull } from "../common/type";
+import { isNull } from "@opentiny/utils";
 const getScatterLegend = (dataLabels, legendName) => {
   function formatter(name) {
     return isNull(legendName[name]) ? name : legendName[name];

package/chart-waterfall/index.js

@@ -3,7 +3,7 @@ import {
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
 import { getFormated } from "../chart-core/deps/utils";
-import { isNull } from "../common/type";
+import { isNull } from "@opentiny/utils";
 import { itemLabel, itemContent, SAAS_DEFAULT_COLORS } from "../chart-core/deps/constants";
 const getWaterfallTooltip = (dataType, digit) => {
   let trigger = "axis";

package/chart-wordcloud/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { random } from "../common/string";
+import { random } from "@opentiny/utils";
 import { itemLabel, itemContent } from "../chart-core/deps/constants";
 const isArr = Array.isArray;
 const getSeries = (args) => {

package/checkbox/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { isNull } from "../common/type";
+import { isNull } from "@opentiny/utils";
 const addToStore = ({ state, props }) => () => {
   if (Array.isArray(state.model) && !state.model.includes(props.label)) {
     state.model.push(props.label);

package/collapse-item/vue.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
 import { handleFocus, handleEnterClick, handleHeaderClick, handleHeaderContainerClick } from "./index";
-import { guid } from "../common/string";
+import { guid } from "@opentiny/utils";
 const api = [
   "state",
   "isActive",

package/column-list-item/index.js

@@ -2,7 +2,7 @@ import {
   __spreadProps,
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
-import { isNull } from "../common/type";
+import { isNull } from "@opentiny/utils";
 const handelIconClick = ({ emit }) => (item, index, event) => {
   if (item.disabled)
     return;

package/common/deps/dom.js

@@ -1,199 +1,24 @@
 import "../../chunk-G2ADBYYC.js";
-import { hasOwn, isNull } from "../type";
-import globalConfig from "../global";
-const isServer = typeof window === "undefined";
-const SPECIAL_CHARS_REGEXP = /([:\-_]+(.))/g;
-const MOZ_HACK_REGEXP = /^moz([A-Z])/;
-const camelCase = (name) => name.replace(SPECIAL_CHARS_REGEXP, (_, separator, letter, offset) => offset ? letter.toUpperCase() : letter).replace(MOZ_HACK_REGEXP, "Moz$1");
-const on = (el, event, handler, options = false) => {
-  if (el && event && handler) {
-    el.addEventListener(event, handler, options);
-  }
-};
-const off = (el, event, handler, options = false) => {
-  if (el && event) {
-    el.removeEventListener(event, handler, options);
-  }
-};
-const once = (el, event, fn) => {
-  const listener = function() {
-    if (fn) {
-      fn.apply(this, arguments);
-    }
-    off(el, event, listener);
-  };
-  on(el, event, listener);
-};
-const hasClass = (el, clazz) => {
-  if (!el || !clazz) {
-    return false;
-  }
-  if (clazz.includes(" ")) {
-    throw new Error("className should not contain space.");
-  }
-  if (el.classList) {
-    return el.classList.contains(clazz);
-  }
-};
-const addClass = (el, clazz = "") => {
-  if (!el) {
-    return;
-  }
-  const classes = clazz.split(" ").filter((name) => name);
-  classes.forEach((clsName) => el.classList.add(clsName));
-};
-const removeClass = (el, clazz) => {
-  if (!el || !clazz) {
-    return;
-  }
-  const classes = clazz.split(" ").filter((name) => name);
-  classes.forEach((clsName) => el.classList.remove(clsName));
-};
-const getStyle = (el, styleName) => {
-  if (isServer) {
-    return;
-  }
-  if (!el || !styleName) {
-    return null;
-  }
-  styleName = camelCase(styleName);
-  if (styleName === "float") {
-    styleName = "cssFloat";
-  }
-  try {
-    if (el.style[styleName]) {
-      return el.style[styleName];
-    }
-    const computed = window.getComputedStyle(el);
-    return computed ? computed[styleName] : null;
-  } catch (e) {
-    return el.style[styleName];
-  }
-};
-const setStyle = (el, name, value) => {
-  if (!el || !name) {
-    return;
-  }
-  if (typeof name === "object") {
-    for (const prop in name) {
-      if (hasOwn.call(name, prop)) {
-        setStyle(el, prop, name[prop]);
-      }
-    }
-  } else {
-    name = camelCase(name);
-    el.style[name] = value;
-  }
-};
-const isScroll = (el, vertical) => {
-  if (isServer) {
-    return;
-  }
-  const determinedDirection = !isNull(vertical);
-  let overflow;
-  if (determinedDirection) {
-    overflow = vertical ? getStyle(el, "overflow-y") : getStyle(el, "overflow-x");
-  } else {
-    overflow = getStyle(el, "overflow");
-  }
-  return overflow.match(/(scroll|auto)/);
-};
-const getScrollContainer = (el, vertical) => {
-  if (isServer) {
-    return;
-  }
-  let parent = el;
-  while (parent) {
-    if (~[window, document, document.documentElement].indexOf(parent)) {
-      return window;
-    }
-    if (isScroll(parent, vertical)) {
-      return parent;
-    }
-    parent = parent.parentNode;
-  }
-  return parent;
-};
-const isInContainer = (el, container) => {
-  if (isServer || !el || !container) {
-    return false;
-  }
-  const elRect = el.getBoundingClientRect();
-  let containerRect;
-  if (~[window, document, document.documentElement].indexOf(container) || isNull(container)) {
-    containerRect = {
-      top: 0,
-      right: window.innerWidth,
-      bottom: window.innerHeight,
-      left: 0
-    };
-  } else {
-    containerRect = container.getBoundingClientRect();
-  }
-  return elRect.top < containerRect.bottom && elRect.bottom > containerRect.top && elRect.right > containerRect.left && elRect.left < containerRect.right;
-};
-const getDomNode = () => {
-  const viewportWindow = globalConfig.viewportWindow || window;
-  let documentElement = viewportWindow.document.documentElement;
-  let bodyElem = viewportWindow.document.body;
-  return {
-    scrollTop: documentElement.scrollTop || bodyElem.scrollTop,
-    scrollLeft: documentElement.scrollLeft || bodyElem.scrollLeft,
-    visibleHeight: documentElement.clientHeight || bodyElem.clientHeight,
-    visibleWidth: documentElement.clientWidth || bodyElem.clientWidth
-  };
-};
-const getScrollTop = (el) => {
-  const top = "scrollTop" in el ? el.scrollTop : el.pageYOffset;
-  return Math.max(top, 0);
-};
-const stopPropagation = (event) => event.stopPropagation();
-const preventDefault = (event, isStopPropagation) => {
-  if (typeof event.cancelable !== "boolean" || event.cancelable) {
-    event.preventDefault();
-  }
-  if (isStopPropagation) {
-    stopPropagation(event);
-  }
-};
-const overflowScrollReg = /scroll|auto|overlay/i;
-const defaultRoot = isServer ? void 0 : window;
-const isElement = (node) => node.tagName !== "HTML" && node.tagName !== "BODY" && node.nodeType === 1;
-const getScrollParent = (el, root = defaultRoot) => {
-  let node = el;
-  while (node && node !== root && isElement(node)) {
-    const { overflowY } = window.getComputedStyle(node);
-    if (overflowScrollReg.test(overflowY)) {
-      return node;
-    }
-    node = node.parentNode;
-  }
-  return root;
-};
-const useScrollParent = ({ onMounted, ref, watch }) => (elRef, root = defaultRoot) => {
-  const scrollParent = ref();
-  const setScrollParent = () => scrollParent.value = getScrollParent(elRef.value, root);
-  watch(elRef, setScrollParent);
-  onMounted(() => elRef.value && setScrollParent());
-  return scrollParent;
-};
-const isDisplayNone = (elm) => {
-  if (isServer)
-    return false;
-  if (elm) {
-    const computedStyle = getComputedStyle(elm);
-    if (computedStyle.getPropertyValue("position") === "fixed") {
-      if (computedStyle.getPropertyValue("display") === "none") {
-        return true;
-      } else if (elm.parentNode !== document.body) {
-        return isDisplayNone(elm.parentNode);
-      }
-    } else {
-      return elm.offsetParent === null;
-    }
-  }
-  return false;
-};
+import {
+  on,
+  off,
+  once,
+  hasClass,
+  addClass,
+  removeClass,
+  getStyle,
+  setStyle,
+  isScroll,
+  getScrollContainer,
+  isInContainer,
+  getDomNode,
+  getScrollTop,
+  stopPropagation,
+  preventDefault,
+  getScrollParent,
+  useScrollParent,
+  isDisplayNone
+} from "@opentiny/utils";
 export {
   addClass,
   getDomNode,
@@ -205,7 +30,6 @@ export {
   isDisplayNone,
   isInContainer,
   isScroll,
-  isServer,
   off,
   on,
   once,

package/common/deps/infinite-scroll.js

@@ -1,5 +1,6 @@
 import "../../chunk-G2ADBYYC.js";
-import throttle from "./throttle";
+import { throttle } from "@opentiny/utils";
+import { getScrollContainer } from "@opentiny/utils";
 const CONTEXT_KEY = "@@infinitescrollContext";
 const OBSERVER_CHECK_INTERVAL = 50;
 const ATTR_DEFAULT_DELAY = 200;
@@ -83,44 +84,6 @@ function observerChecker(el, cb) {
     stopObserver(el);
   }
 }
-const cached = (fn) => {
-  const cache = /* @__PURE__ */ Object.create(null);
-  return (str) => cache[str] || (cache[str] = fn(str));
-};
-const camelizeRE = /-(\w)/g;
-const camelize = cached((str) => str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : ""));
-const getElementStyle = (elem, styleKey) => {
-  if (!elem || !styleKey)
-    return "";
-  let key = camelize(styleKey);
-  if (key === "float")
-    key = "cssFloat";
-  try {
-    const styleValue = elem.style[key];
-    if (styleValue)
-      return styleValue;
-    const computedStyle = document.defaultView ? document.defaultView.getComputedStyle(elem, "") : null;
-    return computedStyle ? computedStyle[key] : "";
-  } catch (e) {
-    return elem.style[key];
-  }
-};
-const canScroll = (el, isVertical) => {
-  const overflowKey = { undefined: "overflow", true: "overflow-y", false: "overflow-x" }[String(isVertical)];
-  const overflowVal = getElementStyle(el, overflowKey);
-  return ["scroll", "auto", "overlay"].some((s) => overflowVal.includes(s));
-};
-const getScrollContainer = (el, isVertical) => {
-  let parentEl = el;
-  while (parentEl) {
-    if ([window, document, document.documentElement].includes(parentEl))
-      return window;
-    if (canScroll(parentEl, isVertical))
-      return parentEl;
-    parentEl = parentEl.parentNode;
-  }
-  return parentEl;
-};
 const bind = (el, binding, vnode) => {
   const instance = binding.instance || vnode.context;
   const { value: cb } = binding;
@@ -161,7 +124,7 @@ const unbind = (el) => {
     container.removeEventListener("scroll", onScroll);
   stopObserver(el);
 };
-const InfiniteScroll = {
+var infinite_scroll_default = {
   bind,
   update,
   unbind,
@@ -169,8 +132,6 @@ const InfiniteScroll = {
   updated: update,
   unmounted: unbind
 };
-var infinite_scroll_default = InfiniteScroll;
 export {
-  infinite_scroll_default as default,
-  getScrollContainer
+  infinite_scroll_default as default
 };