@pisell/common 0.0.31 → 0.0.32

package/es/components/Iconfont/index.js

@@ -1,5 +1,4 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _getConfig, _getConfig$ENV;
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -14,14 +13,26 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
  * @LastEditTime: 2022-07-15 09:09
  */
 import { createFromIconfontCN } from '@ant-design/icons';
-import React from 'react';
+import React, { useMemo } from 'react';
 import { getConfig } from "../../config";
 import { jsx as _jsx } from "react/jsx-runtime";
-var MyIcon = createFromIconfontCN({
-  scriptUrl: ((_getConfig = getConfig()) === null || _getConfig === void 0 ? void 0 : (_getConfig$ENV = _getConfig.ENV) === null || _getConfig$ENV === void 0 ? void 0 : _getConfig$ENV.static) + '/static/fonts/iconfont/iconfont.js?q=' + new Date().getTime() // 在 iconfont.cn 上生成
-});
+var createIconfontInstance = function () {
+  var MyIcon = null;
+  return function () {
+    if (!MyIcon) {
+      var _getConfig, _getConfig$ENV;
+      MyIcon = createFromIconfontCN({
+        scriptUrl: ((_getConfig = getConfig()) === null || _getConfig === void 0 ? void 0 : (_getConfig$ENV = _getConfig.ENV) === null || _getConfig$ENV === void 0 ? void 0 : _getConfig$ENV.static) + '/static/fonts/iconfont/iconfont.js?q=' + new Date().getTime() // 在 iconfont.cn 上生成
+      });
+    }
 
+    return MyIcon;
+  };
+}();
 var IconFont = function IconFont(props) {
+  var MyIcon = useMemo(function () {
+    return createIconfontInstance();
+  }, []);
   return /*#__PURE__*/_jsx(MyIcon, _objectSpread(_objectSpread({}, props), {}, {
     className: props.className
   }));

package/lib/components/Iconfont/index.js

@@ -35,12 +35,23 @@ module.exports = __toCommonJS(Iconfont_exports);
 var import_icons = require("@ant-design/icons");
 var import_react = __toESM(require("react"));
 var import_config = require("../../config");
-var _a, _b;
-var MyIcon = (0, import_icons.createFromIconfontCN)({
-  scriptUrl: ((_b = (_a = (0, import_config.getConfig)()) == null ? void 0 : _a.ENV) == null ? void 0 : _b.static) + "/static/fonts/iconfont/iconfont.js?q=" + new Date().getTime()
-  // 在 iconfont.cn 上生成
-});
+var createIconfontInstance = (() => {
+  let MyIcon = null;
+  return () => {
+    var _a, _b;
+    if (!MyIcon) {
+      MyIcon = (0, import_icons.createFromIconfontCN)({
+        scriptUrl: ((_b = (_a = (0, import_config.getConfig)()) == null ? void 0 : _a.ENV) == null ? void 0 : _b.static) + "/static/fonts/iconfont/iconfont.js?q=" + new Date().getTime()
+        // 在 iconfont.cn 上生成
+      });
+    }
+    return MyIcon;
+  };
+})();
 var IconFont = (props) => {
+  const MyIcon = (0, import_react.useMemo)(() => {
+    return createIconfontInstance();
+  }, []);
   return /* @__PURE__ */ import_react.default.createElement(MyIcon, { ...props, className: props.className });
 };
 var Iconfont_default = IconFont;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/common",
-  "version": "0.0.31",
+  "version": "0.0.32",
   "description": "A collection of reusable UI components for web development",
   "license": "MIT",
   "sideEffects": [