@xto/core 0.1.0

package/es/hooks/index.mjs

@@ -0,0 +1,189 @@
+import { onMounted as d, onUnmounted as i, watch as c, ref as l, computed as v } from "vue";
+const f = (t) => typeof t == "number", m = (t) => typeof t == "string", h = (t) => typeof t == "boolean";
+function w(t = !1) {
+  const e = l(t);
+  return {
+    value: e,
+    toggle: (o) => {
+      h(o) ? e.value = o : e.value = !e.value;
+    },
+    setTrue: () => {
+      e.value = !0;
+    },
+    setFalse: () => {
+      e.value = !1;
+    }
+  };
+}
+function L(t, e, s = "modelValue", n) {
+  return v({
+    get() {
+      const o = t[s];
+      return f(o) || m(o) ? o : o ?? n;
+    },
+    set(o) {
+      e(`update:${s}`, o);
+    }
+  });
+}
+function b(t = !1) {
+  const e = l(t);
+  return {
+    visible: e,
+    show: () => {
+      e.value = !0;
+    },
+    hide: () => {
+      e.value = !1;
+    },
+    toggle: () => {
+      e.value = !e.value;
+    }
+  };
+}
+function p(t = !1) {
+  const e = l(t);
+  return {
+    disabled: e,
+    enable: () => {
+      e.value = !1;
+    },
+    disable: () => {
+      e.value = !0;
+    }
+  };
+}
+function E(t = !1) {
+  const e = l(t);
+  return {
+    loading: e,
+    setLoading: (n) => {
+      e.value = n;
+    },
+    start: () => {
+      e.value = !0;
+    },
+    end: () => {
+      e.value = !1;
+    }
+  };
+}
+function y(t, e) {
+  const s = (n) => {
+    t.value && !t.value.contains(n.target) && e();
+  };
+  d(() => {
+    document.addEventListener("click", s);
+  }), i(() => {
+    document.removeEventListener("click", s);
+  });
+}
+function O(t) {
+  const e = (s) => {
+    s.key === "Escape" && t();
+  };
+  d(() => {
+    document.addEventListener("keydown", e);
+  }), i(() => {
+    document.removeEventListener("keydown", e);
+  });
+}
+function F(t, e) {
+  let s = null;
+  const n = () => {
+    s && (s.disconnect(), s = null);
+  };
+  c(
+    t,
+    (u) => {
+      n(), u && (s = new ResizeObserver((o) => {
+        const { width: r, height: a } = o[0].contentRect;
+        e(r, a);
+      }), s.observe(u));
+    },
+    { immediate: !0 }
+  ), i(n);
+}
+function I(t, e = {
+  attributes: !0,
+  childList: !0,
+  subtree: !0
+}, s) {
+  let n = null;
+  c(
+    t,
+    (u) => {
+      n && n.disconnect(), u && (n = new MutationObserver(s), n.observe(u, e));
+    },
+    { immediate: !0 }
+  ), i(() => {
+    n == null || n.disconnect();
+  });
+}
+function M(t, e) {
+  const s = () => {
+    const n = t.value;
+    if (n && n !== window) {
+      const { scrollTop: u, scrollLeft: o } = n;
+      e(u, o);
+    } else
+      e(window.scrollY, window.scrollX);
+  };
+  d(() => {
+    var n;
+    (n = t.value) == null || n.addEventListener("scroll", s, { passive: !0 });
+  }), i(() => {
+    var n;
+    (n = t.value) == null || n.removeEventListener("scroll", s);
+  });
+}
+function T(t, e) {
+  const s = l(!1), n = () => {
+    s.value = !0, e == null || e(!0);
+  }, u = () => {
+    s.value = !1, e == null || e(!1);
+  };
+  return c(
+    t,
+    (o) => {
+      o == null || o.addEventListener("focus", n), o == null || o.addEventListener("blur", u);
+    },
+    { immediate: !0 }
+  ), i(() => {
+    var o, r;
+    (o = t.value) == null || o.removeEventListener("focus", n), (r = t.value) == null || r.removeEventListener("blur", u);
+  }), {
+    focused: s
+  };
+}
+function R(t, e, s = {
+  threshold: 0
+}) {
+  let n = null;
+  c(
+    t,
+    (u) => {
+      n && n.disconnect(), u && typeof IntersectionObserver < "u" && (n = new IntersectionObserver((o) => {
+        const r = o[0];
+        e(r.isIntersecting);
+      }, s), n.observe(u));
+    },
+    { immediate: !0 }
+  ), i(() => {
+    n == null || n.disconnect();
+  });
+}
+export {
+  y as useClickOutside,
+  I as useDOMObserver,
+  p as useDisabled,
+  O as useEscape,
+  T as useFocus,
+  R as useIntersectionObserver,
+  E as useLoading,
+  L as useModel,
+  F as useResize,
+  M as useScroll,
+  w as useToggle,
+  b as useVisible
+};

package/es/index/index.mjs

@@ -0,0 +1,77 @@
+import { cssVarPrefix as o, defaultThemeConfig as n, generateCSSVars as t, generateColorPalette as r, sizeMap as i } from "../theme/index.mjs";
+import { b as d, block as p, coerceToArray as u, compose as l, constant as x, createNamespace as c, debounce as I, deepClone as m, deepMerge as Z, defaultNamespace as g, defaultTo as f, drawerZIndex as T, e as b, element as C, getType as y, getZIndexList as M, identity as N, is as O, isBrowser as P, isDefined as h, isEmpty as v, isFalse as D, isNil as S, isNull as w, isPlainObject as L, isSupportTouch as V, isTrue as k, isType as z, isUndefined as E, loadingZIndex as F, m as j, messageZIndex as A, modalZIndex as B, modifier as R, nextDrawerZIndex as U, nextLoadingZIndex as q, nextMessageZIndex as G, nextModalZIndex as H, nextPopoverZIndex as J, nextTooltipZIndex as K, noop as Q, once as W, pipe as X, popoverZIndex as Y, popupManage as _, resetZIndex as $, state as ee, throttle as se, tooltipZIndex as oe, tryCatch as ne, unary as te, useClass as re, useComponentPrefix as ie, useNamespace as ae, useZIndex as de } from "../utils/index.mjs";
+import { useClickOutside as ue, useDOMObserver as le, useDisabled as xe, useEscape as ce, useFocus as Ie, useIntersectionObserver as me, useLoading as Ze, useModel as ge, useResize as fe, useScroll as Te, useToggle as be, useVisible as Ce } from "../hooks/index.mjs";
+export {
+  d as b,
+  p as block,
+  u as coerceToArray,
+  l as compose,
+  x as constant,
+  c as createNamespace,
+  o as cssVarPrefix,
+  I as debounce,
+  m as deepClone,
+  Z as deepMerge,
+  g as defaultNamespace,
+  n as defaultThemeConfig,
+  f as defaultTo,
+  T as drawerZIndex,
+  b as e,
+  C as element,
+  t as generateCSSVars,
+  r as generateColorPalette,
+  y as getType,
+  M as getZIndexList,
+  N as identity,
+  O as is,
+  P as isBrowser,
+  h as isDefined,
+  v as isEmpty,
+  D as isFalse,
+  S as isNil,
+  w as isNull,
+  L as isPlainObject,
+  V as isSupportTouch,
+  k as isTrue,
+  z as isType,
+  E as isUndefined,
+  F as loadingZIndex,
+  j as m,
+  A as messageZIndex,
+  B as modalZIndex,
+  R as modifier,
+  U as nextDrawerZIndex,
+  q as nextLoadingZIndex,
+  G as nextMessageZIndex,
+  H as nextModalZIndex,
+  J as nextPopoverZIndex,
+  K as nextTooltipZIndex,
+  Q as noop,
+  W as once,
+  X as pipe,
+  Y as popoverZIndex,
+  _ as popupManage,
+  $ as resetZIndex,
+  i as sizeMap,
+  ee as state,
+  se as throttle,
+  oe as tooltipZIndex,
+  ne as tryCatch,
+  te as unary,
+  re as useClass,
+  ue as useClickOutside,
+  ie as useComponentPrefix,
+  le as useDOMObserver,
+  xe as useDisabled,
+  ce as useEscape,
+  Ie as useFocus,
+  me as useIntersectionObserver,
+  Ze as useLoading,
+  ge as useModel,
+  ae as useNamespace,
+  fe as useResize,
+  Te as useScroll,
+  be as useToggle,
+  Ce as useVisible,
+  de as useZIndex
+};

package/es/theme/index.mjs

@@ -0,0 +1,65 @@
+const g = {
+  mode: "light",
+  primary: "#409eff",
+  success: "#67c23a",
+  warning: "#e6a23c",
+  danger: "#f56c6c",
+  info: "#909399",
+  size: "default"
+}, u = {
+  large: 40,
+  default: 32,
+  small: 24
+};
+function h(r, e = 10) {
+  const o = [], n = r.startsWith("#"), f = r.startsWith("rgb");
+  let s, a, c;
+  if (n) {
+    const t = r.slice(1);
+    s = parseInt(t.slice(0, 2), 16), a = parseInt(t.slice(2, 4), 16), c = parseInt(t.slice(4, 6), 16);
+  } else if (f) {
+    const t = r.match(/\d+/g);
+    if (t)
+      s = Number(t[0]), a = Number(t[1]), c = Number(t[2]);
+    else
+      return o;
+  } else
+    return o;
+  const i = 100 / (e + 1);
+  for (let t = 1; t <= e; t++) {
+    const l = 1 - i * t / 100, $ = Math.round(s + (255 - s) * l), d = Math.round(a + (255 - a) * l), p = Math.round(c + (255 - c) * l);
+    o.push(`rgb(${$}, ${d}, ${p})`);
+  }
+  return o;
+}
+const b = "--xto";
+function m(r) {
+  const e = b;
+  return {
+    [`${e}-color-primary`]: r.primary,
+    [`${e}-color-success`]: r.success,
+    [`${e}-color-warning`]: r.warning,
+    [`${e}-color-danger`]: r.danger,
+    [`${e}-color-info`]: r.info,
+    [`${e}-color-text`]: "#303133",
+    [`${e}-color-text-placeholder`]: "#a8abb2",
+    [`${e}-color-text-disabled`]: "#c0c4cc",
+    [`${e}-border-color`]: "#dcdfe6",
+    [`${e}-border-color-light`]: "#e4e7ed",
+    [`${e}-border-color-lighter`]: "#ebeef5",
+    [`${e}-fill-color`]: "#f5f7fa",
+    [`${e}-fill-color-light`]: "#fafafa",
+    [`${e}-bg-color`]: "#ffffff",
+    [`${e}-bg-color-page`]: "#f2f3f5",
+    [`${e}-bg-color-overlay`]: "#ffffff",
+    [`${e}-font-size`]: r.size === "large" ? "15px" : r.size === "small" ? "13px" : "14px",
+    [`${e}-component-size`]: `${u[r.size]}px`
+  };
+}
+export {
+  b as cssVarPrefix,
+  g as defaultThemeConfig,
+  m as generateCSSVars,
+  h as generateColorPalette,
+  u as sizeMap
+};

package/es/utils/index.mjs

@@ -0,0 +1,150 @@
+import { computed as _, getCurrentInstance as A } from "vue";
+const p = "x", I = "is-", $ = (e) => p + "-" + e, l = $, j = (e, t) => `${$(e)}__${t}`, R = j, w = (e, t, n) => `${$(e)}${t ? `__${t}` : ""}--${n}`, S = w, U = (e, t) => t ? `${I}${e}` : "", O = (e, t) => t === !1 ? "" : `${I}${e}`;
+function q(e) {
+  const t = e || p, n = (i = "") => t ? `${t}-${i}` : i;
+  return {
+    b: n,
+    e: (i) => (x) => `${n(x)}__${i}`,
+    m: (i) => (x) => `${n(x)}--${i}`,
+    em: (i, x) => (h) => `${n(h)}__${i}--${x}`,
+    is: O
+  };
+}
+function G(e) {
+  const t = p, n = `${t}-${e}`, s = (o = "") => o ? `${n}-${o}` : n, r = (o) => o ? `${n}__${o}` : "";
+  return {
+    namespace: t,
+    prefix: n,
+    b: s,
+    e: r,
+    m: (o) => o ? `${n}--${o}` : "",
+    be: (o, c) => s(o) + (c ? `__${c}` : ""),
+    bm: (o, c) => s(o) + (c ? `--${c}` : ""),
+    em: (o, c) => r(o) + (c ? `--${c}` : ""),
+    is: (o, c) => c === !1 ? "" : `${I}${o}`
+  };
+}
+function H() {
+  var n;
+  const e = A(), t = ((n = e == null ? void 0 : e.type) == null ? void 0 : n.name) || "";
+  return {
+    prefix: p,
+    name: t
+  };
+}
+function J(e, t) {
+  return {
+    classList: _(() => {
+      const s = [];
+      return t && s.push(l(t)), e.size && s.push(l(t) + `--${e.size}`), e.type && s.push(l(t) + `--${e.type}`), e.disabled && s.push("is-disabled"), e.loading && s.push("is-loading"), s;
+    })
+  };
+}
+let d = 2e3;
+const y = [], f = () => ({
+  get current() {
+    return d;
+  },
+  next: () => (d = d + 1, y.push(d), d),
+  set: (t) => {
+    d = t;
+  }
+}), T = 2e3, C = 1990, L = 1999, P = 2e3, M = 2e3, V = 2e3, K = () => f().next() + T, N = () => f().next() + C, Q = () => f().next() + L, W = () => f().next() + P, X = () => f().next() + M, Y = () => f().next() + V, k = {
+  zIndex: 2e3,
+  next() {
+    return this.zIndex = this.zIndex + 1, this.zIndex;
+  }
+}, v = () => {
+  d = 2e3, y.length = 0;
+}, ee = () => [...y], g = (e) => e === void 0, Z = (e) => e === null, m = (e) => g(e) || Z(e), te = (e) => e === !0, ne = (e) => e === !1, se = (e) => Array.isArray(e) || typeof e == "string" ? e.length === 0 : typeof e == "object" && e !== null ? Object.keys(e).length === 0 : m(e), oe = (e) => !m(e), re = (e) => (t) => e(t), ce = (e) => () => e, ie = (e, t) => m(e) ? t : e, ue = (e) => Array.isArray(e) ? e : [e], D = (e) => Z(e) ? "null" : g(e) ? "undefined" : Object.prototype.toString.call(e).slice(8, -1).toLowerCase(), de = (e, t) => D(e) === t, a = (e) => {
+  if (e === null || typeof e != "object") return !1;
+  const t = Object.getPrototypeOf(e);
+  return t === Object.prototype || t === null;
+}, z = (e, ...t) => {
+  if (!t.length) return e;
+  const n = t.shift();
+  return a(e) && a(n) && Object.keys(n).forEach((s) => {
+    const r = e[s], u = n[s];
+    Array.isArray(r) && Array.isArray(u) ? e[s] = r.concat(u) : a(r) && a(u) ? e[s] = z(r, u) : e[s] = u;
+  }), z(e, ...t);
+}, b = (e) => Array.isArray(e) ? e.map(b) : a(e) ? Object.fromEntries(
+  Object.entries(e).map(([t, n]) => [t, b(n)])
+) : e, xe = (e, t = 300) => {
+  let n = null;
+  return (...s) => {
+    n && clearTimeout(n), n = setTimeout(() => e(...s), t);
+  };
+}, fe = (e, t = 300) => {
+  let n = 0;
+  return (...s) => {
+    const r = Date.now();
+    r - n >= t && (n = r, e(...s));
+  };
+}, ae = (e) => {
+  let t = !1, n;
+  return (...s) => (t || (t = !0, n = e(...s)), n);
+}, pe = () => {
+}, le = (e) => e, Ie = (...e) => (t) => e.reduceRight((n, s) => s(n), t), $e = (...e) => (t) => e.reduce((n, s) => s(n), t), ye = (e, t) => {
+  try {
+    return e();
+  } catch (n) {
+    return typeof t == "function" ? t(n) : void 0;
+  }
+}, E = typeof window < "u", me = E && "ontouchstart" in window;
+export {
+  l as b,
+  $ as block,
+  ue as coerceToArray,
+  Ie as compose,
+  ce as constant,
+  q as createNamespace,
+  xe as debounce,
+  b as deepClone,
+  z as deepMerge,
+  p as defaultNamespace,
+  ie as defaultTo,
+  M as drawerZIndex,
+  R as e,
+  j as element,
+  D as getType,
+  ee as getZIndexList,
+  le as identity,
+  O as is,
+  E as isBrowser,
+  oe as isDefined,
+  se as isEmpty,
+  ne as isFalse,
+  m as isNil,
+  Z as isNull,
+  a as isPlainObject,
+  me as isSupportTouch,
+  te as isTrue,
+  de as isType,
+  g as isUndefined,
+  L as loadingZIndex,
+  S as m,
+  C as messageZIndex,
+  T as modalZIndex,
+  w as modifier,
+  X as nextDrawerZIndex,
+  Q as nextLoadingZIndex,
+  N as nextMessageZIndex,
+  K as nextModalZIndex,
+  W as nextPopoverZIndex,
+  Y as nextTooltipZIndex,
+  pe as noop,
+  ae as once,
+  $e as pipe,
+  P as popoverZIndex,
+  k as popupManage,
+  v as resetZIndex,
+  U as state,
+  fe as throttle,
+  V as tooltipZIndex,
+  ye as tryCatch,
+  re as unary,
+  J as useClass,
+  H as useComponentPrefix,
+  G as useNamespace,
+  f as useZIndex
+};

package/lib/hooks/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),c=t=>typeof t=="number",d=t=>typeof t=="string",a=t=>typeof t=="boolean";function v(t=!1){const e=u.ref(t);return{value:e,toggle:o=>{a(o)?e.value=o:e.value=!e.value},setTrue:()=>{e.value=!0},setFalse:()=>{e.value=!1}}}function f(t,e,s="modelValue",n){return u.computed({get(){const o=t[s];return c(o)||d(o)?o:o??n},set(o){e(`update:${s}`,o)}})}function m(t=!1){const e=u.ref(t);return{visible:e,show:()=>{e.value=!0},hide:()=>{e.value=!1},toggle:()=>{e.value=!e.value}}}function g(t=!1){const e=u.ref(t);return{disabled:e,enable:()=>{e.value=!1},disable:()=>{e.value=!0}}}function b(t=!1){const e=u.ref(t);return{loading:e,setLoading:n=>{e.value=n},start:()=>{e.value=!0},end:()=>{e.value=!1}}}function h(t,e){const s=n=>{t.value&&!t.value.contains(n.target)&&e()};u.onMounted(()=>{document.addEventListener("click",s)}),u.onUnmounted(()=>{document.removeEventListener("click",s)})}function w(t){const e=s=>{s.key==="Escape"&&t()};u.onMounted(()=>{document.addEventListener("keydown",e)}),u.onUnmounted(()=>{document.removeEventListener("keydown",e)})}function L(t,e){let s=null;const n=()=>{s&&(s.disconnect(),s=null)};u.watch(t,i=>{n(),i&&(s=new ResizeObserver(o=>{const{width:r,height:l}=o[0].contentRect;e(r,l)}),s.observe(i))},{immediate:!0}),u.onUnmounted(n)}function p(t,e={attributes:!0,childList:!0,subtree:!0},s){let n=null;u.watch(t,i=>{n&&n.disconnect(),i&&(n=new MutationObserver(s),n.observe(i,e))},{immediate:!0}),u.onUnmounted(()=>{n==null||n.disconnect()})}function E(t,e){const s=()=>{const n=t.value;if(n&&n!==window){const{scrollTop:i,scrollLeft:o}=n;e(i,o)}else e(window.scrollY,window.scrollX)};u.onMounted(()=>{var n;(n=t.value)==null||n.addEventListener("scroll",s,{passive:!0})}),u.onUnmounted(()=>{var n;(n=t.value)==null||n.removeEventListener("scroll",s)})}function O(t,e){const s=u.ref(!1),n=()=>{s.value=!0,e==null||e(!0)},i=()=>{s.value=!1,e==null||e(!1)};return u.watch(t,o=>{o==null||o.addEventListener("focus",n),o==null||o.addEventListener("blur",i)},{immediate:!0}),u.onUnmounted(()=>{var o,r;(o=t.value)==null||o.removeEventListener("focus",n),(r=t.value)==null||r.removeEventListener("blur",i)}),{focused:s}}function y(t,e,s={threshold:0}){let n=null;u.watch(t,i=>{n&&n.disconnect(),i&&typeof IntersectionObserver<"u"&&(n=new IntersectionObserver(o=>{const r=o[0];e(r.isIntersecting)},s),n.observe(i))},{immediate:!0}),u.onUnmounted(()=>{n==null||n.disconnect()})}exports.useClickOutside=h;exports.useDOMObserver=p;exports.useDisabled=g;exports.useEscape=w;exports.useFocus=O;exports.useIntersectionObserver=y;exports.useLoading=b;exports.useModel=f;exports.useResize=L;exports.useScroll=E;exports.useToggle=v;exports.useVisible=m;

package/lib/index/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../theme/index.cjs"),e=require("../utils/index.cjs"),s=require("../hooks/index.cjs");exports.cssVarPrefix=n.cssVarPrefix;exports.defaultThemeConfig=n.defaultThemeConfig;exports.generateCSSVars=n.generateCSSVars;exports.generateColorPalette=n.generateColorPalette;exports.sizeMap=n.sizeMap;exports.b=e.b;exports.block=e.block;exports.coerceToArray=e.coerceToArray;exports.compose=e.compose;exports.constant=e.constant;exports.createNamespace=e.createNamespace;exports.debounce=e.debounce;exports.deepClone=e.deepClone;exports.deepMerge=e.deepMerge;exports.defaultNamespace=e.defaultNamespace;exports.defaultTo=e.defaultTo;exports.drawerZIndex=e.drawerZIndex;exports.e=e.e;exports.element=e.element;exports.getType=e.getType;exports.getZIndexList=e.getZIndexList;exports.identity=e.identity;exports.is=e.is;exports.isBrowser=e.isBrowser;exports.isDefined=e.isDefined;exports.isEmpty=e.isEmpty;exports.isFalse=e.isFalse;exports.isNil=e.isNil;exports.isNull=e.isNull;exports.isPlainObject=e.isPlainObject;exports.isSupportTouch=e.isSupportTouch;exports.isTrue=e.isTrue;exports.isType=e.isType;exports.isUndefined=e.isUndefined;exports.loadingZIndex=e.loadingZIndex;exports.m=e.m;exports.messageZIndex=e.messageZIndex;exports.modalZIndex=e.modalZIndex;exports.modifier=e.modifier;exports.nextDrawerZIndex=e.nextDrawerZIndex;exports.nextLoadingZIndex=e.nextLoadingZIndex;exports.nextMessageZIndex=e.nextMessageZIndex;exports.nextModalZIndex=e.nextModalZIndex;exports.nextPopoverZIndex=e.nextPopoverZIndex;exports.nextTooltipZIndex=e.nextTooltipZIndex;exports.noop=e.noop;exports.once=e.once;exports.pipe=e.pipe;exports.popoverZIndex=e.popoverZIndex;exports.popupManage=e.popupManage;exports.resetZIndex=e.resetZIndex;exports.state=e.state;exports.throttle=e.throttle;exports.tooltipZIndex=e.tooltipZIndex;exports.tryCatch=e.tryCatch;exports.unary=e.unary;exports.useClass=e.useClass;exports.useComponentPrefix=e.useComponentPrefix;exports.useNamespace=e.useNamespace;exports.useZIndex=e.useZIndex;exports.useClickOutside=s.useClickOutside;exports.useDOMObserver=s.useDOMObserver;exports.useDisabled=s.useDisabled;exports.useEscape=s.useEscape;exports.useFocus=s.useFocus;exports.useIntersectionObserver=s.useIntersectionObserver;exports.useLoading=s.useLoading;exports.useModel=s.useModel;exports.useResize=s.useResize;exports.useScroll=s.useScroll;exports.useToggle=s.useToggle;exports.useVisible=s.useVisible;

package/lib/theme/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b={mode:"light",primary:"#409eff",success:"#67c23a",warning:"#e6a23c",danger:"#f56c6c",info:"#909399",size:"default"},n={large:40,default:32,small:24};function h(r,e=10){const o=[],i=r.startsWith("#"),d=r.startsWith("rgb");let s,a,l;if(i){const t=r.slice(1);s=parseInt(t.slice(0,2),16),a=parseInt(t.slice(2,4),16),l=parseInt(t.slice(4,6),16)}else if(d){const t=r.match(/\d+/g);if(t)s=Number(t[0]),a=Number(t[1]),l=Number(t[2]);else return o}else return o;const g=100/(e+1);for(let t=1;t<=e;t++){const c=1-g*t/100,u=Math.round(s+(255-s)*c),$=Math.round(a+(255-a)*c),p=Math.round(l+(255-l)*c);o.push(`rgb(${u}, ${$}, ${p})`)}return o}const f="--xto";function m(r){const e=f;return{[`${e}-color-primary`]:r.primary,[`${e}-color-success`]:r.success,[`${e}-color-warning`]:r.warning,[`${e}-color-danger`]:r.danger,[`${e}-color-info`]:r.info,[`${e}-color-text`]:"#303133",[`${e}-color-text-placeholder`]:"#a8abb2",[`${e}-color-text-disabled`]:"#c0c4cc",[`${e}-border-color`]:"#dcdfe6",[`${e}-border-color-light`]:"#e4e7ed",[`${e}-border-color-lighter`]:"#ebeef5",[`${e}-fill-color`]:"#f5f7fa",[`${e}-fill-color-light`]:"#fafafa",[`${e}-bg-color`]:"#ffffff",[`${e}-bg-color-page`]:"#f2f3f5",[`${e}-bg-color-overlay`]:"#ffffff",[`${e}-font-size`]:r.size==="large"?"15px":r.size==="small"?"13px":"14px",[`${e}-component-size`]:`${n[r.size]}px`}}exports.cssVarPrefix=f;exports.defaultThemeConfig=b;exports.generateCSSVars=m;exports.generateColorPalette=h;exports.sizeMap=n;

package/lib/utils/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("vue"),l="x",Z="is-",I=e=>l+"-"+e,f=I,w=(e,n)=>`${I(e)}__${n}`,S=w,_=(e,n,t)=>`${I(e)}${n?`__${n}`:""}--${t}`,V=_,E=(e,n)=>n?`${Z}${e}`:"",j=(e,n)=>n===!1?"":`${Z}${e}`;function B(e){const n=e||l,t=(i="")=>n?`${n}-${i}`:i;return{b:t,e:i=>a=>`${t(a)}__${i}`,m:i=>a=>`${t(a)}--${i}`,em:(i,a)=>z=>`${t(z)}__${i}--${a}`,is:j}}function F(e){const n=l,t=`${n}-${e}`,s=(o="")=>o?`${t}-${o}`:t,r=o=>o?`${t}__${o}`:"";return{namespace:n,prefix:t,b:s,e:r,m:o=>o?`${t}--${o}`:"",be:(o,c)=>s(o)+(c?`__${c}`:""),bm:(o,c)=>s(o)+(c?`--${c}`:""),em:(o,c)=>r(o)+(c?`--${c}`:""),is:(o,c)=>c===!1?"":`${Z}${o}`}}function U(){var t;const e=T.getCurrentInstance(),n=((t=e==null?void 0:e.type)==null?void 0:t.name)||"";return{prefix:l,name:n}}function q(e,n){return{classList:T.computed(()=>{const s=[];return n&&s.push(f(n)),e.size&&s.push(f(n)+`--${e.size}`),e.type&&s.push(f(n)+`--${e.type}`),e.disabled&&s.push("is-disabled"),e.loading&&s.push("is-loading"),s})}}let d=2e3;const g=[],x=()=>({get current(){return d},next:()=>(d=d+1,g.push(d),d),set:n=>{d=n}}),A=2e3,O=1990,C=1999,M=2e3,P=2e3,L=2e3,R=()=>x().next()+A,G=()=>x().next()+O,H=()=>x().next()+C,J=()=>x().next()+M,K=()=>x().next()+P,Q=()=>x().next()+L,W={zIndex:2e3,next(){return this.zIndex=this.zIndex+1,this.zIndex}},X=()=>{d=2e3,g.length=0},Y=()=>[...g],b=e=>e===void 0,h=e=>e===null,y=e=>b(e)||h(e),k=e=>e===!0,v=e=>e===!1,ee=e=>Array.isArray(e)||typeof e=="string"?e.length===0:typeof e=="object"&&e!==null?Object.keys(e).length===0:y(e),ne=e=>!y(e),te=e=>n=>e(n),se=e=>()=>e,oe=(e,n)=>y(e)?n:e,re=e=>Array.isArray(e)?e:[e],D=e=>h(e)?"null":b(e)?"undefined":Object.prototype.toString.call(e).slice(8,-1).toLowerCase(),ce=(e,n)=>D(e)===n,p=e=>{if(e===null||typeof e!="object")return!1;const n=Object.getPrototypeOf(e);return n===Object.prototype||n===null},m=(e,...n)=>{if(!n.length)return e;const t=n.shift();return p(e)&&p(t)&&Object.keys(t).forEach(s=>{const r=e[s],u=t[s];Array.isArray(r)&&Array.isArray(u)?e[s]=r.concat(u):p(r)&&p(u)?e[s]=m(r,u):e[s]=u}),m(e,...n)},$=e=>Array.isArray(e)?e.map($):p(e)?Object.fromEntries(Object.entries(e).map(([n,t])=>[n,$(t)])):e,ie=(e,n=300)=>{let t=null;return(...s)=>{t&&clearTimeout(t),t=setTimeout(()=>e(...s),n)}},ue=(e,n=300)=>{let t=0;return(...s)=>{const r=Date.now();r-t>=n&&(t=r,e(...s))}},de=e=>{let n=!1,t;return(...s)=>(n||(n=!0,t=e(...s)),t)},xe=()=>{},ae=e=>e,pe=(...e)=>n=>e.reduceRight((t,s)=>s(t),n),le=(...e)=>n=>e.reduce((t,s)=>s(t),n),fe=(e,n)=>{try{return e()}catch(t){return typeof n=="function"?n(t):void 0}},N=typeof window<"u",Ie=N&&"ontouchstart"in window;exports.b=f;exports.block=I;exports.coerceToArray=re;exports.compose=pe;exports.constant=se;exports.createNamespace=B;exports.debounce=ie;exports.deepClone=$;exports.deepMerge=m;exports.defaultNamespace=l;exports.defaultTo=oe;exports.drawerZIndex=P;exports.e=S;exports.element=w;exports.getType=D;exports.getZIndexList=Y;exports.identity=ae;exports.is=j;exports.isBrowser=N;exports.isDefined=ne;exports.isEmpty=ee;exports.isFalse=v;exports.isNil=y;exports.isNull=h;exports.isPlainObject=p;exports.isSupportTouch=Ie;exports.isTrue=k;exports.isType=ce;exports.isUndefined=b;exports.loadingZIndex=C;exports.m=V;exports.messageZIndex=O;exports.modalZIndex=A;exports.modifier=_;exports.nextDrawerZIndex=K;exports.nextLoadingZIndex=H;exports.nextMessageZIndex=G;exports.nextModalZIndex=R;exports.nextPopoverZIndex=J;exports.nextTooltipZIndex=Q;exports.noop=xe;exports.once=de;exports.pipe=le;exports.popoverZIndex=M;exports.popupManage=W;exports.resetZIndex=X;exports.state=E;exports.throttle=ue;exports.tooltipZIndex=L;exports.tryCatch=fe;exports.unary=te;exports.useClass=q;exports.useComponentPrefix=U;exports.useNamespace=F;exports.useZIndex=x;

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@xto/core",
+  "version": "0.1.0",
+  "description": "Xto Core - Theme, hooks, utils and types",
+  "main": "./lib/index.cjs",
+  "module": "./es/index.mjs",
+  "types": "./es/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./es/index.mjs",
+      "require": "./lib/index.cjs",
+      "types": "./es/index.d.ts"
+    },
+    "./theme": {
+      "import": "./es/theme/index.mjs",
+      "require": "./lib/theme/index.cjs",
+      "types": "./es/theme/index.d.ts"
+    },
+    "./hooks": {
+      "import": "./es/hooks/index.mjs",
+      "require": "./lib/hooks/index.cjs",
+      "types": "./es/hooks/index.d.ts"
+    },
+    "./utils": {
+      "import": "./es/utils/index.mjs",
+      "require": "./lib/utils/index.cjs",
+      "types": "./es/utils/index.d.ts"
+    }
+  },
+  "files": [
+    "es",
+    "lib"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "vue": "^3.4.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.4.2",
+    "vite": "^5.2.0",
+    "vitest": "^1.4.0",
+    "vue": "^3.4.21",
+    "@xto/build": "0.1.0"
+  },
+  "scripts": {
+    "build": "vite build"
+  }
+}