@rhino-design/vue 0.2.2 → 0.2.6

package/dist/composables/scrollbar-visibility.js

@@ -0,0 +1,96 @@
+const i = "x-scrollbar--scrolling", c = "x-native-scrollbar-container", d = "x-scrollbar-container";
+const a = "__xScrollbarVisibilityState__", f = [
+  "x-input",
+  "x-badge",
+  "x-avatar",
+  "x-image",
+  "x-cropper",
+  "x-switch",
+  "x-slider",
+  "x-page-header",
+  "x-icon",
+  "x-button",
+  "x-link",
+  "x-tag",
+  "x-radio",
+  "x-checkbox",
+  "x-rate",
+  "x-input-tag",
+  "x-cascader"
+];
+function S(t) {
+  return f.some((n) => t === n || t.startsWith(`${n}-`) || t.startsWith(`${n}__`));
+}
+function L(t) {
+  for (const n of t.classList)
+    if (n.startsWith("x-") && !S(n))
+      return !0;
+  return !1;
+}
+function l(t) {
+  return t === "auto" || t === "scroll" || t === "overlay";
+}
+function _(t) {
+  const n = window.getComputedStyle(t), e = l(n.overflowY) && t.scrollHeight - t.clientHeight > 1;
+  return l(n.overflowX) && t.scrollWidth - t.clientWidth > 1 || e;
+}
+function u(t) {
+  return t.classList.contains(d) || !L(t) || !_(t) ? (t.classList.remove(c), !1) : (t.classList.add(c), !0);
+}
+function b() {
+  const t = document.querySelectorAll('[class^="x-"], [class*=" x-"]');
+  for (const n of t)
+    u(n);
+}
+function s(t) {
+  t.scanRafId === null && (t.scanRafId = window.requestAnimationFrame(() => {
+    t.scanRafId = null, b();
+  }));
+}
+function x(t) {
+  let n = t instanceof HTMLElement ? t : null;
+  for (; n && n !== document.body && n !== document.documentElement; ) {
+    if (u(n))
+      return n;
+    n = n.parentElement;
+  }
+  return null;
+}
+function E(t, n) {
+  t.classList.add(i);
+  const e = n.get(t);
+  e && window.clearTimeout(e);
+  const r = window.setTimeout(() => {
+    t.classList.remove(i), n.delete(t);
+  }, 520);
+  n.set(t, r);
+}
+function R() {
+  var e;
+  if (typeof window > "u" || typeof document > "u")
+    return;
+  const t = globalThis;
+  if ((e = t[a]) != null && e.initialized)
+    return;
+  const n = {
+    initialized: !0,
+    timers: /* @__PURE__ */ new WeakMap(),
+    scanRafId: null
+  };
+  t[a] = n, s(n), window.addEventListener("resize", () => {
+    s(n);
+  }, { passive: !0 }), document.body && new MutationObserver(() => {
+    s(n);
+  }).observe(document.body, {
+    subtree: !0,
+    childList: !0,
+    attributes: !0,
+    attributeFilter: ["class", "style"]
+  }), document.addEventListener("scroll", (r) => {
+    const o = x(r.target);
+    o && E(o, n.timers);
+  }, { capture: !0, passive: !0 });
+}
+export {
+  R as initScrollbarVisibility
+};

package/dist/composables/steps.js

@@ -0,0 +1,9 @@
+import { inject as t } from "vue";
+const e = Symbol("x-steps");
+function o() {
+  return t(e, null);
+}
+export {
+  o as useXSteps,
+  e as xStepsKey
+};

package/dist/composables/tabs.js

@@ -0,0 +1,10 @@
+import "vue";
+const f = Symbol("x-tabs");
+function r(l, o) {
+  const { scrollTop: s, scrollLeft: t } = l;
+  o === "horizontal" && t && l.scrollTo({ left: -1 * t }), o === "vertical" && s && l.scrollTo({ top: -1 * s });
+}
+export {
+  r as updateTabsScrollOffset,
+  f as xTabsKey
+};

package/dist/composables/theme-context.js

@@ -0,0 +1,24 @@
+function a(e) {
+  return e ? e.getAttribute("theme") === "dark" || e.getAttribute("data-theme") === "dark" || e.classList.contains("x-theme-dark") : !1;
+}
+function u(e, t = {}) {
+  let r = e;
+  for (; r; ) {
+    if (a(r))
+      return !0;
+    r = r.parentElement;
+  }
+  return t.includeDescendants && e && e.querySelector('[theme="dark"], [data-theme="dark"], .x-theme-dark') ? !0 : t.checkDocumentRoot === !1 || typeof document > "u" ? !1 : a(document.documentElement);
+}
+function c(e, t) {
+  return e === "dark" ? !0 : e === "light" ? !1 : t && u(t, { checkDocumentRoot: !1 }) ? !0 : u(null);
+}
+function i(e, t, r) {
+  const n = c(t, r);
+  e.classList.toggle("x-theme-dark", n), n ? e.setAttribute("theme", "dark") : e.removeAttribute("theme");
+}
+export {
+  u as hasDarkThemeContext,
+  c as resolveDarkThemeEnabled,
+  i as syncThemeContextToElement
+};

package/dist/composables/theme.js

@@ -0,0 +1,53 @@
+import { ref as u, watch as c } from "vue";
+const r = "rhino-design-theme", n = u("light"), t = typeof window < "u" ? window.matchMedia("(prefers-color-scheme: dark)") : null;
+function a(e) {
+  if (typeof document > "u") return;
+  const o = document.documentElement;
+  o.removeAttribute("data-theme"), (e === "dark" || e === "auto" && (t != null && t.matches)) && o.setAttribute("data-theme", "dark");
+}
+function l(e) {
+  typeof localStorage < "u" && localStorage.setItem(r, e);
+}
+function f() {
+  if (typeof localStorage < "u") {
+    const e = localStorage.getItem(r);
+    if (e && ["light", "dark", "auto"].includes(e))
+      return e;
+  }
+  return "light";
+}
+function h() {
+  n.value === "auto" && a("auto");
+}
+function m() {
+  const e = f();
+  n.value = e, a(e), t == null || t.addEventListener("change", h);
+}
+function i(e) {
+  n.value = e, a(e), l(e);
+}
+function d() {
+  const e = n.value === "light" ? "dark" : "light";
+  i(e);
+}
+function g() {
+  return n.value;
+}
+function v() {
+  const e = u(n.value);
+  return c(n, (o) => {
+    e.value = o;
+  }), {
+    theme: e,
+    setTheme: i,
+    toggleTheme: d,
+    isDark: () => !!(e.value === "dark" || e.value === "auto" && (t != null && t.matches))
+  };
+}
+export {
+  g as getTheme,
+  m as initTheme,
+  i as setTheme,
+  d as toggleTheme,
+  v as useTheme
+};

package/dist/composables/useMergeState.js

@@ -0,0 +1,27 @@
+import { ref as o, watch as i } from "vue";
+function s(l, v) {
+  const {
+    value: a,
+    defaultValue: e,
+    syncDefaultValue: f = !1
+  } = v, t = o(
+    (e == null ? void 0 : e.value) !== void 0 ? e.value : l
+  ), n = (u) => {
+    t.value = u;
+  };
+  return a && i(
+    () => a.value,
+    (u) => {
+      u !== void 0 && (t.value = u);
+    },
+    { immediate: !0 }
+  ), f && e && i(
+    () => e.value,
+    (u) => {
+      (a == null ? void 0 : a.value) === void 0 && (t.value = u);
+    }
+  ), [t, n];
+}
+export {
+  s as useMergeState
+};

package/dist/composables/useResponsive.js

@@ -0,0 +1,36 @@
+import { onMounted as r, onUnmounted as u, watch as d } from "vue";
+const h = {
+  xs: 0,
+  sm: 576,
+  md: 768,
+  lg: 992,
+  xl: 1200,
+  xxl: 1600
+};
+function l(n, i) {
+  let e = null;
+  const s = () => {
+    if (!n.value || typeof window > "u") return;
+    const a = h[n.value];
+    if (a === void 0) return;
+    e = window.matchMedia(`(min-width: ${a}px)`);
+    const t = (o) => {
+      const c = ("matches" in o, o.matches);
+      i(c);
+    };
+    return t(e), e.addEventListener("change", t), () => {
+      e == null || e.removeEventListener("change", t);
+    };
+  };
+  r(() => {
+    s();
+  }), u(() => {
+    e && e.removeEventListener("change", () => {
+    });
+  }), d(() => n.value, () => {
+    s();
+  });
+}
+export {
+  l as useResponsive
+};

package/dist/iconfont/generated/icons/guanbi.js

@@ -0,0 +1,7 @@
+const a = {
+  viewBox: "0 0 1024 1024",
+  content: '<path d="M562.68288 512l213.60128-213.60128a35.83488 35.83488 0 0 0 0-50.68288 35.83488 35.83488 0 0 0-50.68288 0L512 461.312 298.39872 247.71072a35.84 35.84 0 0 0-50.68288 50.688L461.31712 512l-213.60128 213.60128a35.83488 35.83488 0 0 0 0 50.68288 35.83488 35.83488 0 0 0 50.68288 0L512 562.68288l213.60128 213.60128a35.83488 35.83488 0 0 0 50.68288 0 35.83488 35.83488 0 0 0 0-50.68288L562.68288 512z"  ></path>'
+};
+export {
+  a as default
+};

package/dist/iconfont/generated/icons/shijian.js

@@ -0,0 +1,7 @@
+const t = {
+  viewBox: "0 0 1024 1024",
+  content: '<path d="M512 133.12c208.91648 0 378.88 169.96352 378.88 378.88s-169.96352 378.88-378.88 378.88-378.88-169.96352-378.88-378.88 169.96352-378.88 378.88-378.88m0-71.68c-248.83712 0-450.56 201.72288-450.56 450.56s201.72288 450.56 450.56 450.56 450.56-201.72288 450.56-450.56-201.72288-450.56-450.56-450.56z"  ></path><path d="M667.136 606.72L532.48 472.064V261.12c0-19.968-15.872-35.84-35.84-35.84s-35.84 15.872-35.84 35.84v240.64l155.648 156.16c6.912 6.912 16.128 10.368 25.344 10.368 9.216 0 18.432-3.456 25.344-10.368 14.336-14.336 14.336-36.864 0-51.2z"  ></path>'
+};
+export {
+  t as default
+};

package/dist/iconfont/internal-icons.js

@@ -0,0 +1,71 @@
+const c = [
+  {
+    name: "mono-left",
+    symbolId: "xl-icon-mono-left",
+    viewBox: "0 0 1024 1024",
+    content: '<path d="M736.197533 992.000352c0-7.399919-2.599971-14.899836-7.799915-20.89977l-360.796029-416.99541c-20.999769-23.999736-20.999769-60.299336 0-84.299073l0.099999-0.099999L728.397618 52.910688c11.599872-13.399853 10.099889-33.59963-3.299963-45.099504-13.299854-11.599872-33.499631-10.099889-45.099504 3.299964L319.40212 427.806562C299.002344 451.106305 287.802467 481.005976 287.802467 512.005635s11.199877 60.89933 31.599653 84.199073L679.998151 1012.900122c11.599872 13.399853 31.79965 14.799837 45.099504 3.299964 7.399919-6.299931 11.099878-15.199833 11.099878-24.199734z"  ></path>'
+  },
+  {
+    name: "mono-right",
+    symbolId: "xl-icon-mono-right",
+    viewBox: "0 0 1024 1024",
+    content: '<path d="M287.802467 992.000352c0-7.399919 2.599971-14.899836 7.799915-20.89977l360.796029-416.895412c20.999769-23.999736 20.999769-60.299336 0-84.299072l-0.099999-0.099999L295.602382 52.910688c-11.599872-13.399853-10.099889-33.59963 3.299963-45.099504 13.399853-11.599872 33.59963-10.099889 45.099504 3.299964l360.596031 416.695414c20.399775 23.299744 31.599652 53.199414 31.599653 84.199073s-11.199877 60.89933-31.599653 84.199073L344.001849 1012.900122c-11.599872 13.399853-31.79965 14.799837-45.099504 3.299964-7.399919-6.299931-11.099878-15.199833-11.099878-24.199734z"  ></path>'
+  },
+  {
+    name: "window-close",
+    symbolId: "xl-icon-window-close",
+    viewBox: "0 0 1024 1024",
+    content: '<path d="M562.9 517.7l173.1 173c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0l-173-173.1c-3.1-3.1-8.2-3.1-11.3 0L333.3 736c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l173.1-173.1c3.1-3.1 3.1-8.2 0-11.3L288 333.3c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l173.1 173.1c3.1 3.1 8.2 3.1 11.3 0l173-173.1c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-173.1 173a8.15 8.15 0 0 0 0 11.4z"  ></path>'
+  },
+  {
+    name: "filter",
+    symbolId: "xl-icon-filter",
+    viewBox: "0 0 1024 1024",
+    content: '<path d="M865.253402 77.246076L607.733171 369.941752C576.954657 404.917337 559.966516 449.985876 559.966516 496.653298v414.31078L466.23195 810.434255c-1.399023-1.498954-2.198465-3.397628-2.198466-5.496163V496.653298c0-46.667423-16.988141-91.735961-47.766655-126.711546L158.746598 77.246076c-4.496861-5.196373-0.899372-13.290722 5.995814-13.290722h694.515176c6.895187 0 10.592606 8.09435 5.995814 13.290722zM52.320891 53.062958l315.879492 359.049356c20.58563 23.383676 31.877747 53.362749 31.877747 84.441054v324.173702c0 8.09435 3.097837 15.888908 8.594001 21.784793l159.888385 171.280433c19.786188 21.185211 55.361354 7.194977 55.361354-21.784793V496.653298c0-31.078305 11.292117-61.157308 31.877747-84.441054L971.679109 53.062958C989.866413 32.477328 975.176667 0 947.695851 0H76.304149C48.823333 0 34.133587 32.477328 52.320891 53.062958z"  ></path>'
+  },
+  {
+    name: "check",
+    symbolId: "xl-icon-check",
+    viewBox: "0 0 1024 1024",
+    content: '<path d="M815.998195 195.598839c-10.299939-2.299986-20.999875-3.599979-31.99981-3.599979s-21.699871 1.199993-31.99981 3.599979c-64.099619 14.499914-111.999335 71.899573-111.999335 140.399166 0 55.699669 31.599812 103.999383 77.899537 127.899241 21.099875 10.899935 34.099798 32.999804 34.099798 56.799662V807.995203c0 40.599759-15.799906 78.799532-44.499736 107.499361-28.999828 28.999828-68.699592 45.099732-109.599349 44.499736-39.999763-0.499997-77.49954-16.499902-105.799372-44.999733-28.499831-28.799829-44.099738-67.999596-44.099738-108.499356v-72.799567c0-26.099845 15.599907-49.799704 39.799764-59.599646 24.099857-9.799942 45.899727-24.299856 63.99962-42.399749C586.499558 596.996455 607.99943 548.99674 607.99943 495.997055V127.99924c0-35.29979-14.299915-67.2996-37.499777-90.499463C547.29979 14.299915 515.29998 0 480.00019 0c-8.799948 0-16.7999 3.599979-22.599866 9.399944-5.799966 5.799966-9.399944 13.799918-9.399944 22.599866s3.599979 16.7999 9.399944 22.599866c5.799966 5.799966 13.899917 9.399944 22.799865 9.399944 35.499789-0.099999 63.899621 29.499825 63.89962 64.999614v365.597829c0 34.699794-13.49992 68.299594-38.199773 92.599451-16.299903 16.099904-36.199785 27.199839-57.799657 32.799805-10.299939 2.699984-21.099875 3.999976-31.99981 3.999976s-21.699871-1.399992-31.99981-3.999976c-21.599872-5.499967-41.499754-16.699901-57.799656-32.799805-24.699853-24.399855-38.199773-57.899656-38.199774-92.599451V127.99924c0-17.699895 7.199957-33.6998 18.699889-45.299731S334.301055 63.99962 352.00095 63.99962c8.799948 0 16.7999-3.599979 22.599866-9.399944 5.799966-5.799966 9.399944-13.799918 9.399944-22.599866s-3.599979-16.7999-9.399944-22.599866C368.80085 3.599979 360.800898 0 352.00095 0c-70.69958 0-127.99924 57.29966-127.99924 127.99924v367.997815c0 80.599521 49.699705 149.599112 120.099287 178.098943 24.299856 9.799942 39.899763 33.6998 39.899763 59.799644v72.199572c0 119.699289 97.899419 218.798701 217.598708 217.898706 58.99965-0.399998 112.399333-24.499855 151.099103-63.299624C791.798339 921.594528 815.998195 867.594849 815.998195 807.995203V520.796908c0-23.799859 12.999923-45.899727 34.099798-56.799663 46.299725-23.999858 77.899537-72.299571 77.899537-127.99924 0-68.499593-47.899716-125.899252-111.999335-140.399166z m0 213.698731c-9.799942 4.299974-20.599878 6.69996-31.99981 6.69996s-22.199868-2.399986-31.99981-6.69996c-28.199833-12.399926-47.999715-40.599759-47.999715-73.299565s19.799882-60.999638 47.999715-73.299565c9.799942-4.299974 20.599878-6.69996 31.99981-6.69996s22.199868 2.399986 31.99981 6.69996c28.199833 12.399926 47.999715 40.599759 47.999715 73.299565s-19.799882 60.999638-47.999715 73.299565z"  ></path><path d="M783.998385 303.998195c-17.699895 0-31.99981 14.299915-31.99981 31.99981s14.299915 31.99981 31.99981 31.99981 31.99981-14.299915 31.99981-31.99981-14.299915-31.99981-31.99981-31.99981z"  ></path>'
+  },
+  {
+    name: "checkbox-indeterminate",
+    symbolId: "xl-icon-checkbox-indeterminate",
+    viewBox: "0 0 1024 1024",
+    content: '<path d="M849.4 456.6H168.6c-28.9 0-52.4 23.5-52.4 52.4s23.5 52.4 52.4 52.4h680.9c28.9 0 52.4-23.5 52.4-52.4s-23.5-52.4-52.5-52.4z"></path>'
+  },
+  {
+    name: "checkbox-plus",
+    symbolId: "xl-icon-checkbox-plus",
+    viewBox: "0 0 1024 1024",
+    content: '<path d="M842.8 457.6H560.4V175.2c0-28.4-23-51.4-51.4-51.4s-51.4 23-51.4 51.4v282.5H175.2c-28.4 0-51.4 23-51.4 51.4s23 51.4 51.4 51.4h282.5V843c0 28.4 23 51.4 51.4 51.4s51.4-23 51.4-51.4V560.4H843c28.4 0 51.4-23 51.4-51.4-0.2-28.4-23.2-51.4-51.6-51.4z"></path>'
+  },
+  {
+    name: "xiangshang",
+    symbolId: "xl-icon-xiangshang",
+    viewBox: "0 0 1024 1024",
+    content: '<path d="M848.69632 642.33472L537.344 330.9824a35.83488 35.83488 0 0 0-50.68288 0L175.3088 642.33472a35.84 35.84 0 0 0 50.68288 50.688L512 407.00928l286.00832 286.00832a35.83488 35.83488 0 0 0 50.68288 0 35.82976 35.82976 0 0 0 0.00512-50.68288z"></path>'
+  },
+  {
+    name: "octicon-accessibility",
+    symbolId: "xl-icon-octicon-accessibility",
+    viewBox: "0 0 16 16",
+    content: '<path d="M9.923 5.302c.063.063.122.129.178.198H14A.75.75 0 0 1 14 7h-3.3l.578 5.163.362 2.997a.75.75 0 0 1-1.49.18L9.868 13H6.132l-.282 2.34a.75.75 0 0 1-1.49-.18l.362-2.997L5.3 7H2a.75.75 0 0 1 0-1.5h3.9a2.54 2.54 0 0 1 .176-.198 3 3 0 1 1 3.847 0ZM9.2 7.073h-.001a1.206 1.206 0 0 0-2.398 0L6.305 11.5h3.39ZM9.5 3a1.5 1.5 0 1 0-3.001.001A1.5 1.5 0 0 0 9.5 3Z"></path>'
+  },
+  {
+    name: "octicon-organization",
+    symbolId: "xl-icon-octicon-organization",
+    viewBox: "0 0 16 16",
+    content: '<path d="M1.75 16A1.75 1.75 0 0 1 0 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 0 0 .25-.25V8.285a.25.25 0 0 0-.111-.208l-1.055-.703a.749.749 0 1 1 .832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0 1 14.25 16h-3.5a.766.766 0 0 1-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 0 1-.75-.75V14h-1v1.25a.75.75 0 0 1-.75.75Zm-.25-1.75c0 .138.112.25.25.25H4v-1.25a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 .75.75v1.25h2.25a.25.25 0 0 0 .25-.25V1.75a.25.25 0 0 0-.25-.25h-8.5a.25.25 0 0 0-.25.25ZM3.75 6h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5ZM3 3.75A.75.75 0 0 1 3.75 3h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 3 3.75Zm4 3A.75.75 0 0 1 7.75 6h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 7 6.75ZM7.75 3h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 7.75 3ZM3 9.75A.75.75 0 0 1 3.75 9h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 3 9.75ZM7.75 9h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 7.75 9Z"></path>'
+  },
+  {
+    name: "octicon-log",
+    symbolId: "xl-icon-octicon-log",
+    viewBox: "0 0 16 16",
+    content: '<path d="M5 8.25a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5h-4A.75.75 0 0 1 5 8.25ZM4 10.5A.75.75 0 0 0 4 12h4a.75.75 0 0 0 0-1.5H4Z"></path><path d="M13-.005c1.654 0 3 1.328 3 3 0 .982-.338 1.933-.783 2.818-.443.879-1.028 1.758-1.582 2.588l-.011.017c-.568.853-1.104 1.659-1.501 2.446-.398.789-.623 1.494-.623 2.136a1.5 1.5 0 1 0 2.333-1.248.75.75 0 0 1 .834-1.246A3 3 0 0 1 13 16H3a3 3 0 0 1-3-3c0-1.582.891-3.135 1.777-4.506.209-.322.418-.637.623-.946.473-.709.923-1.386 1.287-2.048H2.51c-.576 0-1.381-.133-1.907-.783A2.68 2.68 0 0 1 0 2.995a3 3 0 0 1 3-3Zm0 1.5a1.5 1.5 0 0 0-1.5 1.5c0 .476.223.834.667 1.132A.75.75 0 0 1 11.75 5.5H5.368c-.467 1.003-1.141 2.015-1.773 2.963-.192.289-.381.571-.558.845C2.13 10.711 1.5 11.916 1.5 13A1.5 1.5 0 0 0 3 14.5h7.401A2.989 2.989 0 0 1 10 13c0-.979.338-1.928.784-2.812.441-.874 1.023-1.748 1.575-2.576l.017-.026c.568-.853 1.103-1.658 1.501-2.448.398-.79.623-1.497.623-2.143 0-.838-.669-1.5-1.5-1.5Zm-10 0a1.5 1.5 0 0 0-1.5 1.5c0 .321.1.569.27.778.097.12.325.227.74.227h7.674A2.737 2.737 0 0 1 10 2.995c0-.546.146-1.059.401-1.5Z"></path>'
+  }
+];
+export {
+  c as internalIconDefinitions
+};