Edesign-react NPM

edesign-react 适配桌面端的组件库，适合在 React 16.x 及以上技术栈的项目中使用。

🎉 特性

适配桌面端交互
基于 React 16.x（全部基于 React Hooks 的 Functional Component）
支持按需加载
适用于 React 高质量UI组件

📦 安装

npm i edesign-react

yarn add edesign-react

pnpm add edesign-react

🔨 使用方法

【TinyEditor】

import React from 'react';
import { TinyEditor } from 'edesign-react';
import 'edesign-react/es/style/index.css'; // 少量公共样式

export default function App() {
  return <TinyEditor
    placeholder="Enter text here..."
    min_height={100}
    max_height={800}
    height={300}
    resize={true}
    showCount={true}
    max_chars={100}
    className="e-tiny-editor"
  />
}

【ScormPlayer】

import React from 'react';
import { ScormPlayer } from 'edesign-react';

export default function App() {
  return <ScormPlayer
    version="1.2" // 版本协议1.2/2004
    height="500px"
    width="100%"
    href={`${prefixer}libs/scorm/1.2/5DayChallengeTo/scormdriver/indexAPI.html`}
    defaultValue={null}   // CMI默认值
    onChange={(item) => {
      console.log("base onChange：", item);
    }}
  />
}