tanxin-ui 0.2.0

package/lib/utils/ScrollbarWidth2.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("vue");
+require("./type.js");
+let scrollBarWidth;
+function getScrollbarWidth() {
+  var _a;
+  if (scrollBarWidth !== void 0)
+    return scrollBarWidth;
+  const outer = document.createElement("div");
+  outer.style.visibility = "hidden";
+  outer.style.position = "absolute";
+  outer.style.width = "100px";
+  outer.style.top = "-9999px";
+  document.body.appendChild(outer);
+  const emptyWidth = outer.offsetWidth;
+  outer.style.overflow = "scroll";
+  const inner = document.createElement("div");
+  inner.style.width = "100%";
+  outer.appendChild(inner);
+  const filledWidth = inner.offsetWidth;
+  (_a = outer.parentNode) == null ? void 0 : _a.removeChild(outer);
+  scrollBarWidth = emptyWidth - filledWidth;
+  return scrollBarWidth;
+}
+exports.getScrollbarWidth = getScrollbarWidth;

package/lib/utils/colorPalette.d.ts

@@ -0,0 +1,4 @@
+export declare function strToRgb(color: string): number[];
+export declare function rgbToHsv(rgbArr: any): number[];
+export declare function rgbToStr(rgbArr: any): string;
+export declare function colorPalette(color: any, index: any): string;

package/lib/utils/colorPalette.js

@@ -0,0 +1,166 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const hueStep = 2;
+const saturationStep = 0.16;
+const saturationStep2 = 0.05;
+const brightnessStep1 = 0.05;
+const brightnessStep2 = 0.15;
+const lightColorCount = 5;
+const darkColorCount = 4;
+const getHue = function(h, i, isLight) {
+  let hue;
+  if (h >= 60 && h <= 240) {
+    hue = isLight ? h - hueStep * i : h + hueStep * i;
+  } else {
+    hue = isLight ? h + hueStep * i : h - hueStep * i;
+  }
+  if (hue < 0) {
+    hue += 360;
+  } else if (hue >= 360) {
+    hue -= 360;
+  }
+  return Math.round(hue);
+};
+const getSaturation = function(s, i, isLight) {
+  let saturation;
+  if (isLight) {
+    saturation = s - saturationStep * i;
+  } else if (i === darkColorCount) {
+    saturation = s + saturationStep;
+  } else {
+    saturation = s + saturationStep2 * i;
+  }
+  if (saturation > 1) {
+    saturation = 1;
+  }
+  if (isLight && i === lightColorCount && saturation > 0.1) {
+    saturation = 0.1;
+  }
+  if (saturation < 0.06) {
+    saturation = 0.06;
+  }
+  return Number(saturation.toFixed(2));
+};
+const getValue = function(v, i, isLight) {
+  let value;
+  if (isLight) {
+    value = v + brightnessStep1 * i;
+  } else {
+    value = v - brightnessStep2 * i;
+  }
+  if (value > 1) {
+    value = 1;
+  }
+  return Number(value.toFixed(2));
+};
+const hsvToRgb = function(hsvArr) {
+  const h = hsvArr[0];
+  const s = hsvArr[1], v = hsvArr[2];
+  let r = 0, g = 0, b = 0;
+  const i = parseInt((h / 60 % 6).toString());
+  const f = h / 60 - i;
+  const p = v * (1 - s);
+  const q = v * (1 - f * s);
+  const t = v * (1 - (1 - f) * s);
+  switch (i) {
+    case 0:
+      r = v;
+      g = t;
+      b = p;
+      break;
+    case 1:
+      r = q;
+      g = v;
+      b = p;
+      break;
+    case 2:
+      r = p;
+      g = v;
+      b = t;
+      break;
+    case 3:
+      r = p;
+      g = q;
+      b = v;
+      break;
+    case 4:
+      r = t;
+      g = p;
+      b = v;
+      break;
+    case 5:
+      r = v;
+      g = p;
+      b = q;
+      break;
+  }
+  r = parseInt((r * 255).toString());
+  g = parseInt((g * 255).toString());
+  b = parseInt((b * 255).toString());
+  return [r, g, b];
+};
+function strToRgb(color) {
+  let strColor = color.trim().replace("#", "");
+  if (/^[0-9a-fA-F]{3}$/.test(strColor)) {
+    strColor = strColor[0].repeat(2) + strColor[1].repeat(2) + strColor[2].repeat(2);
+  }
+  if (/^[0-9a-fA-F]{6}$/.test(strColor)) {
+    return [parseInt(strColor.slice(0, 2), 16), parseInt(strColor.slice(2, 4), 16), parseInt(strColor.slice(4, 6), 16)];
+  }
+  return [255, 255, 255];
+}
+function rgbToHsv(rgbArr) {
+  let h = 0, s = 0, v = 0;
+  const r = rgbArr[0], g = rgbArr[1], b = rgbArr[2];
+  rgbArr.sort(function(a, b2) {
+    return a - b2;
+  });
+  const max = rgbArr[2];
+  const min = rgbArr[0];
+  v = max / 255;
+  if (max === 0) {
+    s = 0;
+  } else {
+    s = 1 - min / max;
+  }
+  if (max === min) {
+    h = 0;
+  } else if (max === r && g >= b) {
+    h = 60 * ((g - b) / (max - min)) + 0;
+  } else if (max === r && g < b) {
+    h = 60 * ((g - b) / (max - min)) + 360;
+  } else if (max === g) {
+    h = 60 * ((b - r) / (max - min)) + 120;
+  } else if (max === b) {
+    h = 60 * ((r - g) / (max - min)) + 240;
+  }
+  return [h, s, v];
+}
+function rgbToStr(rgbArr) {
+  let r = rgbArr[0].toString(16);
+  let g = rgbArr[1].toString(16);
+  let b = rgbArr[2].toString(16);
+  if (r.length == 1)
+    r = "0" + r;
+  if (g.length == 1)
+    g = "0" + g;
+  if (b.length == 1)
+    b = "0" + b;
+  return "#" + r + g + b;
+}
+function colorPalette(color, index) {
+  const isLight = index <= 6;
+  const rgb = strToRgb(color);
+  const hsv = rgbToHsv(rgb);
+  const i = isLight ? lightColorCount + 1 - index : index - lightColorCount - 1;
+  const resRgb = hsvToRgb([
+    getHue(hsv[0], i, isLight),
+    getSaturation(hsv[1], i, isLight),
+    getValue(hsv[2], i, isLight)
+  ]);
+  return rgbToStr(resRgb);
+}
+exports.colorPalette = colorPalette;
+exports.rgbToHsv = rgbToHsv;
+exports.rgbToStr = rgbToStr;
+exports.strToRgb = strToRgb;

package/lib/utils/common.d.ts

@@ -0,0 +1,80 @@
+import type { Dayjs } from 'dayjs';
+export declare const isClient: boolean;
+export declare const innerColorList: string[];
+/**
+ * 求得元素的class属性
+ * @param args
+ * @returns
+ */
+export declare const getClass: (...args: any[]) => string;
+/**
+ * 把输入的数字或字符串格式化为带单位的字符串，如：100px
+ * @param value
+ * @returns
+ */
+export declare const getLength: (value: string | number) => string;
+/**
+ * 把输入的数字或字符串格式化为不带单位的数字，如：100, 如果带%号的，则不适用此方法
+ * @param value
+ * @returns
+ */
+export declare const getLengthNumber: (value: string | number) => number;
+/**
+ * 把输入的数字或字符串格式化为不带单位的数字，如：100,
+ * @param value
+ * @returns
+ */
+export declare const getNumber: (value: string | number) => number;
+/**
+ * 取得下级组件
+ * @param childItems
+ * @returns
+ */
+export declare function getChildComponents(childItems?: any[]): any[];
+/**
+ * 是否空元素
+ * @param element
+ * @returns
+ */
+export declare function isEmptyElement(element: any): boolean;
+/**
+ * 变量是否有值，为字符串时不为空
+ * @param value
+ * @returns
+ */
+export declare function hasValue(value: any): boolean;
+/**
+ *
+ * @param children
+ * @param filterEmpty
+ * @returns
+ */
+export declare function flattenChildren(children?: any[], filterEmpty?: boolean): any[];
+export declare function isMobile(): boolean;
+export declare function isSameDate(day1: Dayjs, day2: Dayjs, format?: string): boolean;
+/**
+ * 计算两个日期的所在星期数是否相同，注意周日为开始
+ * @param day1
+ * @param day2
+ * @returns
+ */
+export declare function isSameWeek(day1: Dayjs, day2: Dayjs): boolean;
+/**
+ * 将驼峰转为下划线
+ */
+export declare function camelToUnderline(camelStr: string): string;
+/**
+ * 将驼峰转为中划线
+ */
+export declare function camelToMidline(camelStr: string): string;
+/**
+ * 下划线转小驼峰
+ */
+export declare function underlineToSmallCamel(str: string): string;
+export declare function hasScrollbar(): boolean;
+/**
+ *
+ * @param bytes
+ * @returns
+ */
+export declare function formatFileSize(bytes: number): string;

package/lib/utils/common.js

@@ -0,0 +1,144 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var vue = require("vue");
+var type = require("./type.js");
+const isClient = typeof window !== "undefined";
+const innerColorList = [
+  "primary",
+  "info",
+  "success",
+  "warning",
+  "danger",
+  "error",
+  "blue",
+  "green",
+  "red",
+  "yellow",
+  "pink",
+  "magenta",
+  "volcano",
+  "orange",
+  "gold",
+  "lime",
+  "cyan",
+  "geekblue",
+  "purple"
+];
+const getLength = (value) => {
+  let val = String(value);
+  const numberRegex = /^[\-]?(\d|\.)+$/;
+  if (numberRegex.test(val))
+    val += "px";
+  return val;
+};
+const getLengthNumber = (value) => {
+  let val = String(value);
+  val = val.replace("pt", "").replace("px", "");
+  const numberRegex = /^[\-]?(\d|\.)+$/;
+  if (numberRegex.test(val))
+    return parseFloat(val);
+  return void 0;
+};
+const getNumber = (value) => {
+  const val = String(value).trim();
+  const numberRegex = /^[\-]?(\d|\.)+$/;
+  if (numberRegex.test(val))
+    return parseFloat(val);
+  return void 0;
+};
+function getChildComponents(childItems = []) {
+  const items = [];
+  childItems.forEach((child) => {
+    if (type.isArray(child)) {
+      items.push(...child);
+    } else if (child.type === vue.Fragment) {
+      items.push(...child.children);
+    } else {
+      items.push(child);
+    }
+  });
+  return items;
+}
+function isEmptyElement(element) {
+  return element && (element.type === Comment || element.type === vue.Fragment && element.children.length === 0 || element.type === Text && element.children.trim() === "");
+}
+function hasValue(value) {
+  return value !== void 0 && value !== null && value !== "";
+}
+function flattenChildren(children = [], filterEmpty = true) {
+  const temp = Array.isArray(children) ? children : [children];
+  const res = [];
+  temp.forEach((child) => {
+    if (Array.isArray(child)) {
+      res.push(...flattenChildren(child, filterEmpty));
+    } else if (child && child.type === vue.Fragment) {
+      res.push(...flattenChildren(child.children, filterEmpty));
+    } else if (child && vue.isVNode(child)) {
+      if (filterEmpty) {
+        if (!isEmptyElement(child))
+          res.push(child);
+      } else
+        res.push(child);
+    } else if (hasValue(child)) {
+      res.push(child);
+    }
+  });
+  return res;
+}
+function isMobile() {
+  return !!navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i);
+}
+function isSameDate(day1, day2, format = "YYYY-MM-DD") {
+  if (!day1 && !day2)
+    return true;
+  else if (!day1 || !day2)
+    return false;
+  return day1.format(format) == day2.format(format);
+}
+function isSameWeek(day1, day2) {
+  if (!day1 && !day2)
+    return true;
+  else if (!day1 || !day2)
+    return false;
+  let weekNum1 = day1.week();
+  let weekNum2 = day2.week();
+  if (day1.day() == 0)
+    weekNum1--;
+  if (day2.day() == 0)
+    weekNum2--;
+  if (weekNum1 == 0)
+    weekNum1 = 52;
+  if (weekNum2 == 0)
+    weekNum2 = 52;
+  return weekNum1 == weekNum2;
+}
+function camelToMidline(camelStr) {
+  return camelStr.replace(/[A-Z]/g, function(s) {
+    return "-" + s.toLowerCase();
+  }).trim();
+}
+function hasScrollbar() {
+  if (!isClient)
+    return false;
+  return document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight);
+}
+function formatFileSize(bytes) {
+  const m = bytes / (1024 * 1024);
+  const k = (bytes - m * 1024 * 1024) / 1024;
+  return `${m ? m + " m" : ""}${k ? k + " k" : ""}`;
+}
+exports.camelToMidline = camelToMidline;
+exports.flattenChildren = flattenChildren;
+exports.formatFileSize = formatFileSize;
+exports.getChildComponents = getChildComponents;
+exports.getLength = getLength;
+exports.getLengthNumber = getLengthNumber;
+exports.getNumber = getNumber;
+exports.hasScrollbar = hasScrollbar;
+exports.hasValue = hasValue;
+exports.innerColorList = innerColorList;
+exports.isClient = isClient;
+exports.isEmptyElement = isEmptyElement;
+exports.isMobile = isMobile;
+exports.isSameDate = isSameDate;
+exports.isSameWeek = isSameWeek;

package/lib/utils/compare.d.ts

@@ -0,0 +1,3 @@
+export declare function equals(obj1: any, obj2: any, keys?: string[]): boolean;
+export declare function arrayEquals(array1: any[], array2: any[], keys?: string[]): boolean;
+export declare function objectEquals(object1: Object, object2: Object, keys?: string[]): boolean;

package/lib/utils/compare.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+function equals(obj1, obj2, keys = []) {
+  if (!obj1 && !obj2)
+    return true;
+  else if (!obj1 || !obj2)
+    return false;
+  if (typeof obj1 != typeof obj2)
+    return false;
+  if (obj1 instanceof Array && obj2 instanceof Array) {
+    return arrayEquals(obj1, obj2, keys);
+  } else if (obj1 instanceof Object && obj2 instanceof Object) {
+    return objectEquals(obj1, obj2, keys);
+  } else
+    return obj1 == obj2;
+}
+function arrayEquals(array1, array2, keys = []) {
+  if (!array1 && !array2)
+    return true;
+  if (!array1 || !array2)
+    return false;
+  if (array1.length != array2.length)
+    return false;
+  for (let i = 0, l = array1.length; i < l; i++) {
+    if (!equals(array1[i], array2[i], keys))
+      return false;
+  }
+  return true;
+}
+function objectEquals(object1, object2, keys = []) {
+  if (!object1 && !object2)
+    return true;
+  else if (!object1 || !object2)
+    return false;
+  for (const propName in object1) {
+    if (object1.hasOwnProperty(propName) != object2.hasOwnProperty(propName)) {
+      return false;
+    } else if (typeof object1[propName] != typeof object2[propName]) {
+      return false;
+    }
+  }
+  for (const propName in object2) {
+    if (keys.length > 0 && !keys.includes(propName))
+      continue;
+    if (object1.hasOwnProperty(propName) != object2.hasOwnProperty(propName)) {
+      return false;
+    } else if (typeof object1[propName] != typeof object2[propName]) {
+      return false;
+    }
+    if (!object1.hasOwnProperty(propName))
+      return false;
+    if (!equals(object1[propName], object2[propName], keys))
+      return false;
+  }
+  return true;
+}
+exports.arrayEquals = arrayEquals;
+exports.equals = equals;
+exports.objectEquals = objectEquals;

package/lib/utils/components/icons/AddOutline.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/lib/utils/components/icons/AddOutline.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var vue = require("vue");
+var AddOutline = vue.defineComponent({
+  name: "AddOutline",
+  render() {
+    return vue.createVNode("svg", {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "viewBox": "0 0 512 512"
+    }, [vue.createVNode("path", {
+      "fill": "none",
+      "stroke": "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "32",
+      "d": "M256 112v288"
+    }, null), vue.createVNode("path", {
+      "fill": "none",
+      "stroke": "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "32",
+      "d": "M400 256H112"
+    }, null)]);
+  }
+});
+exports["default"] = AddOutline;

package/lib/utils/components/icons/AlertCircle.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/lib/utils/components/icons/AlertCircle.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var vue = require("vue");
+var AlertCircle = vue.defineComponent({
+  name: "AlertCircle",
+  render() {
+    return vue.createVNode("svg", {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "viewBox": "0 0 512 512"
+    }, [vue.createVNode("path", {
+      "d": "M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208s208-93.31 208-208S370.69 48 256 48zm0 319.91a20 20 0 1 1 20-20a20 20 0 0 1-20 20zm21.72-201.15l-5.74 122a16 16 0 0 1-32 0l-5.74-121.94v-.05a21.74 21.74 0 1 1 43.44 0z",
+      "fill": "currentColor"
+    }, null)]);
+  }
+});
+exports["default"] = AlertCircle;

package/lib/utils/components/icons/AlertCircleOutline.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/lib/utils/components/icons/AlertCircleOutline.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var vue = require("vue");
+var AlertCircleOutline = vue.defineComponent({
+  name: "AlertCircleOutline",
+  render() {
+    return vue.createVNode("svg", {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "viewBox": "0 0 512 512"
+    }, [vue.createVNode("path", {
+      "d": "M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192s192-86 192-192z",
+      "fill": "none",
+      "stroke": "currentColor",
+      "stroke-miterlimit": "10",
+      "stroke-width": "32"
+    }, null), vue.createVNode("path", {
+      "d": "M250.26 166.05L256 288l5.73-121.95a5.74 5.74 0 0 0-5.79-6h0a5.74 5.74 0 0 0-5.68 6z",
+      "fill": "none",
+      "stroke": "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "32"
+    }, null), vue.createVNode("path", {
+      "d": "M256 367.91a20 20 0 1 1 20-20a20 20 0 0 1-20 20z",
+      "fill": "currentColor"
+    }, null)]);
+  }
+});
+exports["default"] = AlertCircleOutline;

package/lib/utils/components/icons/ArrowDropDownSharp.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/lib/utils/components/icons/ArrowDropDownSharp.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var vue = require("vue");
+var ArrowDropDownSharp = vue.defineComponent({
+  name: "ArrowDropDownSharp",
+  render() {
+    return vue.createVNode("svg", {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "viewBox": "0 0 24 24"
+    }, [vue.createVNode("path", {
+      "d": "M7 10l5 5l5-5H7z",
+      "fill": "currentColor"
+    }, null)]);
+  }
+});
+exports["default"] = ArrowDropDownSharp;

package/lib/utils/components/icons/ArrowDropUpSharp.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/lib/utils/components/icons/ArrowDropUpSharp.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var vue = require("vue");
+var ArrowDropUpSharp = vue.defineComponent({
+  name: "ArrowDropUpSharp",
+  render() {
+    return vue.createVNode("svg", {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "viewBox": "0 0 24 24"
+    }, [vue.createVNode("path", {
+      "d": "M7 14l5-5l5 5H7z",
+      "fill": "currentColor"
+    }, null)]);
+  }
+});
+exports["default"] = ArrowDropUpSharp;

package/lib/utils/components/icons/ArrowForward.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/lib/utils/components/icons/ArrowForward.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var vue = require("vue");
+var ArrowForward = vue.defineComponent({
+  name: "ArrowForward",
+  render() {
+    return vue.createVNode("svg", {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "viewBox": "0 0 512 512"
+    }, [vue.createVNode("path", {
+      "fill": "none",
+      "stroke": "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "48",
+      "d": "M268 112l144 144l-144 144"
+    }, null), vue.createVNode("path", {
+      "fill": "none",
+      "stroke": "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "48",
+      "d": "M392 256H100"
+    }, null)]);
+  }
+});
+exports["default"] = ArrowForward;

package/lib/utils/components/icons/ArrowForwardIosFilled.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/lib/utils/components/icons/ArrowForwardIosFilled.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var vue = require("vue");
+var ArrowForwardIosFilled = vue.defineComponent({
+  name: "ArrowForwardIosFilled",
+  render() {
+    return vue.createVNode("svg", {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "viewBox": "0 0 24 24"
+    }, [vue.createVNode("path", {
+      "d": "M6.23 20.23L8 22l10-10L8 2L6.23 3.77L14.46 12z",
+      "fill": "currentColor"
+    }, null)]);
+  }
+});
+exports["default"] = ArrowForwardIosFilled;

package/lib/utils/components/icons/ArrowNext24Filled.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;