@codady/icax 0.0.3 → 0.0.6

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 "../node_modules/@codady/utils/src/parseClasses";
-import { style } from "./style";
+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 ? style(origName.split('-')[1]) : ''}
+          stroke-width="${thickness}" stroke-linecap="${linecap}" stroke-linejoin="${linejoin}" class="${origName} ${classes}">
+          ${isRtl ? rtlStyle(origName) : ''}
           ${content}
       </svg>`;
 };

package/src/wrap.ts

@@ -1,17 +1,27 @@
-import parseClasses from "../node_modules/@codady/utils/src/parseClasses";
-import { IcaxOptions } from "../types/icax";
-import { style } from "./style";
+
+
+
+
+
+import parseClasses from "@codady/utils/parseClasses";
+import rtlStyle from "./rtlStyle.js";
+import { IcaxOptions } from "../types/icax.js";
+import toKebabCase from "@codady/utils/toKebabCase";
+
+
 
 const wrap = (content: string, fun: Function, isRtl = false, options?: IcaxOptions): string => {
   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 ? style(origName.split('-')[1]) : ''}
+          stroke-width="${thickness}" stroke-linecap="${linecap}" stroke-linejoin="${linejoin}" class="${origName} ${classes}">
+          ${isRtl ? rtlStyle(origName) : ''}
           ${content}
       </svg>`;
 }

package/tsconfig.json

@@ -22,13 +22,13 @@
     // "useDefineForClassFields": true,                  /* Emit ECMAScript-standard-compliant class fields. */
     // "moduleDetection": "auto",                        /* Control what method is used to detect module-format JS files. */
     /* Modules */
-    "module": "es2020", /* Specify what module code is generated. */
+    "module": "nodenext", /* Specify what module code is generated. */
     // "rootDir": "./",                                  /* Specify the root folder within your source files. */
-    // "moduleResolution": "node10",                     /* Specify how TypeScript looks up a file from a given module specifier. */
-    // "baseUrl": "./",                                  /* Specify the base directory to resolve non-relative module names. */
+     "moduleResolution": "nodenext",                     /* Specify how TypeScript looks up a file from a given module specifier. */
+     //"baseUrl": "./",                                  /* Specify the base directory to resolve non-relative module names. */
     // "paths": {},                                      /* Specify a set of entries that re-map imports to additional lookup locations. */
     // "rootDirs": [],                                   /* Allow multiple folders to be treated as one when resolving modules. */
-    // "typeRoots": [],                                  /* Specify multiple folders that act like './node_modules/@types'. */
+    // "typeRoots": [],                                /* Specify multiple folders that act like './node_modules/@types'. */
      "types": ["node"],                                      /* Specify type package names to be included without being referenced in a source file. */
     // "allowUmdGlobalAccess": true,                     /* Allow accessing UMD globals from modules. */
     // "moduleSuffixes": [],                             /* List of file name suffixes to search when resolving a module. */

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";
-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";
-import wrap from "./wrap";
-
-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";
-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";
-import wrap from "./wrap";
-
-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;

package/src/style.js

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

package/src/style.ts

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