@cloud-app-dev/vidc 3.2.3 → 3.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/es/Picture/component/Tools/index.d.ts +0 -1
  2. package/es/Picture/component/Tools/index.js +1 -2
  3. package/es/Player/single_player.js +9 -4
  4. package/es/Player/util.js +1 -4
  5. package/package.json +1 -1
  6. package/test.html +0 -16
  7. package/test.js +0 -96
package/es/Picture/component/Tools/index.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  import React from 'react';
2
2
  import './index.less';
3
- import '../../../Player/style/iconfont';
4
3
  interface IToolsProps {
5
4
  scale: number;
6
5
  imgDownload: () => void;
package/es/Picture/component/Tools/index.js CHANGED
@@ -1,10 +1,9 @@
1
1
  import "antd/lib/tooltip/style";
2
2
  import _Tooltip from "antd/lib/tooltip";
3
3
  import React from 'react';
4
- import IconFont from '../../../IconFont';
4
+ import IconFont from '../../../Player/iconfont';
5
5
  import FullScreen from '../../../FullScreen';
6
6
  import "./index.css";
7
- import '../../../Player/style/iconfont';
8
7
  function Tools(_ref) {
9
8
  var scale = _ref.scale,
10
9
  imgDownload = _ref.imgDownload,
package/es/Player/single_player.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import _useUpdateEffect from "ahooks/es/useUpdateEffect";
2
+ import _useLatest from "ahooks/es/useLatest";
2
3
  import _useToggle3 from "ahooks/es/useToggle";
3
4
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
4
5
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -85,6 +86,8 @@ var SinglePlayer = /*#__PURE__*/React.forwardRef(function (_a, ref) {
85
86
  var hasLink = useMemo(function () {
86
87
  return !!url || !!flvConfig.mediaDataSource.segments && vType === 'flv';
87
88
  }, [url, flvConfig.mediaDataSource.segments, vType]);
89
+ var hlsRef = _useLatest(hls);
90
+ var flvRef = _useLatest(flv);
88
91
  // 存储容器
89
92
  useEffect(function () {
90
93
  setState(function (old) {
@@ -100,10 +103,10 @@ var SinglePlayer = /*#__PURE__*/React.forwardRef(function (_a, ref) {
100
103
  }, [url]);
101
104
  // 特殊接口实现 reload是可能被重写的,但是API只暴露原生的方法
102
105
  var reload = function reload() {
103
- return playReload(video, event, flv, hls, url);
106
+ return playReload(video, event, flvRef.current, hlsRef.current, url);
104
107
  };
105
108
  var unload = function unload() {
106
- return playUnload(video, flv, hls);
109
+ return playUnload(video, flvRef.current, hlsRef.current);
107
110
  };
108
111
  var openFpsPlay = function openFpsPlay() {
109
112
  setState(function (old) {
@@ -165,10 +168,12 @@ var SinglePlayer = /*#__PURE__*/React.forwardRef(function (_a, ref) {
165
168
  container: state.container,
166
169
  api: playApi,
167
170
  event: playEvent,
168
- plugins: [flv, hls],
171
+ plugins: [flvRef.current, hlsRef.current],
169
172
  fit: fit
170
173
  };
171
- }, [video, state.container, playApi, playEvent, flv, hls, fit]);
174
+ },
175
+ // eslint-disable-next-line react-hooks/exhaustive-deps
176
+ [video, state.container, playApi, playEvent, fit]);
172
177
  _useUpdateEffect(function () {
173
178
  return api && event && video ? onCanPlayerInit === null || onCanPlayerInit === void 0 ? void 0 : onCanPlayerInit() : undefined;
174
179
  }, [api, event, video]);
package/es/Player/util.js CHANGED
@@ -48,11 +48,9 @@ export function createFlvPlayer(video, url, isLive, flvConfig) {
48
48
  return player;
49
49
  }
50
50
  export var playReload = function playReload(video, event, flv, hls, url) {
51
- video.pause();
52
- video.removeAttribute('src');
51
+ playUnload(video, flv, hls);
53
52
  if (flv) {
54
53
  tryCatch(function () {
55
- flv.unload();
56
54
  flv.load();
57
55
  flv.play();
58
56
  });
@@ -61,7 +59,6 @@ export var playReload = function playReload(video, event, flv, hls, url) {
61
59
  tryCatch(function () {
62
60
  hls.swapAudioCodec();
63
61
  hls.recoverMediaError();
64
- hls.stopLoad();
65
62
  hls.startLoad();
66
63
  hls.loadSource(url);
67
64
  video.play();
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "private": false,
3
3
  "name": "@cloud-app-dev/vidc",
4
4
  "description": "Video Image Data Componennts",
5
- "version": "3.2.3",
5
+ "version": "3.2.5",
6
6
  "scripts": {
7
7
  "start": "dumi dev",
8
8
  "docs:build": "dumi build",
package/test.html DELETED
@@ -1,16 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
- <title>Document</title>
8
- <script src="./test.js"></script>
9
- </head>
10
- <body>
11
- <script>
12
- const html = `<p class=MsoNormal ><span ><font face="仿宋_GB2312" >涉案服装合格证上带有</font><font face="仿宋_GB2312" >“售后服务热线：18928955232”等信息；购物小票显示该店地址为“芙蓉中路一段88号天健芙蓉盛，汇名仓外贸服装店（小门东1门旁）”，并且带有“合作热线：188-1184-0024、13360003040”等信息；店内宣传有“DHC二维码”等信息。涉案服装合格证上带有“‘</font></span><img width="720" height="720" src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2671.png" ><span ><font face="仿宋_GB2312" >’商标、</font></span><span><a href="http://www.dhcfs.com" ><u><span class="16" ><font face="仿宋_GB2312" >www.dhcfs.com</font></span></u></a></span><span ><font face="仿宋_GB2312" >网址</font><font face="仿宋_GB2312" >”等信息，下方显示地址为“开平市幕沙路70号益华广场B幢131室”；购物小票上显示官网网址为“</font></span><span><a href="http://www.dhcfs.com" ><u><span class="16" ><font face="仿宋_GB2312" >www.dhcfs.com</font></span></u></a></span><span ><font face="仿宋_GB2312" >”；购物塑料袋上带有“‘</font></span><img width="720" height="720" src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2672.png" ><a href="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2672.png">11111</a><span ><font face="仿宋_GB2312" >’商标、</font></span><span><a href="http://www.dhcfs.com" ><u><span class="16" ><font face="仿宋_GB2312" >www.dhcfs.com</font></span></u></a></span><span ><font face="仿宋_GB2312" >网址</font><font face="仿宋_GB2312" >”等信息。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal ><span ><font face="仿宋_GB2312" >被</font><font face="仿宋_GB2312" >1：同其他实物证据意见一致。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal ><span ><font face="仿宋_GB2312" >被</font><font face="仿宋_GB2312" >2、4：同上意见。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal ><span ><font face="仿宋_GB2312" >原：出示证据</font><font face="仿宋_GB2312" >12封存实物。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal ><span ><font face="仿宋_GB2312" >？：各被告确认被控侵权产品封存是否完好。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal ><span ><font face="仿宋_GB2312" >被</font><font face="仿宋_GB2312" >1：完好。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal ><span ><font face="仿宋_GB2312" >被</font><font face="仿宋_GB2312" >2、4：完好。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal ><span ><font face="仿宋_GB2312" >？：当庭开启，发表比对意见。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal ><span ><font face="仿宋_GB2312" >原：（</font><font face="仿宋_GB2312" >1）1件蓝色棒球运动服，正面带有“</font></span><img width="1576" height="1440" src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2673.jpg" ><span ><font face="仿宋_GB2312" >” “YANKEES”标识，与原告第4336076号、第4336075号注册商标相同，背面带有“YANKEES”标识，与原告第4336075号注册商标相同，衣袖带有“</font></span><img width="2560" height="1390" src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2674.jpg" ><span ><font face="仿宋_GB2312" >”标识，与原告第1800888号注册商标相同，纽扣使用“MLB”标识，与原告第4336063号注册商标相同，水洗标带有“</font></span><img width="1249" height="720" src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2675.jpg" ><span ><font face="仿宋_GB2312" >” “MLB”标识，与原告第506821号、第4336063号注册商标相同；</font></span><span ><o:p></o:p></span></p><p class=MsoNormal ><span ><font face="仿宋_GB2312" >（</font><font face="仿宋_GB2312" >2）1条紫色裤子，正面带有“</font></span><img width="1440" height="1932" src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2676.jpg" ><span ><font face="仿宋_GB2312" >” “</font></span><img width="1280" height="652" src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2677.jpg" ><span ><font face="仿宋_GB2312" >”标识，与原告第506820号、第4336084号注册商标相同，裤子的背面带有“</font></span><img width="2560" height="1390" src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2678.jpg" ><span ><font face="仿宋_GB2312" >”标识，与原告第1800888号注册商标相同，水洗标带有“</font></span><img width="1249" height="720" src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2679.jpg" ><span ><font face="仿宋_GB2312" >” “MLB”标识，与原告第506821号、第4336063号注册商标相同。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal ><span ><font face="仿宋_GB2312" >被</font><font face="仿宋_GB2312" >1：真实性、合法性无异议，关联性不认可。该商品并非被告1销售，也没有证据证明该商品属于侵权商品，销售方有可能是从合法途径进货销售的。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal ><span ><font face="仿宋_GB2312" >被</font><font face="仿宋_GB2312" >2、4：同被告1意见。关于购物袋和卡牌的意见与证据8一致。被告胡拔庆与</font></span><span ><font face="仿宋_GB2312" >大汇仓设计室旗下店铺</font><font face="仿宋_GB2312" >“汇名仓 外贸出口成衣工厂店”（长沙华创店）有其他自有品牌合作，没有授权其在该被控侵权产品上使用，该商品来源我方也不清楚，应当由该店铺经营者自行陈述。涉案产品也不是我方销售给涉案店铺的。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal ><span ><font face="仿宋_GB2312" >原：出示证据</font><font face="仿宋_GB2312" >14封存实物。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal ><span ><font face="仿宋_GB2312" >？：各被告确认被控侵权产品封存是否完好。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal ><span ><font face="仿宋_GB2312" >被</font><font face="仿宋_GB2312" >1：完好。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal ><span ><font face="仿宋_GB2312" >被</font><font face="仿宋_GB2312" >2、4：完好。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal ><span ><font face="仿宋_GB2312" >？：当庭开启，发表比对意见。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal ><span ><font face="仿宋_GB2312" >原：（</font><font face="仿宋_GB2312" >1）1件深蓝色棒球服，正面带有“</font></span><img width="1576" height="1440" src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2680.jpg" ><span ><font face="仿宋_GB2312" >” “YANKEES”标识，与原告第4336076号、第4336075号注册商标相同，背面带有“</font></span><img width="2560" height="1386" src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2681.jpg" ><span ><font face="仿宋_GB2312" >”标识，与原告第</font></span><span >1800888</span><span ><font face="仿宋_GB2312" >号注册商标相同，纽扣使用</font><font face="仿宋_GB2312" >“MLB”标识，与原告第4336063号注册商标相同，水洗标带有“</font></span><img width="1241" height="720" src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2682.jpg" ><span ><font face="仿宋_GB2312" >” “MLB”标识，与原告第</font></span><span >506821</span><span ><font face="仿宋_GB2312" >号、第</font><font face="仿宋_GB2312" >4336063号注册商标相同；</font></span><span ><o:p></o:p></span></p><p class=MsoNormal ><span ><font face="仿宋_GB2312" >（</font><font face="仿宋_GB2312" >2）1件蓝色卫衣，正面带有“</font></span><img width="1440" height="1540" src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2683.jpg" ><span ><font face="仿宋_GB2312" >” “YANKEES”标识，与原告第</font></span><span >506836</span><span ><font face="仿宋_GB2312" >号、第</font><font face="仿宋_GB2312" >4336075号注册商标相同，水洗标带有“</font></span><img width="1241" height="720" src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2684.jpg" ><span ><font face="仿宋_GB2312" >” “MLB”标识，与原告第</font></span><span >506821</span><span ><font face="仿宋_GB2312" >号、第</font><font face="仿宋_GB2312" >4336063号注册商标相同。蓝色卫衣吊牌“大汇仓”商标以及网站与其他被控侵权产品实物一致，但是吊牌上售后服务热线为4008088140，经销商为南京庆创服饰有限公司。</font></span><span ><o:p></o:p></span></p><table class=MsoTableGrid border=1 cellspacing=0 ><tr><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td></tr><tr><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td></tr><tr><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td></tr><tr><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td></tr><tr><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td></tr><tr><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td><td width=66 valign=top ><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p></td></tr></table><p class=MsoNormal ><span ><o:p>&nbsp;</o:p></span></p><p class=MsoNormal ><span ><font face="仿宋_GB2312" >被</font><font face="仿宋_GB2312" >1：与其他侵权实物证据质证意见一致。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal ><span ><font face="仿宋_GB2312" >被</font><font face="仿宋_GB2312" >2、4：公证书、实物真实性、合法性无异议，认可蓝色棒球服上的卡牌是被告、4提供，但是蓝色卫衣该吊牌上所显示公司并不存在，该卡牌长的与被告2、4提供的卡牌有部分相似之处，但并不是被告提供，不清楚来源，细看发现字体和颜色是有差异的。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal ><span ><font face="仿宋_GB2312" >原：从蓝色卫衣上的大汇仓商标和网站信息可以将商品来源指向被告</font><font face="仿宋_GB2312" >2、4。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal ><span ><font face="仿宋_GB2312" >原：出示证据</font><font face="仿宋_GB2312" >16封存实物。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal ><span ><font face="仿宋_GB2312" >？：各被告确认被控侵权产品封存是否完好。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal ><span ><font face="仿宋_GB2312" >被</font><font face="仿宋_GB2312" >1：完好。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal ><span ><font face="仿宋_GB2312" >被</font><font face="仿宋_GB2312" >2、4：完好。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal ><span ><font face="仿宋_GB2312" >？：当庭开启，发表比对意见。</font></span><span ><o:p></o:p></span></p><p class=MsoNormal ><span ><font face="仿宋_GB2312" >原：</font><font face="仿宋_GB2312" >1件蓝色棒球运动服，正面带有“</font></span><img width="1576" height="1440" src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2685.jpg" ><span ><font face="仿宋_GB2312" >” “YANKEES”标识，与原告第4336076号、第4336075号注册商标相同，背面带有“</font></span><img width="2560" height="1390" src="file:////private/var/folders/51/wvlmktvs2r3__qp4bg2q5nbm0000gn/T/com.kingsoft.wpsoffice.mac/wps-huang/ksohtml//wps2686.jpg" ><span ><font face="仿宋_GB2312" >”标识，与原告第1800888号注册商标相同，纽扣带有“MLB”标识，与原告第4336063号注册商标相同，水</font></span></p>`
13
- document.body.innerHTML = parseHtml(html)
14
- </script>
15
- </body>
16
- </html>
package/test.js DELETED
@@ -1,96 +0,0 @@
1
- const igrone_tag = ['table', 'ul', 'ol', 'img'];
2
-
3
- /**
4
- *
5
- * @param {string} html
6
- * @returns {HTMLElement}
7
- */
8
- function parseHtml(html) {
9
- let htmlstr = '';
10
- const doc = new DOMParser().parseFromString(html, 'text/html');
11
- Array.from(doc.body.childNodes).forEach((item) => {
12
- const tag = item.tagName ? item.tagName.toLowerCase() : '';
13
- const html_str = getNodeHTML(item);
14
- htmlstr += igrone_tag.includes(tag) ? html_str : `<p class="parse-html-p">${html_str}</p>`;
15
- });
16
- return htmlstr;
17
- }
18
-
19
- const filter_map = {
20
- img: filterImgAttr,
21
- table: filterTableAttr,
22
- };
23
-
24
- /**
25
- *
26
- * @param {HTMLElement} node HTML
27
- * @returns {string}
28
- */
29
- function getNodeHTML(node, html = '') {
30
- if (node.nodeType === 3) {
31
- html += node.textContent.replace(/\s/, '');
32
- return html;
33
- }
34
-
35
- // 过滤其他
36
- if (node.nodeType !== 1) {
37
- return html;
38
- }
39
-
40
- const tag = node.tagName.toLowerCase();
41
-
42
- switch (tag) {
43
- case 'img':
44
- case 'table':
45
- filter_map[tag](node);
46
- html += node.outerHTML;
47
- break;
48
- default:
49
- const childNodes = node.childNodes;
50
- if (childNodes.length > 0) {
51
- Array.from(childNodes).forEach((item) => {
52
- html += getNodeHTML(item); // 合并标签处理，并且递归处理子元素
53
- });
54
- } else {
55
- html += node.innerText.replace(/\s/, '');
56
- }
57
- break;
58
- }
59
- return html;
60
- }
61
-
62
- /**
63
- *
64
- * @param {HTMLElement} node
65
- */
66
- function filterImgAttr(node) {
67
- node.removeAttribute('width');
68
- node.removeAttribute('height');
69
-
70
- // 非顶层的img定义成行内元素，顶层定义为块元素
71
- if (node.parentNode !== document.body) {
72
- node.setAttribute('width', 40);
73
- node.setAttribute('class', 'parse-html-img-inline');
74
- } else {
75
- node.style.display = 'block';
76
- node.setAttribute('class', 'parse-html-img-block');
77
- }
78
- }
79
-
80
- /**
81
- *
82
- * @param {HTMLTableElement} node
83
- */
84
- function filterTableAttr(node) {
85
- // 表格自适应
86
- node.setAttribute('width', '100%');
87
- node.setAttribute('class', 'parse-html-table');
88
- const tds = node.querySelectorAll('td');
89
- Array.from(tds).forEach((item_td) => {
90
- //td 自适应
91
- item_td.removeAttribute('width');
92
-
93
- //格式化td内容
94
- item_td.innerHTML = parseHtml(item_td.innerHTML);
95
- });
96
- }