@opentiny/vue-renderless 3.21.1 → 3.22.0

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
 };

package/common/deps/popup-manager.js

@@ -1,204 +1,5 @@
 import "../../chunk-G2ADBYYC.js";
-import { KEY_CODE } from "../index";
-import { addClass, removeClass, on } from "./dom";
-const isServer = typeof window === "undefined";
-const instances = {};
-const classes = {
-  leave: "v-modal-leave",
-  enter: "v-modal-enter",
-  modal: "v-modal"
-};
-const removeStack = (modalStack, id) => {
-  for (let i = modalStack.length - 1; i >= 0; i--) {
-    if (modalStack[i].id === id) {
-      modalStack.splice(i, 1);
-      break;
-    }
-  }
-};
-let getModal;
-const PopupManager = {
-  step: 2,
-  zIndex: 2e3,
-  globalScroll: false,
-  // 是否打开全局滚动监听
-  modalFade: true,
-  modalStack: [],
-  modalDom: null,
-  // 当前model挂载的div.
-  hasModal: false,
-  // 当前是否有Modal
-  popLockClass: "popup-parent--hidden",
-  oldBodyBorder: "",
-  viewportWindow: null,
-  fixBodyBorder() {
-    const barWidth = window.innerWidth - document.documentElement.clientWidth;
-    if (barWidth) {
-      this.oldBodyBorder = document.documentElement.style.borderRight;
-      document.body.style.borderRight = `${barWidth}px solid transparent`;
-    }
-  },
-  resetBodyBorder() {
-    document.body.style.borderRight = this.oldBodyBorder;
-    this.oldBodyBorder = "";
-  },
-  /** 全局反注册 */
-  deregister: (id) => {
-    if (id) {
-      instances[id] = null;
-      delete instances[id];
-    }
-  },
-  /** 返回全局实例 */
-  getInstance: (id) => instances[id],
-  /** 全局注册   仅vue-popup.ts中使用，instance就是vm, 把vm注册到 vm._popupId 这个键值上 */
-  register: (id, instance) => {
-    if (id && instance) {
-      instances[id] = instance;
-    }
-  },
-  nextZIndex: () => {
-    const zIndex = PopupManager.zIndex;
-    PopupManager.zIndex += PopupManager.step;
-    return zIndex;
-  },
-  /** 打开遮罩层， 仅vue-popup.ts中使用。 dom = vm.$el 或者 undefined (appendtoBody时)  */
-  openModal(id, zIndex, dom, modalClass, modalFade) {
-    if (isServer) {
-      return;
-    }
-    if (!id || zIndex === void 0) {
-      return;
-    }
-    this.modalFade = modalFade;
-    for (let i = 0, len = this.modalStack.length; i < len; i++) {
-      const modal = this.modalStack[i];
-      if (modal.id === id) {
-        return;
-      }
-    }
-    const modalDom = getModal();
-    addClass(modalDom, classes.modal);
-    if (this.modalFade && !PopupManager.hasModal) {
-      addClass(modalDom, classes.enter);
-    }
-    if (modalClass) {
-      const classArr = modalClass.trim().split(/\s+/);
-      classArr.forEach((cls) => addClass(modalDom, cls));
-    }
-    setTimeout(() => {
-      removeClass(modalDom, classes.enter);
-    }, 200);
-    if (zIndex) {
-      modalDom.style.zIndex = zIndex.toString();
-    }
-    modalDom.style.display = "";
-    modalDom.tabIndex = 0;
-    let parentNode;
-    if (dom && dom.parentNode && dom.parentNode.nodeType !== 11) {
-      parentNode = dom.parentNode;
-    } else {
-      parentNode = document.body;
-    }
-    parentNode.appendChild(modalDom);
-    this.modalStack.push({ id, zIndex, modalClass });
-  },
-  /** 点击背景遮罩层时，调用栈顶的popup，调用它的close() */
-  doOnModalClick: () => {
-    const modalStack = PopupManager.modalStack;
-    const topPopup = modalStack[modalStack.length - 1];
-    if (!topPopup) {
-      return;
-    }
-    const instance = PopupManager.getInstance(topPopup.id);
-    if (instance && instance.closeOnClickModal) {
-      typeof instance.close === "function" && instance.close();
-    }
-  },
-  closeModal(id) {
-    const modalStack = this.modalStack;
-    const modalDom = getModal();
-    if (modalStack.length > 0) {
-      const topPopup = modalStack[modalStack.length - 1];
-      if (topPopup.id === id) {
-        if (topPopup.modalClass) {
-          const classArr = topPopup.modalClass.trim().split(/\s+/);
-          classArr.forEach((cls) => removeClass(modalDom, cls));
-        }
-        modalStack.pop();
-        const stackSize = modalStack.length;
-        if (stackSize > 0) {
-          modalDom.style.zIndex = modalStack[stackSize - 1].zIndex.toString();
-        }
-      } else {
-        removeStack(modalStack, id);
-      }
-    }
-    if (modalStack.length === 0) {
-      this.modalFade && addClass(modalDom, classes.leave);
-      removeClass(document.body, this.popLockClass);
-      this.resetBodyBorder();
-      setTimeout(() => {
-        if (modalStack.length === 0) {
-          if (modalDom.parentNode) {
-            modalDom.parentNode.removeChild(modalDom);
-          }
-          modalDom.style.display = "none";
-          PopupManager.modalDom = null;
-        }
-        removeClass(modalDom, classes.leave);
-      }, 200);
-    }
-  }
-};
-getModal = () => {
-  if (isServer) {
-    return null;
-  }
-  let modalDom = PopupManager.modalDom;
-  if (modalDom) {
-    PopupManager.hasModal = true;
-  } else {
-    PopupManager.hasModal = false;
-    modalDom = document.createElement("div");
-    PopupManager.modalDom = modalDom;
-    modalDom.addEventListener(
-      "touchmove",
-      (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-      },
-      { passive: true }
-    );
-    on(modalDom, "click", () => {
-      PopupManager.doOnModalClick();
-    });
-  }
-  return modalDom;
-};
-if (!isServer) {
-  on(window, "keydown", (event) => {
-    if (event.keyCode === KEY_CODE.Escape) {
-      const modalStack = PopupManager.modalStack;
-      if (modalStack.length > 0) {
-        const topPopup = modalStack[modalStack.length - 1];
-        if (!topPopup) {
-          return;
-        }
-        const topPopupVm = PopupManager.getInstance(topPopup.id);
-        if (topPopupVm && topPopupVm.closeOnPressEscape) {
-          if (topPopupVm.handleClose) {
-            topPopupVm.handleClose("esc");
-          } else if (topPopupVm.handleAction) {
-            topPopupVm.handleAction("cancel");
-          } else {
-            topPopupVm.close();
-          }
-        }
-      }
-    }
-  });
-}
+import { PopupManager } from "@opentiny/utils";
 var popup_manager_default = PopupManager;
 export {
   popup_manager_default as default

package/container/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { isNumber } from "../common/type";
+import { isNumber } from "@opentiny/utils";
 const computedShowHeader = ({ constants, props }) => () => props.pattern !== constants.SIMPLE;
 const computedShowFooter = ({ constants, props }) => () => props.pattern === constants.LEGEND || props.pattern === constants.CLASSIC;
 const computedShowAside = ({ constants, props }) => () => props.pattern !== constants.CLASSIC;
@@ -79,7 +79,7 @@ const computedLeftStyle = ({ constants, props }) => () => {
   };
 };
 const computedShowRight = ({ constants, props }) => () => {
-  return props.pattern === constants.DEFAULT ? false : true;
+  return props.pattern !== constants.DEFAULT;
 };
 const computedRightStyle = ({ constants, props }) => () => {
   return {

package/crop/index.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
-import { on, off } from "../common/deps/dom";
-import { toFileSize } from "../common/string";
+import { on, off } from "@opentiny/utils";
+import { toFileSize } from "@opentiny/utils";
 const watchImageSrc = (state) => (value) => state.src = value;
 const watchVisible = ({ api, state }) => (value) => {
   if (value) {
@@ -46,7 +46,7 @@ const closeCrop = ({ emit, state }) => () => {
 };
 const createCrop = ({ emit, props, refs, state }) => () => {
   const Cropper = props.plugin;
-  const cropImage2 = refs.cropImage;
+  const cropImage2 = refs.cropImageRef;
   state.cropper = new Cropper(cropImage2, {
     modal: props.modal,
     guides: props.guides,

package/currency/index.js

@@ -2,7 +2,7 @@ import {
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
 import { isUndefined, isNull } from "../grid/static";
-import { log } from "../common";
+import { logger } from "@opentiny/utils";
 const init = ({ state, service, api }) => () => {
   const { textField, valueField } = service.fields;
   service.fetchCurrency().then((data) => {
@@ -50,7 +50,7 @@ const fixServiceData = ({ props, service }) => (data) => {
         if (text) {
           option[valueField] = text;
         } else {
-          log("data error. set it to the default value.", "warn");
+          logger.warn("data error. set it to the default value.");
           option[textField] = option[valueField] = props.currency;
         }
       }