@test-icons/svg 0.0.3

package/dist/icons/ACane.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @file ACane 拐杖
+ * @author Auto Generated by HaierIcons
+ */
+declare const _default: import("../runtime").Icon;
+export default _default;

package/dist/icons/ACane.js

@@ -0,0 +1,11 @@
+/**
+ * @file ACane 拐杖
+ * @author Auto Generated by HaierIcons
+ */
+/* tslint:disable: max-line-length */
+/* eslint-disable max-len */
+import { IconWrapper } from '../runtime';
+export default IconWrapper('a-cane', (props) => ('<?xml version="1.0" encoding="UTF-8"?>'
+    + '<svg width="' + props.size + '" height="' + props.size + '" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">'
+    + '<path d="M19.5576 44.7684C19.5576 44.7684 32.468 20.4873 33.6417 18.28C34.8154 16.0726 37.4535 8.98102 30.3899 5.22524C23.3263 1.46947 19.1571 7.18063 17.7486 9.82948" stroke="' + props.colors[0] + '" stroke-width="' + props.strokeWidth + '" stroke-linecap="' + props.strokeLinecap + '" stroke-linejoin="' + props.strokeLinejoin + '"/>'
+    + '</svg>'));

package/dist/icons/Abdominal.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @file Abdominal 腹部
+ * @author Auto Generated by HaierIcons
+ */
+declare const _default: import("../runtime").Icon;
+export default _default;

package/dist/icons/Abdominal.js

@@ -0,0 +1,14 @@
+/**
+ * @file Abdominal 腹部
+ * @author Auto Generated by HaierIcons
+ */
+/* tslint:disable: max-line-length */
+/* eslint-disable max-len */
+import { IconWrapper } from '../runtime';
+export default IconWrapper('abdominal', (props) => ('<?xml version="1.0" encoding="UTF-8"?>'
+    + '<svg width="' + props.size + '" height="' + props.size + '" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">'
+    + '<path d="M7.89926 5C10.7371 8.01931 12.156 11.9408 12.156 16.7645C12.156 24 5.9995 29.5382 4.969 33.5C4.282 36.1412 3.95884 39.3078 3.9995 43" stroke="' + props.colors[0] + '" stroke-width="' + props.strokeWidth + '" stroke-linecap="' + props.strokeLinecap + '"/>'
+    + '<path d="M39.256 5C36.4182 8.01931 34.9992 11.9408 34.9992 16.7645C34.9992 24 41.1558 29.5382 42.1863 33.5C42.8733 36.1412 43.1964 39.3078 43.1558 43" stroke="' + props.colors[0] + '" stroke-width="' + props.strokeWidth + '" stroke-linecap="' + props.strokeLinecap + '"/>'
+    + '<path d="M6.24414 30.8369C12.7693 34.9668 18.6949 37.0317 24.0211 37.0317C29.3472 37.0317 34.9799 34.9668 40.9192 30.8369" stroke="' + props.colors[0] + '" stroke-width="' + props.strokeWidth + '" stroke-linecap="' + props.strokeLinecap + '"/>'
+    + '<path d="M24 31C25.3807 31 26.5 29.8807 26.5 28.5C26.5 27.1193 25.3807 26 24 26C22.6193 26 21.5 27.1193 21.5 28.5C21.5 29.8807 22.6193 31 24 31Z" fill="' + props.colors[0] + '"/>'
+    + '</svg>'));

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @file index 引用出口
+ * @author Auto Generated by HaierIcons
+ */
+export { default as ACane } from './icons/ACane';
+export { default as Abdominal } from './icons/Abdominal';

package/dist/index.js

@@ -0,0 +1,6 @@
+/**
+ * @file index 引用出口
+ * @author Auto Generated by HaierIcons
+ */
+export { default as ACane } from './icons/ACane';
+export { default as Abdominal } from './icons/Abdominal';

package/dist/runtime/index.d.ts

@@ -0,0 +1,60 @@
+/**
+ * @file runtime 运行时
+ * @author Auto Generated by HaierIcons
+ */
+export type StrokeLinejoin = 'miter' | 'round' | 'bevel';
+export type StrokeLinecap = 'butt' | 'round' | 'square';
+export type Theme = 'outline' | 'filled' | 'two-tone' | 'multi-color';
+export interface ISvgIconProps {
+    id: string;
+    size: number | string;
+    strokeWidth: number;
+    strokeLinecap: StrokeLinecap;
+    strokeLinejoin: StrokeLinejoin;
+    colors: string[];
+}
+export interface IIconConfig {
+    size: number | string;
+    strokeWidth: number;
+    strokeLinecap: StrokeLinecap;
+    strokeLinejoin: StrokeLinejoin;
+    prefix: string;
+    theme: Theme;
+    colors: {
+        outline: {
+            fill: string;
+            background: string;
+        };
+        filled: {
+            fill: string;
+            background: string;
+        };
+        twoTone: {
+            fill: string;
+            twoTone: string;
+        };
+        multiColor: {
+            outStrokeColor: string;
+            outFillColor: string;
+            innerStrokeColor: string;
+            innerFillColor: string;
+        };
+    };
+}
+export interface IIconBase {
+    size?: number | string;
+    strokeWidth?: number;
+    strokeLinecap?: StrokeLinecap;
+    strokeLinejoin?: StrokeLinejoin;
+    theme?: Theme;
+    fill?: string | string[];
+}
+export type IIcon = IIconBase;
+export type IIconProps = IIconBase;
+export type IconRender = (props: ISvgIconProps) => string;
+export type Icon = (props: IIconProps) => string;
+export declare const DEFAULT_ICON_CONFIGS: IIconConfig;
+export declare function IconConverter(id: string, icon: IIconBase, config: IIconConfig): ISvgIconProps;
+export declare function setConfig(config: IIconConfig): void;
+export declare function getConfig(): IIconConfig;
+export declare function IconWrapper(name: string, render: IconRender): Icon;

package/dist/runtime/index.js

@@ -0,0 +1,92 @@
+/**
+ * @file runtime 运行时
+ * @author Auto Generated by HaierIcons
+ */
+// 默认属性
+export const DEFAULT_ICON_CONFIGS = {
+    size: '1em',
+    strokeWidth: 4,
+    strokeLinecap: 'round',
+    strokeLinejoin: 'round',
+    theme: 'outline',
+    colors: {
+        outline: {
+            fill: '#333',
+            background: 'transparent'
+        },
+        filled: {
+            fill: '#333',
+            background: '#FFF'
+        },
+        twoTone: {
+            fill: '#333',
+            twoTone: '#2F88FF'
+        },
+        multiColor: {
+            outStrokeColor: '#333',
+            outFillColor: '#2F88FF',
+            innerStrokeColor: '#FFF',
+            innerFillColor: '#43CCF8'
+        }
+    },
+    prefix: 'hi'
+};
+function guid() {
+    return 'icon-' + (((1 + Math.random()) * 0x100000000) | 0).toString(16).substring(1);
+}
+// 属性转换函数
+export function IconConverter(id, icon, config) {
+    const fill = typeof icon.fill === 'string' ? [icon.fill] : icon.fill || [];
+    const colors = [];
+    const theme = icon.theme || config.theme;
+    switch (theme) {
+        case 'outline':
+            colors.push(typeof fill[0] === 'string' ? fill[0] : 'currentColor');
+            colors.push('transparent');
+            colors.push(typeof fill[0] === 'string' ? fill[0] : 'currentColor');
+            colors.push('transparent');
+            break;
+        case 'filled':
+            colors.push(typeof fill[0] === 'string' ? fill[0] : 'currentColor');
+            colors.push(typeof fill[0] === 'string' ? fill[0] : 'currentColor');
+            colors.push('#FFF');
+            colors.push('#FFF');
+            break;
+        case 'two-tone':
+            colors.push(typeof fill[0] === 'string' ? fill[0] : 'currentColor');
+            colors.push(typeof fill[1] === 'string' ? fill[1] : config.colors.twoTone.twoTone);
+            colors.push(typeof fill[0] === 'string' ? fill[0] : 'currentColor');
+            colors.push(typeof fill[1] === 'string' ? fill[1] : config.colors.twoTone.twoTone);
+            break;
+        case 'multi-color':
+            colors.push(typeof fill[0] === 'string' ? fill[0] : 'currentColor');
+            colors.push(typeof fill[1] === 'string' ? fill[1] : config.colors.multiColor.outFillColor);
+            colors.push(typeof fill[2] === 'string' ? fill[2] : config.colors.multiColor.innerStrokeColor);
+            colors.push(typeof fill[3] === 'string' ? fill[3] : config.colors.multiColor.innerFillColor);
+            break;
+    }
+    return {
+        size: icon.size || config.size,
+        strokeWidth: icon.strokeWidth || config.strokeWidth,
+        strokeLinecap: icon.strokeLinecap || config.strokeLinecap,
+        strokeLinejoin: icon.strokeLinejoin || config.strokeLinejoin,
+        colors,
+        id
+    };
+}
+// 图标配置
+let currentConfig = DEFAULT_ICON_CONFIGS;
+export function setConfig(config) {
+    currentConfig = config;
+}
+export function getConfig() {
+    return currentConfig;
+}
+// 图标Wrapper
+export function IconWrapper(name, render) {
+    return (props) => {
+        const config = getConfig();
+        const svgProps = IconConverter(guid(), props, config);
+        return render(svgProps);
+    };
+}

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@test-icons/svg",
+  "version": "0.0.3",
+  "description": "Test icon library - svg components",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "style": "dist/runtime/index.css",
+  "sideEffects": [
+    "*.css",
+    "*.less"
+  ],
+  "license": "MIT",
+  "peerDependencies": {},
+  "publishConfig": {
+    "access": "public"
+  }
+}