@test-icons/react 0.0.1 → 0.0.2

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,10 @@
+/**
+ * @file ACane 拐杖
+ * @author Auto Generated by HaierIcons
+ */
+/* tslint:disable: max-line-length */
+/* eslint-disable max-len */
+import React from 'react';
+import { IconWrapper } from '../runtime';
+export default IconWrapper('a-cane', true, (props) => (React.createElement("svg", { width: props.size, height: props.size, viewBox: "0 0 48 48", fill: "none" },
+    React.createElement("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], strokeWidth: props.strokeWidth, strokeLinecap: props.strokeLinecap, strokeLinejoin: props.strokeLinejoin }))));

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,13 @@
+/**
+ * @file Abdominal 腹部
+ * @author Auto Generated by HaierIcons
+ */
+/* tslint:disable: max-line-length */
+/* eslint-disable max-len */
+import React from 'react';
+import { IconWrapper } from '../runtime';
+export default IconWrapper('abdominal', false, (props) => (React.createElement("svg", { width: props.size, height: props.size, viewBox: "0 0 48 48", fill: "none" },
+    React.createElement("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], strokeWidth: props.strokeWidth, strokeLinecap: props.strokeLinecap }),
+    React.createElement("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], strokeWidth: props.strokeWidth, strokeLinecap: props.strokeLinecap }),
+    React.createElement("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], strokeWidth: props.strokeWidth, strokeLinecap: props.strokeLinecap }),
+    React.createElement("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] }))));

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.css

@@ -0,0 +1,31 @@
+/**
+ * @file index 样式文件
+ * @author Auto Generated by HaierIcons
+ */
+.hi-icon {
+  display: inline-block;
+  color: inherit;
+  font-style: normal;
+  line-height: 0;
+  text-align: center;
+  text-transform: none;
+  vertical-align: -0.125em;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.hi-icon-spin svg {
+  animation: hi-icon-spin 1s infinite linear;
+}
+@keyframes hi-icon-spin {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@-webkit-keyframes hi-icon-spin {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}

package/dist/runtime/index.d.ts

@@ -0,0 +1,64 @@
+/**
+ * @file runtime 运行时
+ * @author Auto Generated by HaierIcons
+ */
+import React, { HTMLAttributes, ReactElement } from 'react';
+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;
+    rtl: boolean;
+    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 Intersection<T, K> = T & Omit<K, keyof T>;
+export interface IIcon extends IIconBase {
+    spin?: boolean;
+}
+export type IIconProps = Intersection<IIcon, HTMLAttributes<HTMLSpanElement>>;
+export type IconRender = (props: ISvgIconProps) => ReactElement;
+export type Icon = (props: IIconProps) => ReactElement;
+export declare const DEFAULT_ICON_CONFIGS: IIconConfig;
+export declare function IconConverter(id: string, icon: IIconBase, config: IIconConfig): ISvgIconProps;
+export declare const IconProvider: React.Provider<IIconConfig>;
+export declare function IconWrapper(name: string, rtl: boolean, render: IconRender): Icon;

package/{src/runtime/index.tsx → dist/runtime/index.js}

@@ -2,133 +2,20 @@
  * @file runtime 运行时
  * @author Auto Generated by HaierIcons
  */
-
-import React, {HTMLAttributes, ReactElement, createContext, useContext, useMemo} from 'react';
-
-// 描边连接类型
-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
-    id: string;
-
-    // 图标尺寸大小，默认1em
-    size: number | string;
-
-    // 描边宽度
-    strokeWidth: number;
-
-    // 描边端点类型
-    strokeLinecap: StrokeLinecap;
-
-    // 描边连接线类型
-    strokeLinejoin: StrokeLinejoin;
-
-    // 换肤的颜色数组
-    colors: string[];
-}
-
-// 图标配置属性
-export interface IIconConfig {
-
-    // 图标尺寸大小，默认1em
-    size: number | string;
-
-    // 描边宽度
-    strokeWidth: number;
-
-    // 描边端点类型
-    strokeLinecap: StrokeLinecap;
-
-    // 描边连接线类型
-    strokeLinejoin: StrokeLinejoin;
-
-    // CSS前缀
-    prefix: string;
-
-    // RTL是否开启
-    rtl: boolean;
-
-    // 默认主题
-    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 {
-
-    // 图标尺寸大小，默认1em
-    size?: number | string;
-
-    // 描边宽度
-    strokeWidth?: number;
-
-    // 描边端点类型
-    strokeLinecap?: StrokeLinecap;
-
-    // 描边连接线类型
-    strokeLinejoin?: StrokeLinejoin;
-
-    // 默认主题
-    theme?: Theme;
-
-    // 填充色
-    fill?: string | string[];
-}
-
-// 安全的类型合并
-export type Intersection<T, K> = T & Omit<K, keyof T>;
-
-// 包裹后的图标非扩展属性
-export interface IIcon extends IIconBase {
-    spin?: boolean;
-}
-
-// 包裹后的图标属性
-export type IIconProps = Intersection<IIcon, HTMLAttributes<HTMLSpanElement>>;
-
-// 包裹前的图标
-export type IconRender = (props: ISvgIconProps) => ReactElement;
-
-// 包裹后的图标
-export type Icon = (props: IIconProps) => ReactElement;
-
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { createContext, useContext, useMemo } from 'react';
 // 默认属性
-export const DEFAULT_ICON_CONFIGS: IIconConfig = {
+export const DEFAULT_ICON_CONFIGS = {
     size: '1em',
     strokeWidth: 4,
     strokeLinecap: 'round',
@@ -157,19 +44,14 @@ export const DEFAULT_ICON_CONFIGS: IIconConfig = {
     },
     prefix: 'hi'
 };
-
-function guid(): string {
+function guid() {
     return 'icon-' + (((1 + Math.random()) * 0x100000000) | 0).toString(16).substring(1);
 }
-
 // 属性转换函数
-export function IconConverter(id: string, icon: IIconBase, config: IIconConfig): ISvgIconProps {
-
+export function IconConverter(id, icon, config) {
     const fill = typeof icon.fill === 'string' ? [icon.fill] : icon.fill || [];
-    const colors: string[] = [];
-
-    const theme: Theme = icon.theme || config.theme;
-
+    const colors = [];
+    const theme = icon.theme || config.theme;
     switch (theme) {
         case 'outline':
             colors.push(typeof fill[0] === 'string' ? fill[0] : 'currentColor');
@@ -196,7 +78,6 @@ export function IconConverter(id: string, icon: IIconBase, config: IIconConfig):
             colors.push(typeof fill[3] === 'string' ? fill[3] : config.colors.multiColor.innerFillColor);
             break;
     }
-
     return {
         size: icon.size || config.size,
         strokeWidth: icon.strokeWidth || config.strokeWidth,
@@ -206,34 +87,16 @@ export function IconConverter(id: string, icon: IIconBase, config: IIconConfig):
         id
     };
 }
-
 // 图标配置Context
 const IconContext = createContext(DEFAULT_ICON_CONFIGS);
-
 // 图标配置Provider
 export const IconProvider = IconContext.Provider;
-
 // 图标Wrapper
-export function IconWrapper(name: string, rtl: boolean, render: IconRender): Icon {
-
-    return (props: IIconProps) => {
-
-        const {
-            size,
-            strokeWidth,
-            strokeLinecap,
-            strokeLinejoin,
-            theme,
-            fill,
-            className,
-            spin,
-            ...extra
-        } = props;
-
+export function IconWrapper(name, rtl, render) {
+    return (props) => {
+        const { size, strokeWidth, strokeLinecap, strokeLinejoin, theme, fill, className, spin } = props, extra = __rest(props, ["size", "strokeWidth", "strokeLinecap", "strokeLinejoin", "theme", "fill", "className", "spin"]);
         const config = useContext(IconContext);
-
         const id = useMemo(guid, []);
-
         const svgProps = IconConverter(id, {
             size,
             strokeWidth,
@@ -242,27 +105,17 @@ export function IconWrapper(name: string, rtl: boolean, render: IconRender): Ico
             theme,
             fill
         }, config);
-
-        const cls: string[] = ['hi-icon'];
-
+        const cls = ['hi-icon'];
         cls.push('hi-icon' + '-' + name);
-
         if (rtl && config.rtl) {
             cls.push('hi-icon-rtl');
         }
-
         if (spin) {
             cls.push('hi-icon-spin');
         }
-
         if (className) {
             cls.push(className);
         }
-
-        return (
-            <span {...extra} className={cls.join(' ')}>
-                {render(svgProps)}
-            </span>
-        );
+        return (React.createElement("span", Object.assign({}, extra, { className: cls.join(' ') }), render(svgProps)));
     };
 }

package/package.json

@@ -1,12 +1,22 @@
 {
   "name": "@test-icons/react",
-  "version": "0.0.1",
-  "description": "test icon library - react components",
-  "main": "src/index.ts",
+  "version": "0.0.2",
+  "description": "Test icon library - react components",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
   "files": [
-    "src"
+    "dist"
+  ],
+  "style": "dist/runtime/index.css",
+  "sideEffects": [
+    "*.css",
+    "*.less"
   ],
   "license": "MIT",
+  "peerDependencies": {
+    "react": ">=16.8.0"
+  },
   "publishConfig": {
     "access": "public"
   }

package/src/icons/ACane.tsx

@@ -1,30 +0,0 @@
-/**
- * @file ACane 拐杖
- * @author Auto Generated by HaierIcons
- */
-
-/* tslint:disable: max-line-length */
-/* eslint-disable max-len */
-import React from 'react';
-import {ISvgIconProps, IconWrapper} from '../runtime';
-
-export default IconWrapper(
-    'a-cane',
-    true,
-    (props: ISvgIconProps) => (
-        <svg
-            width={props.size}
-            height={props.size}
-            viewBox="0 0 48 48"
-            fill="none"
-        >
-            <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]}
-                strokeWidth={props.strokeWidth}
-                strokeLinecap={props.strokeLinecap}
-                strokeLinejoin={props.strokeLinejoin}
-            />
-        </svg>
-    )
-);

package/src/icons/Abdominal.tsx

@@ -1,45 +0,0 @@
-/**
- * @file Abdominal 腹部
- * @author Auto Generated by HaierIcons
- */
-
-/* tslint:disable: max-line-length */
-/* eslint-disable max-len */
-import React from 'react';
-import {ISvgIconProps, IconWrapper} from '../runtime';
-
-export default IconWrapper(
-    'abdominal',
-    false,
-    (props: ISvgIconProps) => (
-        <svg
-            width={props.size}
-            height={props.size}
-            viewBox="0 0 48 48"
-            fill="none"
-        >
-            <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]}
-                strokeWidth={props.strokeWidth}
-                strokeLinecap={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]}
-                strokeWidth={props.strokeWidth}
-                strokeLinecap={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]}
-                strokeWidth={props.strokeWidth}
-                strokeLinecap={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/src/index.ts

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

package/src/runtime/index.less

@@ -1,36 +0,0 @@
-/**
- * @file index 样式文件
- * @author Auto Generated by HaierIcons
- */
-
-.hi-icon {
-    display: inline-block;
-    color: inherit;
-    font-style: normal;
-    line-height: 0;
-    text-align: center;
-    text-transform: none;
-    vertical-align: -0.125em;
-    text-rendering: optimizeLegibility;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-
-    &-spin svg {
-        animation: hi-icon-spin 1s infinite linear;
-    }
-}
-
-@keyframes hi-icon-spin {
-    100% {
-        -webkit-transform: rotate(360deg);
-        transform: rotate(360deg)
-    }
-}
-
-@-webkit-keyframes hi-icon-spin {
-    100% {
-        -webkit-transform: rotate(360deg);
-        transform: rotate(360deg)
-    }
-}
-