gxxc-ui 1.0.51 → 1.0.53

package/dist/HtmlTemplateRenderer/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function HtmlTemplateRenderer(props: any): React.JSX.Element;

package/dist/HtmlTemplateRenderer/index.js

@@ -0,0 +1,34 @@
+import React, { useMemo } from 'react';
+import parse, { Element } from 'html-react-parser';
+export default function HtmlTemplateRenderer(props) {
+  /// config 格式 {key : <>内容</> }
+  var template = props.template,
+    config = props.config;
+  var processedHtml = useMemo(function () {
+    if (!template) return '';
+    var parser = new DOMParser();
+    var doc = parser.parseFromString(template, 'text/html');
+    var firstChild = doc.body.children[0];
+    if (!firstChild) return '';
+    var firstElementHtml = firstChild.outerHTML;
+    var variableRegex = /\$\{([^}]+)\}/g;
+    return firstElementHtml.replace(variableRegex, function (match, varName) {
+      return "<my-ts value=\"".concat(varName.trim(), "\"></my-ts>");
+    });
+  }, [template]);
+  var options = useMemo(function () {
+    return {
+      replace: function replace(domNode) {
+        if (domNode instanceof Element && domNode.name === 'my-ts') {
+          var varName = domNode.attribs['value'];
+          return config[varName];
+        }
+      }
+    };
+  }, [config]);
+  var renderedContent = useMemo(function () {
+    if (!processedHtml) return null;
+    return parse(processedHtml, options);
+  }, [processedHtml, options]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, renderedContent);
+}

package/dist/ImageUI/index.js

@@ -12,7 +12,7 @@ import { DownloadOutlined, RotateLeftOutlined, RotateRightOutlined, SwapOutlined
 import { Image, Space } from 'antd';
 import React from 'react';
 import { IconUI } from "./..";
-import { file_url_is_image, file_url_is_video } from 'gxxc-util';
+import { file_getMatchFormat, file_url_is_image, file_url_is_video, getFileThumbnailByFormat } from 'gxxc-util';
 import "./index.scss";
 var ImageUI = function ImageUI(props) {
   var className = props.className,
@@ -140,20 +140,23 @@ var ImageUI = function ImageUI(props) {
           playsInline: true
         });
       } else {
-        return /*#__PURE__*/React.createElement("div", {
-          style: {
-            width: width,
-            height: height,
-            border: '1px solid #eee',
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center'
-          }
-        }, /*#__PURE__*/React.createElement(IconUI, {
-          name: "Excel",
-          size: "30",
-          fill: "#333"
-        }));
+        var match = file_getMatchFormat(src);
+        var thumb = getFileThumbnailByFormat((match === null || match === void 0 ? void 0 : match[2]) || '');
+        return /*#__PURE__*/React.createElement(Image, _extends({
+          src: thumb
+        }, otherProps));
+        // return <div
+        //   style={{
+        //     width:width ,
+        //     height: height,
+        //     border: '1px solid #eee',
+        //     display: 'flex',
+        //     justifyContent: 'center',
+        //     alignItems:'center',
+        //   }}
+        // >
+        //   <IconUI name="Excel" size="30" fill="#333" />
+        // </div>
       }
     };
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {

package/dist/index.d.ts

@@ -33,3 +33,4 @@ export { default as Tiga } from './Tiga';
 export { default as UploadUI } from './UploadUI';
 export { default as VesselUI } from './VesselUI';
 export { default as VideoPreviewUI } from './VideoPreviewUI';
+export { default as HtmlTemplateRenderer } from './HtmlTemplateRenderer';

package/dist/index.js

@@ -1,35 +1,270 @@
-import '@icon-park/react/styles/index.css';
-export * from 'antd';
-export { default as AmountCellUI } from "./AmountCellUI";
-export { default as AnchorUI } from "./AnchorUI";
-export { default as BackUI } from "./BackUI";
-export { default as BroadcastUI } from "./BroadcastUI";
-export { default as ButtonUI } from "./ButtonUI";
-export { default as CellUI } from "./CellUI";
-export { default as DateUI } from "./DateUI";
-export { default as DescriptionsUI } from "./DescriptionsUI";
-export { default as EmptyUI } from "./EmptyUI";
-export { default as FilterUI } from "./FilterUI";
-export { default as FormUI } from "./FormUI";
-export { default as IconUI } from "./IconUI";
-export { default as ImageUI } from "./ImageUI";
-export { default as InputUI } from "./InputUI";
-export { default as LoadingUI } from "./LoadingUI";
-export { default as MessageUI } from "./MessageUI";
-export { default as ModalUI } from "./ModalUI";
-export { default as NotificationUI } from "./NotificationUI";
-export { default as PasswordStrongUI } from "./PasswordStrongUI";
-export { default as RichEditorUI } from "./RichEditorUI";
-export { default as SearchUI } from "./SearchUI";
-export { default as SearchNumberUI } from "./SearchNumberUI";
-export { default as SelectUI } from "./SelectUI";
-export { default as StatisticUI } from "./StatisticUI";
-export { default as SwitchUI } from "./SwitchUI";
-export { default as TableUI } from "./TableUI";
-export { default as TagUI } from "./TagUI";
-export { default as TestUI } from "./TestUI";
-export { default as TextUI } from "./TextUI";
-export { default as Tiga } from "./Tiga";
-export { default as UploadUI } from "./UploadUI";
-export { default as VesselUI } from "./VesselUI";
-export { default as VideoPreviewUI } from "./VideoPreviewUI";
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function get() {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = this && this.__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HtmlTemplateRenderer = exports.VideoPreviewUI = exports.VesselUI = exports.UploadUI = exports.Tiga = exports.TextUI = exports.TestUI = exports.TagUI = exports.TableUI = exports.SwitchUI = exports.StatisticUI = exports.SelectUI = exports.SearchNumberUI = exports.SearchUI = exports.RichEditorUI = exports.PasswordStrongUI = exports.NotificationUI = exports.ModalUI = exports.MessageUI = exports.LoadingUI = exports.InputUI = exports.ImageUI = exports.IconUI = exports.FormUI = exports.FilterUI = exports.EmptyUI = exports.DescriptionsUI = exports.DateUI = exports.CellUI = exports.ButtonUI = exports.BroadcastUI = exports.BackUI = exports.AnchorUI = exports.AmountCellUI = void 0;
+require("@icon-park/react/styles/index.css");
+__exportStar(require("antd"), exports);
+var AmountCellUI_1 = require("./AmountCellUI");
+Object.defineProperty(exports, "AmountCellUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(AmountCellUI_1).default;
+  }
+});
+var AnchorUI_1 = require("./AnchorUI");
+Object.defineProperty(exports, "AnchorUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(AnchorUI_1).default;
+  }
+});
+var BackUI_1 = require("./BackUI");
+Object.defineProperty(exports, "BackUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(BackUI_1).default;
+  }
+});
+var BroadcastUI_1 = require("./BroadcastUI");
+Object.defineProperty(exports, "BroadcastUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(BroadcastUI_1).default;
+  }
+});
+var ButtonUI_1 = require("./ButtonUI");
+Object.defineProperty(exports, "ButtonUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(ButtonUI_1).default;
+  }
+});
+var CellUI_1 = require("./CellUI");
+Object.defineProperty(exports, "CellUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(CellUI_1).default;
+  }
+});
+var DateUI_1 = require("./DateUI");
+Object.defineProperty(exports, "DateUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(DateUI_1).default;
+  }
+});
+var DescriptionsUI_1 = require("./DescriptionsUI");
+Object.defineProperty(exports, "DescriptionsUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(DescriptionsUI_1).default;
+  }
+});
+var EmptyUI_1 = require("./EmptyUI");
+Object.defineProperty(exports, "EmptyUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(EmptyUI_1).default;
+  }
+});
+var FilterUI_1 = require("./FilterUI");
+Object.defineProperty(exports, "FilterUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(FilterUI_1).default;
+  }
+});
+var FormUI_1 = require("./FormUI");
+Object.defineProperty(exports, "FormUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(FormUI_1).default;
+  }
+});
+var IconUI_1 = require("./IconUI");
+Object.defineProperty(exports, "IconUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(IconUI_1).default;
+  }
+});
+var ImageUI_1 = require("./ImageUI");
+Object.defineProperty(exports, "ImageUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(ImageUI_1).default;
+  }
+});
+var InputUI_1 = require("./InputUI");
+Object.defineProperty(exports, "InputUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(InputUI_1).default;
+  }
+});
+var LoadingUI_1 = require("./LoadingUI");
+Object.defineProperty(exports, "LoadingUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(LoadingUI_1).default;
+  }
+});
+var MessageUI_1 = require("./MessageUI");
+Object.defineProperty(exports, "MessageUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(MessageUI_1).default;
+  }
+});
+var ModalUI_1 = require("./ModalUI");
+Object.defineProperty(exports, "ModalUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(ModalUI_1).default;
+  }
+});
+var NotificationUI_1 = require("./NotificationUI");
+Object.defineProperty(exports, "NotificationUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(NotificationUI_1).default;
+  }
+});
+var PasswordStrongUI_1 = require("./PasswordStrongUI");
+Object.defineProperty(exports, "PasswordStrongUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(PasswordStrongUI_1).default;
+  }
+});
+var RichEditorUI_1 = require("./RichEditorUI");
+Object.defineProperty(exports, "RichEditorUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(RichEditorUI_1).default;
+  }
+});
+var SearchUI_1 = require("./SearchUI");
+Object.defineProperty(exports, "SearchUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(SearchUI_1).default;
+  }
+});
+var SearchNumberUI_1 = require("./SearchNumberUI");
+Object.defineProperty(exports, "SearchNumberUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(SearchNumberUI_1).default;
+  }
+});
+var SelectUI_1 = require("./SelectUI");
+Object.defineProperty(exports, "SelectUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(SelectUI_1).default;
+  }
+});
+var StatisticUI_1 = require("./StatisticUI");
+Object.defineProperty(exports, "StatisticUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(StatisticUI_1).default;
+  }
+});
+var SwitchUI_1 = require("./SwitchUI");
+Object.defineProperty(exports, "SwitchUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(SwitchUI_1).default;
+  }
+});
+var TableUI_1 = require("./TableUI");
+Object.defineProperty(exports, "TableUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(TableUI_1).default;
+  }
+});
+var TagUI_1 = require("./TagUI");
+Object.defineProperty(exports, "TagUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(TagUI_1).default;
+  }
+});
+var TestUI_1 = require("./TestUI");
+Object.defineProperty(exports, "TestUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(TestUI_1).default;
+  }
+});
+var TextUI_1 = require("./TextUI");
+Object.defineProperty(exports, "TextUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(TextUI_1).default;
+  }
+});
+var Tiga_1 = require("./Tiga");
+Object.defineProperty(exports, "Tiga", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(Tiga_1).default;
+  }
+});
+var UploadUI_1 = require("./UploadUI");
+Object.defineProperty(exports, "UploadUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(UploadUI_1).default;
+  }
+});
+var VesselUI_1 = require("./VesselUI");
+Object.defineProperty(exports, "VesselUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(VesselUI_1).default;
+  }
+});
+var VideoPreviewUI_1 = require("./VideoPreviewUI");
+Object.defineProperty(exports, "VideoPreviewUI", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(VideoPreviewUI_1).default;
+  }
+});
+var HtmlTemplateRenderer_1 = require("./HtmlTemplateRenderer");
+Object.defineProperty(exports, "HtmlTemplateRenderer", {
+  enumerable: true,
+  get: function get() {
+    return __importDefault(HtmlTemplateRenderer_1).default;
+  }
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gxxc-ui",
-  "version": "1.0.51",
+  "version": "1.0.53",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "dist/index.js",
@@ -51,11 +51,12 @@
     "antd": "^5.27.1",
     "axios": "^1.7.9",
     "dayjs": "^1.11.11",
+    "gxxc-util": "^1.0.21",
+    "html-react-parser": "^6.1.2",
     "lodash": "^4.17.21",
     "react-countup": "^6.5.3",
     "react-draggable": "^4.4.6",
-    "react-router-dom": "^6.13.0",
-    "gxxc-util": "^1.0.19"
+    "react-router-dom": "^6.13.0"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.1.2",