@yilianjituan/yilian_dgerm 0.0.1-alpha.24 → 0.0.1-alpha.25

package/README.md

@@ -100,4 +100,10 @@ MIT
 7、更换组件库 web-module-dumi -> @yilianjituan/yilian_dgerm
 8、依赖适配与打包
 9、宿主引用测试
-10、PageTemplate 适配，开放属性 buttonTheme 作为按钮颜色属性
+10、PageTemplate 适配，开放属性 buttonTheme 作为按钮颜色属性
+
+# 2024.10.29 更新日志
+1、DropDownSelect 传参调整(抽离业务)
+2、PageTemplate 宿主样式调整
+3、dumi框架路由调整（区分业务组件与纯组件）
+4、结构调整后宿主引用测试

package/dist/components/ReactEcharts/index.d.ts

@@ -0,0 +1,3 @@
+import { EchartsProps } from './index.interface';
+import React from 'react';
+export default function Index(props: EchartsProps): React.JSX.Element;

package/dist/components/ReactEcharts/index.interface.d.ts

@@ -0,0 +1,14 @@
+export interface EchartsProps {
+    /**
+     * @description dom挂载id
+     */
+    id: string;
+    /**
+     * @description 图表配置
+     */
+    option: any;
+    /**
+    * @description 图表样式
+    */
+    style: any;
+}

package/dist/components/ReactEcharts/index.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/components/ReactEcharts/index.js

@@ -0,0 +1,17 @@
+import { useEffect } from 'react';
+import * as echarts from 'echarts';
+import React from 'react';
+export default function Index(props) {
+  var id = props.id,
+    option = props.option,
+    style = props.style;
+  useEffect(function () {
+    var chartDom = document.getElementById(id);
+    var myChart = echarts.init(chartDom);
+    option && myChart.setOption(option);
+  }, [option]);
+  return /*#__PURE__*/React.createElement("div", {
+    id: id,
+    style: style
+  });
+}

package/dist/index.d.ts

@@ -12,4 +12,5 @@ export { default as BigImage } from './components/BigImage';
 export { default as VideoProgressModal } from './components/VideoProgressModal';
 export { default as NumberInput } from './components/NumberInput';
 export { default as TabsMode } from './components/TabsMode';
+export { default as ReactEcharts } from './components/ReactEcharts';
 export { default as TestBtn } from './business/TestBtn';

package/dist/index.js

@@ -1,3 +1,4 @@
+// 纯组件
 export { default as MyBtn } from "./components/MyBtn";
 export { default as FilterRadio } from "./components/FilterRadio";
 export { default as SelectMax } from "./components/SelectMax";
@@ -12,4 +13,7 @@ export { default as BigImage } from "./components/BigImage";
 export { default as VideoProgressModal } from "./components/VideoProgressModal";
 export { default as NumberInput } from "./components/NumberInput";
 export { default as TabsMode } from "./components/TabsMode";
+export { default as ReactEcharts } from "./components/ReactEcharts";
+
+// 业务组件
 export { default as TestBtn } from "./business/TestBtn";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yilianjituan/yilian_dgerm",
-  "version": "0.0.1-alpha.24",
+  "version": "0.0.1-alpha.25",
   "description": "A react library developed with dumi",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -68,7 +68,8 @@
     "lodash": "^4.17.20",
     "qs": "^6.9.7",
     "react": ">=16.9.0",
-    "react-dom": ">=16.9.0"
+    "react-dom": ">=16.9.0",
+    "echarts": "^5.0.0"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.1.2",