@kne/modules-dev 2.1.15 → 2.1.16

package/dist/create-entry.js

@@ -1,4 +1,4 @@
-var React$1 = require('react');
+var react = require('react');
 var reactRouterDom = require('react-router-dom');
 var remoteLoader = require('@kne/remote-loader');
 var ensureSlash = require('@kne/ensure-slash');
@@ -9,6 +9,7 @@ var classnames = require('classnames');
 var ExampleDriver = require('@kne/example-driver');
 var hljs = require('highlight.js');
 require('highlight.js/styles/github.css');
+var jsxRuntime = require('react/jsx-runtime');
 var Fetch = require('@kne/react-fetch');
 var Icon = require('@kne/react-icon');
 
@@ -32,7 +33,6 @@ function _interopNamespace(e) {
   return n;
 }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
 var ensureSlash__default = /*#__PURE__*/_interopDefaultLegacy(ensureSlash);
 var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
@@ -69,18 +69,19 @@ const Highlight = ({
   html,
   ...props
 }) => {
-  const ref = React$1.useRef(null);
-  React$1.useEffect(() => {
+  const ref = react.useRef(null);
+  react.useEffect(() => {
     ref.current.querySelectorAll('pre code').forEach(el => {
       hljs__default["default"].highlightElement(el);
     });
   }, [html]);
-  return /*#__PURE__*/React__default["default"].createElement("div", _extends({}, props, {
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    ...props,
     ref: ref,
     dangerouslySetInnerHTML: {
       __html: html
     }
-  }));
+  });
 };
 
 const _excluded$1 = ["remoteModules", "children"];
@@ -93,7 +94,11 @@ const ExampleDriverContext = remoteLoader.createWithRemoteLoader({
     } = _ref,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   const [GlobalProvider] = remoteModules;
-  return /*#__PURE__*/React__default["default"].createElement(reactRouterDom.HashRouter, null, /*#__PURE__*/React__default["default"].createElement(GlobalProvider, props, children));
+  return /*#__PURE__*/jsxRuntime.jsx(reactRouterDom.HashRouter, {
+    children: /*#__PURE__*/jsxRuntime.jsx(GlobalProvider, _extends({}, props, {
+      children: children
+    }))
+  });
 });
 const ExampleContent = remoteLoader.createWithRemoteLoader({
   modules: ["components-core:Global@useGlobalContext", "components-core:Global@usePreset"]
@@ -108,17 +113,18 @@ const ExampleContent = remoteLoader.createWithRemoteLoader({
   } = useGlobalContext();
   const preset = usePreset();
   const exampleStyle = get__default["default"](data, 'example.style');
-  const DriverContext = React$1.useMemo(() => {
+  const DriverContext = react.useMemo(() => {
     return _ref3 => {
       let {
         children
       } = _ref3;
-      return /*#__PURE__*/React__default["default"].createElement(ExampleDriverContext, _extends({}, global, {
-        preset: preset
-      }), children);
+      return /*#__PURE__*/jsxRuntime.jsx(ExampleDriverContext, _extends({}, global, {
+        preset: preset,
+        children: children
+      }));
     };
   }, [global]);
-  React$1.useEffect(() => {
+  react.useEffect(() => {
     if (!exampleStyle) {
       return;
     }
@@ -129,38 +135,53 @@ const ExampleContent = remoteLoader.createWithRemoteLoader({
       document.head.removeChild(dom);
     };
   }, [exampleStyle]);
-  return /*#__PURE__*/React__default["default"].createElement(antd.Space, {
+  return /*#__PURE__*/jsxRuntime.jsxs(antd.Space, {
     className: classnames__default["default"]('container', style['main']),
-    direction: "vertical"
-  }, data.packageName && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("h2", {
-    className: style['part-title']
-  }, "\u5B89\u88C5"), /*#__PURE__*/React__default["default"].createElement(Highlight, {
-    className: "mark-down-html",
-    html: "<pre><code class=\"language-shell hljs\">npm install --save " + data.packageName + "</code></pre>"
-  })), data.description && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("h2", {
-    className: style['part-title']
-  }, "\u63CF\u8FF0"), /*#__PURE__*/React__default["default"].createElement(Highlight, {
-    className: "mark-down-html",
-    html: data.description
-  })), data.summary && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("h2", {
-    className: style['part-title']
-  }, "\u6982\u8FF0"), /*#__PURE__*/React__default["default"].createElement(Highlight, {
-    className: "mark-down-html",
-    html: data.summary
-  })), data.example.list && data.example.list.length > 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("h2", {
-    className: style['part-title']
-  }, "\u4EE3\u7801\u793A\u4F8B"), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classnames__default["default"](style['example'], data.example.className)
-  }, /*#__PURE__*/React__default["default"].createElement(ExampleDriver__default["default"], {
-    contextComponent: DriverContext,
-    isFull: data.example.isFull,
-    list: data.example.list
-  }))), /*#__PURE__*/React__default["default"].createElement("h2", {
-    className: style['part-title']
-  }, "API"), /*#__PURE__*/React__default["default"].createElement(Highlight, {
-    className: "mark-down-html",
-    html: data.api
-  }));
+    direction: "vertical",
+    children: [data.packageName && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx("h2", {
+        className: style['part-title'],
+        children: "\u5B89\u88C5"
+      }), /*#__PURE__*/jsxRuntime.jsx(Highlight, {
+        className: "mark-down-html",
+        html: "<pre><code class=\"language-shell hljs\">npm install --save " + data.packageName + "</code></pre>"
+      })]
+    }), data.description && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx("h2", {
+        className: style['part-title'],
+        children: "\u63CF\u8FF0"
+      }), /*#__PURE__*/jsxRuntime.jsx(Highlight, {
+        className: "mark-down-html",
+        html: data.description
+      })]
+    }), data.summary && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx("h2", {
+        className: style['part-title'],
+        children: "\u6982\u8FF0"
+      }), /*#__PURE__*/jsxRuntime.jsx(Highlight, {
+        className: "mark-down-html",
+        html: data.summary
+      })]
+    }), data.example.list && data.example.list.length > 0 && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx("h2", {
+        className: style['part-title'],
+        children: "\u4EE3\u7801\u793A\u4F8B"
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: classnames__default["default"](style['example'], data.example.className),
+        children: /*#__PURE__*/jsxRuntime.jsx(ExampleDriver__default["default"], {
+          contextComponent: DriverContext,
+          isFull: data.example.isFull,
+          list: data.example.list
+        })
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx("h2", {
+      className: style['part-title'],
+      children: "API"
+    }), /*#__PURE__*/jsxRuntime.jsx(Highlight, {
+      className: "mark-down-html",
+      html: data.api
+    })]
+  });
 });
 const ExamplePage = remoteLoader.createWithRemoteLoader({
   modules: ["components-core:Layout@Page", "components-core:Layout@Menu", "components-core:Global@useGlobalContext"]
@@ -173,15 +194,17 @@ const ExamplePage = remoteLoader.createWithRemoteLoader({
     pageProps = {}
   } = _ref4;
   const [Page, Menu] = remoteModules;
-  return /*#__PURE__*/React__default["default"].createElement(Page, _extends({
+  return /*#__PURE__*/jsxRuntime.jsx(Page, _extends({
     title: data.name,
     className: style['example-page'],
-    menu: items && items.length > 0 && /*#__PURE__*/React__default["default"].createElement(Menu, {
+    menu: items && items.length > 0 && /*#__PURE__*/jsxRuntime.jsx(Menu, {
       currentKey: current,
       items: items
     })
-  }, pageProps), /*#__PURE__*/React__default["default"].createElement(ExampleContent, {
-    data: data
+  }, pageProps, {
+    children: /*#__PURE__*/jsxRuntime.jsx(ExampleContent, {
+      data: data
+    })
   }));
 });
 
@@ -198,7 +221,7 @@ const Example = _ref => {
   const searchString = searchParams.size > 0 ? '?' + searchParams.toString() : '';
   const data = readme[current];
   if (!(current && readme[current])) {
-    return /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Navigate, {
+    return /*#__PURE__*/jsxRuntime.jsx(reactRouterDom.Navigate, {
       to: "" + ensureSlash__default["default"](baseUrl, true) + Object.keys(readme)[0] + searchString,
       replace: true
     });
@@ -207,7 +230,7 @@ const Example = _ref => {
     let {
       data
     } = _ref2;
-    return /*#__PURE__*/React__default["default"].createElement(ExamplePage, {
+    return /*#__PURE__*/jsxRuntime.jsx(ExamplePage, {
       pageProps: pageProps,
       data: data,
       current: current,
@@ -221,7 +244,7 @@ const Example = _ref => {
     });
   };
   if (data && data.hasOwnProperty('loader') || data.hasOwnProperty('url')) {
-    return /*#__PURE__*/React__default["default"].createElement(Fetch__default["default"], _extends({}, Object.assign({}, data), {
+    return /*#__PURE__*/jsxRuntime.jsx(Fetch__default["default"], _extends({}, Object.assign({}, data), {
       render: renderExamplePage
     }));
   }
@@ -240,14 +263,14 @@ const ModulesIsEmpty = _ref => {
   } = _ref;
   const location = reactRouterDom.useLocation();
   if (readme && Object.keys(readme).length > 0 && ensureSlash__default["default"](location.pathname, true) === baseUrl) {
-    return /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Navigate, {
+    return /*#__PURE__*/jsxRuntime.jsx(reactRouterDom.Navigate, {
       to: "" + baseUrl + Object.keys(readme)[0]
     });
   }
   if (readme && Object.keys(readme).length > 0) {
-    return /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Outlet, null);
+    return /*#__PURE__*/jsxRuntime.jsx(reactRouterDom.Outlet, {});
   }
-  return /*#__PURE__*/React__default["default"].createElement(antd.Result, {
+  return /*#__PURE__*/jsxRuntime.jsx(antd.Result, {
     status: "404",
     title: "\u6CA1\u6709\u68C0\u6D4B\u5230\u4E1A\u52A1\u7EC4\u4EF6",
     subTitle: "\u60A8\u53EF\u4EE5\u901A\u8FC7 modules-dev create \u547D\u4EE4\u521B\u5EFA\u7EC4\u4EF6\uFF0C\u5982\u679C\u5DF2\u7ECF\u6709\u7EC4\u4EF6\u8BF7\u68C0\u67E5\u73AF\u5883\u53D8\u91CF MODULES_DEV_BASE_DIR\u548CMODULES_DEV_ALIAS_NAME \u662F\u5426\u8BBE\u7F6E\u6B63\u786E"
@@ -261,8 +284,8 @@ const EntryButton = remoteLoader.createWithRemoteLoader({
   } = _ref2;
   const [Icon] = remoteModules;
   const navigate = reactRouterDom.useNavigate();
-  return /*#__PURE__*/React__default["default"].createElement(antd.FloatButton, {
-    icon: /*#__PURE__*/React__default["default"].createElement(Icon, {
+  return /*#__PURE__*/jsxRuntime.jsx(antd.FloatButton, {
+    icon: /*#__PURE__*/jsxRuntime.jsx(Icon, {
       className: "icon",
       type: "icon-liangdian"
     }),
@@ -281,14 +304,16 @@ const MainLayout = remoteLoader.createWithRemoteLoader({
     } = _ref3,
     props = _objectWithoutPropertiesLoose(_ref3, _excluded);
   const [Global, Layout] = remoteModules;
-  return /*#__PURE__*/React__default["default"].createElement(Global, _extends({}, props, {
-    preset: preset
-  }), /*#__PURE__*/React__default["default"].createElement(Layout, {
-    navigation: {
-      showIndex: false,
-      list: paths
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Outlet, null)));
+  return /*#__PURE__*/jsxRuntime.jsx(Global, _extends({}, props, {
+    preset: preset,
+    children: /*#__PURE__*/jsxRuntime.jsx(Layout, {
+      navigation: {
+        showIndex: false,
+        list: paths
+      },
+      children: /*#__PURE__*/jsxRuntime.jsx(reactRouterDom.Outlet, {})
+    })
+  }));
 });
 const ExampleRoutes = _ref4 => {
   let {
@@ -313,36 +338,40 @@ const ExampleRoutes = _ref4 => {
   const componentsBaseUrl = ensureSlash__default["default"](get__default["default"](componentsPath, 'path', '/'), true);
   const baseUrlPrefix = new RegExp("^" + ensureSlash__default["default"](baseUrl, true));
   const componentsRoutePath = ensureSlash__default["default"](componentsBaseUrl.replace(baseUrlPrefix, ''));
-  return /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Routes, null, /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Route, {
-    element: /*#__PURE__*/React__default["default"].createElement(MainLayout, _extends({
-      paths: paths,
-      preset: preset,
-      themeToken: themeToken
-    }, props))
-  }, componentsPath && /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Route, {
-    path: componentsRoutePath,
-    element: /*#__PURE__*/React__default["default"].createElement(ModulesIsEmpty, {
-      baseUrl: componentsBaseUrl,
-      readme: readme
-    })
-  }, /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Route, {
-    path: ":id",
-    element: /*#__PURE__*/React__default["default"].createElement(Example, {
-      baseUrl: componentsBaseUrl,
-      readme: readme,
-      pageProps: pageProps
-    })
-  }), /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Route, {
-    path: ":id/*",
-    element: /*#__PURE__*/React__default["default"].createElement(Example, {
-      baseUrl: componentsBaseUrl,
-      readme: readme,
-      pageProps: pageProps
-    })
-  }))), /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Route, {
-    path: "*",
-    element: children
-  }));
+  return /*#__PURE__*/jsxRuntime.jsxs(reactRouterDom.Routes, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(reactRouterDom.Route, {
+      element: /*#__PURE__*/jsxRuntime.jsx(MainLayout, _extends({
+        paths: paths,
+        preset: preset,
+        themeToken: themeToken
+      }, props)),
+      children: componentsPath && /*#__PURE__*/jsxRuntime.jsxs(reactRouterDom.Route, {
+        path: componentsRoutePath,
+        element: /*#__PURE__*/jsxRuntime.jsx(ModulesIsEmpty, {
+          baseUrl: componentsBaseUrl,
+          readme: readme
+        }),
+        children: [/*#__PURE__*/jsxRuntime.jsx(reactRouterDom.Route, {
+          path: ":id",
+          element: /*#__PURE__*/jsxRuntime.jsx(Example, {
+            baseUrl: componentsBaseUrl,
+            readme: readme,
+            pageProps: pageProps
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(reactRouterDom.Route, {
+          path: ":id/*",
+          element: /*#__PURE__*/jsxRuntime.jsx(Example, {
+            baseUrl: componentsBaseUrl,
+            readme: readme,
+            pageProps: pageProps
+          })
+        })]
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(reactRouterDom.Route, {
+      path: "*",
+      element: children
+    })]
+  });
 };
 const createEntry = WrappedComponents => _ref5 => {
   let {
@@ -353,29 +382,32 @@ const createEntry = WrappedComponents => _ref5 => {
       baseUrl = ''
     } = _ref5,
     props = _objectWithoutPropertiesLoose(_ref5, _excluded3);
-  const [readme, setReadme] = React$1.useState({});
-  React$1.useEffect(() => {
+  const [readme, setReadme] = react.useState({});
+  react.useEffect(() => {
     Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('readme')); }).then(module => {
       setReadme(module.__esModule === true ? module.default : module);
     });
   }, []);
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, Object.keys(readme).length > 0 ? /*#__PURE__*/React__default["default"].createElement(ExampleRoutes, {
-    preset: preset,
-    baseUrl: baseUrl,
-    projectName: projectName,
-    readme: readme,
-    pageProps: pageProps,
-    paths: [{
-      key: 'index',
-      path: '/',
-      title: '首页'
-    }, {
-      key: 'components',
-      path: baseUrl + "/modules-dev-components",
-      title: '组件'
-    }],
-    themeToken: themeToken
-  }, /*#__PURE__*/React__default["default"].createElement(WrappedComponents, props), /*#__PURE__*/React__default["default"].createElement(EntryButton, null)) : /*#__PURE__*/React__default["default"].createElement(WrappedComponents, props));
+  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: Object.keys(readme).length > 0 ? /*#__PURE__*/jsxRuntime.jsxs(ExampleRoutes, {
+      preset: preset,
+      baseUrl: baseUrl,
+      projectName: projectName,
+      readme: readme,
+      pageProps: pageProps,
+      paths: [{
+        key: 'index',
+        path: '/',
+        title: '首页'
+      }, {
+        key: 'components',
+        path: baseUrl + "/modules-dev-components",
+        title: '组件'
+      }],
+      themeToken: themeToken,
+      children: [/*#__PURE__*/jsxRuntime.jsx(WrappedComponents, _extends({}, props)), /*#__PURE__*/jsxRuntime.jsx(EntryButton, {})]
+    }) : /*#__PURE__*/jsxRuntime.jsx(WrappedComponents, _extends({}, props))
+  });
 };
 createEntry.Example = Example;
 createEntry.ExampleRoutes = ExampleRoutes;
@@ -386,74 +418,90 @@ const FontList = _ref => {
   let {
     fonts
   } = _ref;
-  const [value, setValue] = React$1.useState(30);
-  return /*#__PURE__*/React.createElement(antd.Flex, {
+  const [value, setValue] = react.useState(30);
+  return /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
     vertical: true,
-    gap: 20
-  }, /*#__PURE__*/React.createElement(antd.Flex, {
-    gap: 8
-  }, /*#__PURE__*/React.createElement("div", null, "\u8C03\u6574\u5927\u5C0F:"), /*#__PURE__*/React.createElement(antd.Slider, {
-    style: {
-      width: 100
-    },
-    max: 60,
-    min: 12,
-    value: value,
-    onChange: setValue
-  }), /*#__PURE__*/React.createElement("div", null, value, "px")), Object.keys(fonts).map(fontClassName => {
-    const {
-      glyphs: list
-    } = fonts[fontClassName];
-    const isColorful = /-colorful$/.test(fontClassName);
-    return /*#__PURE__*/React.createElement(antd.Flex, {
-      vertical: true,
+    gap: 20,
+    children: [/*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
       gap: 8,
-      key: fontClassName
-    }, /*#__PURE__*/React.createElement(antd.Typography.Title, {
-      level: 4
-    }, fontClassName), /*#__PURE__*/React.createElement(antd.Flex, {
-      gap: 12,
-      wrap: true
-    }, list.map(_ref2 => {
-      let {
-        font_class
-      } = _ref2;
-      return /*#__PURE__*/React.createElement(antd.Card, {
-        size: "small",
-        key: font_class
-      }, isColorful ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(antd.Flex, {
-        justify: "center"
-      }, /*#__PURE__*/React.createElement(Icon__default["default"], {
-        colorful: true,
-        type: font_class,
-        size: value
-      })), /*#__PURE__*/React.createElement(antd.Typography.Text, {
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        children: "\u8C03\u6574\u5927\u5C0F:"
+      }), /*#__PURE__*/jsxRuntime.jsx(antd.Slider, {
         style: {
-          display: 'block',
-          width: '120px',
-          wordBreak: 'break-all'
+          width: 100
         },
-        copyable: {
-          text: '<Icon colorful type="' + font_class + '" size={' + value + '}/>'
-        }
-      }, font_class)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(antd.Flex, {
-        justify: "center"
-      }, /*#__PURE__*/React.createElement(Icon__default["default"], {
-        type: font_class,
-        size: value,
-        fontClassName: fontClassName
-      })), /*#__PURE__*/React.createElement(antd.Typography.Text, {
-        style: {
-          display: 'block',
-          width: '120px',
-          wordBreak: 'break-all'
-        },
-        copyable: {
-          text: '<Icon type="' + font_class + '" size={' + value + '} fontClassName={' + fontClassName + '}/>'
-        }
-      }, font_class)));
-    })));
-  }));
+        max: 60,
+        min: 12,
+        value: value,
+        onChange: setValue
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        children: [value, "px"]
+      })]
+    }), Object.keys(fonts).map(fontClassName => {
+      const {
+        glyphs: list
+      } = fonts[fontClassName];
+      const isColorful = /-colorful$/.test(fontClassName);
+      return /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
+        vertical: true,
+        gap: 8,
+        children: [/*#__PURE__*/jsxRuntime.jsx(antd.Typography.Title, {
+          level: 4,
+          children: fontClassName
+        }), /*#__PURE__*/jsxRuntime.jsx(antd.Flex, {
+          gap: 12,
+          wrap: true,
+          children: list.map(_ref2 => {
+            let {
+              font_class
+            } = _ref2;
+            return /*#__PURE__*/jsxRuntime.jsx(antd.Card, {
+              size: "small",
+              children: isColorful ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                children: [/*#__PURE__*/jsxRuntime.jsx(antd.Flex, {
+                  justify: "center",
+                  children: /*#__PURE__*/jsxRuntime.jsx(Icon__default["default"], {
+                    colorful: true,
+                    type: font_class,
+                    size: value
+                  })
+                }), /*#__PURE__*/jsxRuntime.jsx(antd.Typography.Text, {
+                  style: {
+                    display: 'block',
+                    width: '120px',
+                    wordBreak: 'break-all'
+                  },
+                  copyable: {
+                    text: '<Icon colorful type="' + font_class + '" size={' + value + '}/>'
+                  },
+                  children: font_class
+                })]
+              }) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                children: [/*#__PURE__*/jsxRuntime.jsx(antd.Flex, {
+                  justify: "center",
+                  children: /*#__PURE__*/jsxRuntime.jsx(Icon__default["default"], {
+                    type: font_class,
+                    size: value,
+                    fontClassName: fontClassName
+                  })
+                }), /*#__PURE__*/jsxRuntime.jsx(antd.Typography.Text, {
+                  style: {
+                    display: 'block',
+                    width: '120px',
+                    wordBreak: 'break-all'
+                  },
+                  copyable: {
+                    text: '<Icon type="' + font_class + '" size={' + value + '} fontClassName={' + fontClassName + '}/>'
+                  },
+                  children: font_class
+                })]
+              })
+            }, font_class);
+          })
+        })]
+      }, fontClassName);
+    })]
+  });
 };
 
 exports.Example = Example;