@test-icons/vue-next 0.0.10 → 0.0.12

package/dist/icons/ACane.d.ts

@@ -2,5 +2,5 @@
  * @file ACane 拐杖
  * @author Auto Generated by HaierIcons
  */
-declare const _default: VueConstructor<import("../runtime").IIconInstance>;
+declare const _default: any;
 export default _default;

package/dist/icons/ACane.js

@@ -1,3 +1,4 @@
+import { h } from 'vue';
 /**
  * @file ACane 拐杖
  * @author Auto Generated by HaierIcons
@@ -6,7 +7,7 @@
 /* tslint:disable: max-line-length */
 /* eslint-disable max-len */
 import { IconWrapper } from '../runtime';
-export default IconWrapper('a-cane', true, (h, props) => h("svg", {
+export default IconWrapper('a-cane', true, props => h("svg", {
   "attrs": {
     "width": props.size,
     "height": props.size,

package/dist/icons/Abdominal.d.ts

@@ -2,5 +2,5 @@
  * @file Abdominal 腹部
  * @author Auto Generated by HaierIcons
  */
-declare const _default: VueConstructor<import("../runtime").IIconInstance>;
+declare const _default: any;
 export default _default;

package/dist/icons/Abdominal.js

@@ -1,3 +1,4 @@
+import { h } from 'vue';
 /**
  * @file Abdominal 腹部
  * @author Auto Generated by HaierIcons
@@ -6,7 +7,7 @@
 /* tslint:disable: max-line-length */
 /* eslint-disable max-len */
 import { IconWrapper } from '../runtime';
-export default IconWrapper('abdominal', false, (h, props) => h("svg", {
+export default IconWrapper('abdominal', false, props => h("svg", {
   "attrs": {
     "width": props.size,
     "height": props.size,

package/dist/icons/Buou.d.ts

@@ -2,5 +2,5 @@
  * @file Buou 布偶猫
  * @author Auto Generated by HaierIcons
  */
-declare const _default: VueConstructor<import("../runtime").IIconInstance>;
+declare const _default: any;
 export default _default;

package/dist/icons/Buou.js

@@ -1,3 +1,4 @@
+import { h } from 'vue';
 /**
  * @file Buou 布偶猫
  * @author Auto Generated by HaierIcons
@@ -6,7 +7,7 @@
 /* tslint:disable: max-line-length */
 /* eslint-disable max-len */
 import { IconWrapper } from '../runtime';
-export default IconWrapper('buou', false, (h, props) => h("svg", {
+export default IconWrapper('buou', false, props => h("svg", {
   "attrs": {
     "t": "1781682016103",
     "viewBox": "0 0 1024 1024",

package/dist/icons/Juanxincai.d.ts

@@ -2,5 +2,5 @@
  * @file Juanxincai 卷心菜
  * @author Auto Generated by HaierIcons
  */
-declare const _default: VueConstructor<import("../runtime").IIconInstance>;
+declare const _default: any;
 export default _default;

package/dist/icons/Juanxincai.js

@@ -1,3 +1,4 @@
+import { h } from 'vue';
 /**
  * @file Juanxincai 卷心菜
  * @author Auto Generated by HaierIcons
@@ -6,7 +7,7 @@
 /* tslint:disable: max-line-length */
 /* eslint-disable max-len */
 import { IconWrapper } from '../runtime';
-export default IconWrapper('juanxincai', false, (h, props) => h("svg", {
+export default IconWrapper('juanxincai', false, props => h("svg", {
   "attrs": {
     "t": "1781681840975",
     "viewBox": "0 0 1024 1024",

package/dist/icons/Lachang.d.ts

@@ -2,5 +2,5 @@
  * @file Lachang 腊肠
  * @author Auto Generated by HaierIcons
  */
-declare const _default: VueConstructor<import("../runtime").IIconInstance>;
+declare const _default: any;
 export default _default;

package/dist/icons/Lachang.js

@@ -1,3 +1,4 @@
+import { h } from 'vue';
 /**
  * @file Lachang 腊肠
  * @author Auto Generated by HaierIcons
@@ -6,7 +7,7 @@
 /* tslint:disable: max-line-length */
 /* eslint-disable max-len */
 import { IconWrapper } from '../runtime';
-export default IconWrapper('lachang', false, (h, props) => h("svg", {
+export default IconWrapper('lachang', false, props => h("svg", {
   "attrs": {
     "t": "1781686054355",
     "viewBox": "0 0 1024 1024",

package/dist/icons/Quanji.d.ts

@@ -2,5 +2,5 @@
  * @file Quanji 拳击
  * @author Auto Generated by HaierIcons
  */
-declare const _default: VueConstructor<import("../runtime").IIconInstance>;
+declare const _default: any;
 export default _default;

package/dist/icons/Quanji.js

@@ -1,3 +1,4 @@
+import { h } from 'vue';
 /**
  * @file Quanji 拳击
  * @author Auto Generated by HaierIcons
@@ -6,7 +7,7 @@
 /* tslint:disable: max-line-length */
 /* eslint-disable max-len */
 import { IconWrapper } from '../runtime';
-export default IconWrapper('quanji', false, (h, props) => h("svg", {
+export default IconWrapper('quanji', false, props => h("svg", {
   "attrs": {
     "t": "1781686156830",
     "viewBox": "0 0 1024 1024",

package/dist/runtime/index.d.ts

@@ -0,0 +1,11 @@
+export declare const DEFAULT_ICON_CONFIGS: {
+    size: string;
+    rtl: boolean;
+    prefix: string;
+};
+export interface ISvgIconProps {
+    id: string;
+    size: number | string;
+}
+export declare function IconConverter(id: string, icon: any, config: any): ISvgIconProps;
+export declare function IconWrapper(name: string, rtl: boolean, render: (props: ISvgIconProps) => any): any;

package/dist/runtime/index.js

@@ -1,28 +1,9 @@
+import { h } from 'vue';
 /**
- * @file runtime 运行时
+ * @file runtime 运行时 (Vue 3)
  * @author Auto Generated by HaierIcons
  */
-
-import { h } from 'vue';
-
-// 包裹前的图标属性
-
-// 图标配置属性
-
-// 图标基础属性
-
-// 包裹后的图标属性
-
-// 渲染Help函数属性
-
-// 包裹前的图标实例
-
-// 包裹后的图标属性
-// eslint-disable-next-line max-len
-
-// 包裹前的图标渲染器
-
-// 包裹后的图标
+import { defineComponent, inject, h } from 'vue';
 
 // 默认属性
 export var DEFAULT_ICON_CONFIGS = {
@@ -42,40 +23,38 @@ export function IconConverter(id, icon, config) {
   };
 }
 
-// 图标Wrapper
+// 图标 Wrapper（Vue 3 Composition API）
 export function IconWrapper(name, rtl, render) {
-  var options = {
+  return defineComponent({
     name: 'icon-' + name,
-    inject: ['ICON_CONFIGS'],
-    props: ['size', 'spin'],
-    data() {
-      return {
-        id: guid()
-      };
-    },
-    inheritAttrs: false,
-    render(h) {
-      var h = arguments[0];
-      var size = this.size,
-        id = this.id,
-        spin = this.spin,
-        _this$ICON_CONFIGS = this.ICON_CONFIGS,
-        ICON_CONFIGS = _this$ICON_CONFIGS === void 0 ? DEFAULT_ICON_CONFIGS : _this$ICON_CONFIGS;
-      var svgProps = IconConverter(id, {
-        size
-      }, ICON_CONFIGS);
-      var cls = ['hi-icon'];
-      cls.push('hi-icon' + '-' + name);
-      if (rtl && ICON_CONFIGS.rtl) {
-        cls.push('hi-icon-rtl');
+    props: {
+      size: {
+        type: [String, Number],
+        default: undefined
+      },
+      spin: {
+        type: Boolean,
+        default: false
       }
-      if (spin) {
-        cls.push('hi-icon-spin');
-      }
-      return h("span", {
-        "class": cls.join(' ')
-      }, [render(h, svgProps)]);
+    },
+    setup(props) {
+      var ICON_CONFIGS = inject('ICON_CONFIGS', DEFAULT_ICON_CONFIGS);
+      var id = guid();
+      return () => {
+        var svgProps = IconConverter(id, {
+          size: props.size
+        }, ICON_CONFIGS);
+        var cls = ['hi-icon', 'hi-icon-' + name];
+        if (rtl && ICON_CONFIGS.rtl) {
+          cls.push('hi-icon-rtl');
+        }
+        if (props.spin) {
+          cls.push('hi-icon-spin');
+        }
+        return h('span', {
+          class: cls.join(' ')
+        }, [render(svgProps)]);
+      };
     }
-  };
-  return options;
+  });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@test-icons/vue-next",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "description": "Haier icon library - vue-next components",
   "main": "dist/index.js",
   "module": "dist/index.js",