@codady/icax 0.0.5 → 0.0.6

package/src/icaxUpload.ts

@@ -0,0 +1,13 @@
+import { IcaxOptions } from "../types/icax.js";
+import shapeCircle from "./shapeCircle.js";
+import wrap from "./wrap.js";
+
+const icaxUpload = (options?: IcaxOptions): string =>
+    wrap(
+        `<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" y1="3" x2="12" y2="15"></line>`,
+        icaxUpload,
+        false,
+        options
+    );
+export default icaxUpload;
+

package/src/icaxVolume.js

@@ -0,0 +1,4 @@
+import shapeVolume from "./shapeVolume.js";
+import wrap from "./wrap.js";
+const icaxVolume = (options) => wrap(shapeVolume, icaxVolume, false, options);
+export default icaxVolume;

package/src/icaxVolume.ts

@@ -0,0 +1,17 @@
+import { IcaxOptions } from "../types/icax.js";
+import shapeCircle from "./shapeCircle.js";
+import shapeSearch from "./shapeSearch.js";
+import shapeVolume from "./shapeVolume.js";
+import wrap from "./wrap.js";
+
+const icaxVolume = (options?: IcaxOptions): string =>
+    wrap(
+        shapeVolume,
+        icaxVolume,
+        false,
+        options
+    );
+export default icaxVolume;
+
+
+

package/src/icaxVolume1.js

@@ -0,0 +1,4 @@
+import shapeVolume from "./shapeVolume.js";
+import wrap from "./wrap.js";
+const icaxVolume1 = (options) => wrap(`${shapeVolume}<path d="M15.54 8.46a5 5 0 0 1 0 7.07"></path>`, icaxVolume1, false, options);
+export default icaxVolume1;

package/src/icaxVolume1.ts

@@ -0,0 +1,17 @@
+import { IcaxOptions } from "../types/icax.js";
+import shapeCircle from "./shapeCircle.js";
+import shapeSearch from "./shapeSearch.js";
+import shapeVolume from "./shapeVolume.js";
+import wrap from "./wrap.js";
+
+const icaxVolume1 = (options?: IcaxOptions): string =>
+    wrap(
+        `${shapeVolume}<path d="M15.54 8.46a5 5 0 0 1 0 7.07"></path>`,
+        icaxVolume1,
+        false,
+        options
+    );
+export default icaxVolume1;
+
+
+

package/src/icaxVolume2.js

@@ -0,0 +1,4 @@
+import shapeVolume from "./shapeVolume.js";
+import wrap from "./wrap.js";
+const icaxVolume2 = (options) => wrap(`${shapeVolume}<path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"></path>`, icaxVolume2, false, options);
+export default icaxVolume2;

package/src/icaxVolume2.ts

@@ -0,0 +1,17 @@
+import { IcaxOptions } from "../types/icax.js";
+import shapeCircle from "./shapeCircle.js";
+import shapeSearch from "./shapeSearch.js";
+import shapeVolume from "./shapeVolume.js";
+import wrap from "./wrap.js";
+
+const icaxVolume2 = (options?: IcaxOptions): string =>
+    wrap(
+        `${shapeVolume}<path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"></path>`,
+        icaxVolume2,
+        false,
+        options
+    );
+export default icaxVolume2;
+
+
+

package/src/icaxWarn.js

@@ -0,0 +1,3 @@
+import wrap from "./wrap.js";
+const icaxWarn = (options) => wrap(`<line x1="12" y1="3" x2="12" y2="16"/><line x1="12" y1="21" x2="12" y2="21"/>`, icaxWarn, false, options);
+export default icaxWarn;

package/src/icaxWarn.ts

@@ -0,0 +1,13 @@
+import { IcaxOptions } from "../types/icax.js";
+import shapeCircle from "./shapeCircle.js";
+import wrap from "./wrap.js";
+
+const icaxWarn = (options?: IcaxOptions): string =>
+    wrap(
+        `<line x1="12" y1="3" x2="12" y2="16"/><line x1="12" y1="21" x2="12" y2="21"/>`,
+        icaxWarn,
+        false,
+        options
+    );
+export default icaxWarn;
+

package/src/icaxWarnCircle.js

@@ -0,0 +1,3 @@
+import wrap from "./wrap.js";
+const icaxWarnCircle = (options) => wrap(`<path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line>`, icaxWarnCircle, false, options);
+export default icaxWarnCircle;

package/src/icaxWarnCircle.ts

@@ -0,0 +1,13 @@
+import { IcaxOptions } from "../types/icax.js";
+import shapeCircle from "./shapeCircle.js";
+import wrap from "./wrap.js";
+
+const icaxWarnCircle = (options?: IcaxOptions): string =>
+    wrap(
+        `<path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line>`,
+        icaxWarnCircle,
+        false,
+        options
+    );
+export default icaxWarnCircle;
+

package/src/icaxZoomIn.js

@@ -0,0 +1,4 @@
+import shapeSearch from "./shapeSearch.js";
+import wrap from "./wrap.js";
+const icaxZoomIn = (options) => wrap(`${shapeSearch}<line x1="11" y1="8" x2="11" y2="14"></line><line x1="8" y1="11" x2="14" y2="11"></line>`, icaxZoomIn, false, options);
+export default icaxZoomIn;

package/src/icaxZoomIn.ts

@@ -0,0 +1,14 @@
+import { IcaxOptions } from "../types/icax.js";
+import shapeCircle from "./shapeCircle.js";
+import shapeSearch from "./shapeSearch.js";
+import wrap from "./wrap.js";
+
+const icaxZoomIn = (options?: IcaxOptions): string =>
+    wrap(
+        `${shapeSearch}<line x1="11" y1="8" x2="11" y2="14"></line><line x1="8" y1="11" x2="14" y2="11"></line>`,
+        icaxZoomIn,
+        false,
+        options
+    );
+export default icaxZoomIn;
+

package/src/icaxZoomOut.js

@@ -0,0 +1,4 @@
+import shapeSearch from "./shapeSearch.js";
+import wrap from "./wrap.js";
+const icaxZoomOut = (options) => wrap(`${shapeSearch}<line x1="8" y1="11" x2="14" y2="11"></line>`, icaxZoomOut, false, options);
+export default icaxZoomOut;

package/src/icaxZoomOut.ts

@@ -0,0 +1,14 @@
+import { IcaxOptions } from "../types/icax.js";
+import shapeCircle from "./shapeCircle.js";
+import shapeSearch from "./shapeSearch.js";
+import wrap from "./wrap.js";
+
+const icaxZoomOut = (options?: IcaxOptions): string =>
+    wrap(
+        `${shapeSearch}<line x1="8" y1="11" x2="14" y2="11"></line>`,
+        icaxZoomOut,
+        false,
+        options
+    );
+export default icaxZoomOut;
+

package/src/icaxinfoCircle.js

@@ -0,0 +1,4 @@
+import shapeCircle from "./shapeCircle.js";
+import wrap from "./wrap.js";
+const icaxInfoCircle = (options) => wrap(`${shapeCircle}<line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12" y2="8"/>`, icaxInfoCircle, false, options);
+export default icaxInfoCircle;

package/src/rtlStyle.js

@@ -1,7 +1,7 @@
 const rtlStyle = (name = '') => `
             <style>
-                :where([dir="rtl"]) .icax-${name},
-                :where(:dir(rtl)) .icax-${name} {
+                :where([dir="rtl"]) .${name},
+                :where(:dir(rtl)) .${name} {
                     transform: scaleX(-1);
                     transform-origin: center;
                 }

package/src/rtlStyle.ts

@@ -1,7 +1,7 @@
 const rtlStyle =(name:string='')=> `
             <style>
-                :where([dir="rtl"]) .icax-${name},
-                :where(:dir(rtl)) .icax-${name} {
+                :where([dir="rtl"]) .${name},
+                :where(:dir(rtl)) .${name} {
                     transform: scaleX(-1);
                     transform-origin: center;
                 }

package/src/shapeBubble.js

@@ -0,0 +1,2 @@
+const shapeBubble = `<path  d="M20.59,5.9c-.25-1.17-1.2-2.05-2.37-2.27-1.54-.29-3.88-.63-6.22-.63s-4.68.35-6.22.63c-1.17.22-2.11,1.1-2.37,2.27-.22.98-.41,2.35-.41,4.1s.19,3.12.41,4.1c.25,1.17,1.2,2.05,2.37,2.27.38.07,1.22.2,1.22.2v4.43s4.05-4,5-4c2.34,0,4.68-.35,6.22-.63,1.17-.22,2.11-1.1,2.37-2.27.22-.98.41-2.35.41-4.1s-.19-3.12-.41-4.1Z"/>`;
+export default shapeBubble;

package/src/shapeBubble.ts

@@ -0,0 +1,5 @@
+
+const shapeBubble = `<path  d="M20.59,5.9c-.25-1.17-1.2-2.05-2.37-2.27-1.54-.29-3.88-.63-6.22-.63s-4.68.35-6.22.63c-1.17.22-2.11,1.1-2.37,2.27-.22.98-.41,2.35-.41,4.1s.19,3.12.41,4.1c.25,1.17,1.2,2.05,2.37,2.27.38.07,1.22.2,1.22.2v4.43s4.05-4,5-4c2.34,0,4.68-.35,6.22-.63,1.17-.22,2.11-1.1,2.37-2.27.22-.98.41-2.35.41-4.1s-.19-3.12-.41-4.1Z"/>`;
+export default shapeBubble;
+
+

package/src/shapeCircle.js

@@ -0,0 +1,2 @@
+const shapeCircle = `<circle cx="12" cy="12" r="10"/>`;
+export default shapeCircle;

package/src/shapeCircle.ts

@@ -0,0 +1,2 @@
+const shapeCircle = `<circle cx="12" cy="12" r="10"/>`;
+export default shapeCircle;

package/src/shapeFlower.js

@@ -0,0 +1,2 @@
+const shapeFlower = `<path d="M22,12c0,1.41-.7,2.66-1.77,3.41.23,1.34-.2,2.7-1.16,3.66-.96.96-2.33,1.39-3.66,1.16-.78,1.11-2.05,1.77-3.41,1.77-1.41,0-2.66-.7-3.41-1.77-1.34.23-2.7-.2-3.66-1.16-.96-.96-1.39-2.33-1.16-3.66-1.11-.78-1.77-2.05-1.77-3.41,0-1.41.7-2.66,1.77-3.41-.23-1.34.2-2.7,1.16-3.66.96-.96,2.33-1.39,3.66-1.16.78-1.11,2.05-1.77,3.41-1.77,1.41,0,2.66.7,3.41,1.77,1.34-.23,2.7.2,3.66,1.16.96.96,1.39,2.33,1.16,3.66,1.11.78,1.77,2.05,1.77,3.41Z"/>`;
+export default shapeFlower;

package/src/shapeFlower.ts

@@ -0,0 +1,5 @@
+
+const shapeFlower = `<path d="M22,12c0,1.41-.7,2.66-1.77,3.41.23,1.34-.2,2.7-1.16,3.66-.96.96-2.33,1.39-3.66,1.16-.78,1.11-2.05,1.77-3.41,1.77-1.41,0-2.66-.7-3.41-1.77-1.34.23-2.7-.2-3.66-1.16-.96-.96-1.39-2.33-1.16-3.66-1.11-.78-1.77-2.05-1.77-3.41,0-1.41.7-2.66,1.77-3.41-.23-1.34.2-2.7,1.16-3.66.96-.96,2.33-1.39,3.66-1.16.78-1.11,2.05-1.77,3.41-1.77,1.41,0,2.66.7,3.41,1.77,1.34-.23,2.7.2,3.66,1.16.96.96,1.39,2.33,1.16,3.66,1.11.78,1.77,2.05,1.77,3.41Z"/>`;
+export default shapeFlower;
+
+

package/src/shapeSearch.js

@@ -0,0 +1,2 @@
+const shapeSearch = `<circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line>`;
+export default shapeSearch;

package/src/shapeSearch.ts

@@ -0,0 +1,3 @@
+const shapeSearch = `<circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line>`;
+export default shapeSearch;
+

package/src/shapeSquare.js

@@ -0,0 +1,2 @@
+const shapeSquare = `<rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>`;
+export default shapeSquare;

package/src/shapeSquare.ts

@@ -0,0 +1,2 @@
+const shapeSquare = `<rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>`;
+export default shapeSquare;

package/src/shapeSquircle.js

@@ -0,0 +1,2 @@
+const shapeSquircle = `<path d="M20.41,18.01c-.22,1.23-1.18,2.19-2.41,2.41-1.54.28-3.77.59-6.01.59s-4.47-.31-6.01-.59c-1.23-.22-2.19-1.18-2.41-2.41-.28-1.54-.59-3.77-.59-6.01s.31-4.47.59-6.01c.22-1.23,1.18-2.19,2.41-2.41,1.54-.28,3.77-.59,6.01-.59s4.47.31,6.01.59c1.23.22,2.19,1.18,2.41,2.41.28,1.54.59,3.77.59,6.01s-.31,4.47-.59,6.01Z"/>`;
+export default shapeSquircle;

package/src/shapeSquircle.ts

@@ -0,0 +1,4 @@
+const shapeSquircle = `<path d="M20.41,18.01c-.22,1.23-1.18,2.19-2.41,2.41-1.54.28-3.77.59-6.01.59s-4.47-.31-6.01-.59c-1.23-.22-2.19-1.18-2.41-2.41-.28-1.54-.59-3.77-.59-6.01s.31-4.47.59-6.01c.22-1.23,1.18-2.19,2.41-2.41,1.54-.28,3.77-.59,6.01-.59s4.47.31,6.01.59c1.23.22,2.19,1.18,2.41,2.41.28,1.54.59,3.77.59,6.01s-.31,4.47-.59,6.01Z"/>`;
+export default shapeSquircle;
+
+

package/src/shapeVolume.js

@@ -0,0 +1,2 @@
+const shapeVolume = `<polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon>`;
+export default shapeVolume;

package/src/shapeVolume.ts

@@ -0,0 +1,7 @@
+
+
+const shapeVolume = `<polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon>`;
+export default shapeVolume;
+
+
+

package/src/wrap.js

@@ -1,12 +1,13 @@
 import parseClasses from "@codady/utils/parseClasses";
 import rtlStyle from "./rtlStyle.js";
+import toKebabCase from "@codady/utils/toKebabCase";
 const wrap = (content, fun, isRtl = false, options) => {
-    const size = options?.size || '1em', color = options?.color || 'currentColor', thickness = options?.thickness || 2, classes = options?.classes ? parseClasses(options.classes).join(' ') : '', 
+    const size = options?.size || '1em', color = options?.color || 'currentColor', thickness = options?.thickness || 2, linecap = options?.linecap || 'round', linejoin = options?.linejoin || 'round', classes = options?.classes ? parseClasses(options.classes).join(' ') : '', 
     // 得到 "icax-left"
-    origName = fun.name.replace(/([A-Z])/g, "-$1").toLowerCase();
+    origName = toKebabCase(fun.name);
     return `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" stroke="${color}"
-          stroke-width="${thickness}" stroke-linecap="round" stroke-linejoin="round" class="${origName} ${classes}">
-          ${isRtl ? rtlStyle(origName.split('-')[1]) : ''}
+          stroke-width="${thickness}" stroke-linecap="${linecap}" stroke-linejoin="${linejoin}" class="${origName} ${classes}">
+          ${isRtl ? rtlStyle(origName) : ''}
           ${content}
       </svg>`;
 };

package/src/wrap.ts

@@ -6,6 +6,7 @@
 import parseClasses from "@codady/utils/parseClasses";
 import rtlStyle from "./rtlStyle.js";
 import { IcaxOptions } from "../types/icax.js";
+import toKebabCase from "@codady/utils/toKebabCase";
 
 
 
@@ -13,12 +14,14 @@ const wrap = (content: string, fun: Function, isRtl = false, options?: IcaxOptio
   const size = options?.size || '1em',
     color = options?.color || 'currentColor',
     thickness = options?.thickness || 2,
+    linecap = options?.linecap || 'round',
+    linejoin = options?.linejoin || 'round',
     classes = options?.classes ? parseClasses(options.classes).join(' ') : '',
     // 得到 "icax-left"
-    origName = fun.name.replace(/([A-Z])/g, "-$1").toLowerCase();
+    origName = toKebabCase(fun.name);
   return `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" stroke="${color}"
-          stroke-width="${thickness}" stroke-linecap="round" stroke-linejoin="round" class="${origName} ${classes}">
-          ${isRtl ? rtlStyle(origName.split('-')[1]) : ''}
+          stroke-width="${thickness}" stroke-linecap="${linecap}" stroke-linejoin="${linejoin}" class="${origName} ${classes}">
+          ${isRtl ? rtlStyle(origName) : ''}
           ${content}
       </svg>`;
 }

package/types/icax.d.ts

@@ -2,5 +2,7 @@ export type IcaxOptions = {
     size?: string | number;
     color?: string;
     thickness?: string | number;
-    classes?:string | string[]
+    linecap?: 'butt' | 'round' | 'square';
+    linejoin?: 'miter' | 'round' | 'bevel';
+    classes?: string | string[]
 }

package/src/icaxClipboard - /345/211/257/346/234/254.js"

@@ -1,3 +0,0 @@
-import wrap from "./wrap";
-const icaxClipboard = (options) => wrap(`<path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><rect x="8" y="2" width="8" height="4" rx="1" ry="1"></rect>`, icaxClipboard, options);
-export default icaxClipboard;

package/src/icaxClose - /345/211/257/346/234/254.js"

@@ -1,3 +0,0 @@
-import wrap from "./wrap";
-const icaxCopy = (options) => wrap(`<line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line>`, icaxCopy, options);
-export default icaxCopy;

package/src/icaxCopy - /345/211/257/346/234/254.js"

@@ -1,3 +0,0 @@
-import wrap from "./wrap";
-const icaxCopy = (options) => wrap(`<rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>`, icaxCopy, options);
-export default icaxCopy;

package/src/icaxDivide - /345/211/257/346/234/254.js"

@@ -1,3 +0,0 @@
-import wrap from "./wrap";
-const icaxDivide = (options) => wrap(`<circle cx="12" cy="6" r="2"></circle><line x1="5" y1="12" x2="19" y2="12"></line><circle cx="12" cy="18" r="2"></circle>`, icaxDivide, options);
-export default icaxDivide;

package/src/icaxLeft - /345/211/257/346/234/254.js"

@@ -1,3 +0,0 @@
-import wrap from "./wrap";
-const icaxLeft = (options) => wrap(`<polyline points="15 18 9 12 15 6"></polyline>`, icaxLeft, options);
-export default icaxLeft;

package/src/icaxLeft.js

@@ -1,3 +0,0 @@
-import wrap from "./wrap.js";
-const icaxLeft = (options) => wrap(`<polyline points="15 18 9 12 15 6"></polyline>`, icaxLeft, true, options);
-export default icaxLeft;

package/src/icaxLeft.ts

@@ -1,11 +0,0 @@
-import { IcaxOptions } from "../types/icax.js";
-import wrap from "./wrap.js";
-
-const icaxLeft = (options?: IcaxOptions): string =>
-    wrap(
-        `<polyline points="15 18 9 12 15 6"></polyline>`,
-        icaxLeft,
-        true,
-        options
-    );
-export default icaxLeft;

package/src/icaxMinus - /345/211/257/346/234/254.js"

@@ -1,3 +0,0 @@
-import wrap from "./wrap";
-const icaxMinus = (options) => wrap(`<line x1="5" y1="12" x2="19" y2="12"></line>`, icaxMinus, options);
-export default icaxMinus;

package/src/icaxPercent - /345/211/257/346/234/254.js"

@@ -1,3 +0,0 @@
-import wrap from "./wrap";
-const icaxPercent = (options) => wrap(`<line x1="19" y1="5" x2="5" y2="19"></line><circle cx="6.5" cy="6.5" r="2.5"></circle><circle cx="17.5" cy="17.5" r="2.5"></circle>`, icaxPercent, options);
-export default icaxPercent;

package/src/icaxPlus - /345/211/257/346/234/254.js"

@@ -1,3 +0,0 @@
-import wrap from "./wrap";
-const icaxPlus = (options) => wrap(`<line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line>`, icaxPlus, options);
-export default icaxPlus;

package/src/icaxRight - /345/211/257/346/234/254.js"

@@ -1,3 +0,0 @@
-import wrap from "./wrap";
-const icaxRight = (options) => wrap(`<polyline points="9 18 15 12 9 6"></polyline>`, icaxRight, options);
-export default icaxRight;

package/src/icaxRight.js

@@ -1,3 +0,0 @@
-import wrap from "./wrap.js";
-const icaxRight = (options) => wrap(`<polyline points="9 18 15 12 9 6"></polyline>`, icaxRight, true, options);
-export default icaxRight;

package/src/icaxRight.ts

@@ -1,11 +0,0 @@
-import { IcaxOptions } from "../types/icax.js";
-import wrap from "./wrap.js";
-
-const icaxRight = (options?: IcaxOptions): string =>
-    wrap(
-        `<polyline points="9 18 15 12 9 6"></polyline>`,
-        icaxRight,
-        true,
-        options
-    );
-export default icaxRight;

package/src/icaxSquare - /345/211/257/346/234/254.js"

@@ -1,3 +0,0 @@
-import wrap from "./wrap";
-const icaxDivide = (options) => wrap(`<circle cx="12" cy="6" r="2"></circle><line x1="5" y1="12" x2="19" y2="12"></line><circle cx="12" cy="18" r="2"></circle>`, icaxDivide, options);
-export default icaxDivide;