Read-ui

Read-ui f/e:d: webnovel M g+g UI i#f <o<g;e nu-system/react f =h1!e:f%g react UI g;d;6e:c

UI g;d;6fe3gh?igg;d;6d8 h=ee+d;;d=d8e !i;h>o<e&fih&
d8e !i;h>o<e/d;%e( components/ g.e=d8ee;:ee g;d;6e<g(c

h.>h.!ge?5

• hg6*: g,&eg4h’ o<h=g(d8g’ h’hh’#e3gee3d8 g(d8$g’ ;
• eg: h=g(egg APIo<ee3d8 h&
  h*e71g,g+ee;:;

g.e=h’h

Component/               // g;d;6e
i&e-f/
ee
bbb README.md            // g;d;6d;g;
o<h'#i
h?d8*fd;6f/d;d9o<fd9g(o<API
bbb _index               // h"+ index.* fd;6e<g(gfd;6e$9
bB B  bbb *.js             // h"+e<g(gfd;6
bbb index.d.ts           // d8;fd;6e.d9    fd;6
bbb index.js             // d8;fd;6
bbb _styles              // h"+ styles.* fd;6gfd;6e$9
bB B  bbb *.scss           // h"+e<g(gf 7e<fd;6
bbb styles.module.scss   // f 7e<fd;6

_ e<e$4h!(g$:d8 h=g4f%h"+e<g(gfd;6, e6e e-e:h/%d8e<g(h?d8*fd;6e$9gfd;6ee

g.e fe.egf/f i.g;d;6o<e/d;%e.e(eg’ “f i.” g;d;6d=?g(c

Bit

g.e f/d=d8:e(g:? Demo e1g$: + build e7%e7 + eg.!g d=?g(c

$ bit init                                // ee'e
$ bit status                              // f%gg
6f

$ bit add src/read-ui/*                   // f7;e
 f i.g;d;6
$ bit tag --all                           // f  f g->
$ bit export                              // ee8
$ bit remove webnovel.read-ui/* --remote  // g';i$h?g(g;d;6
$ bit remove * --force             // g';i$f,e0g;d;6

*o<d;#h!(g;d;6e g’0

d:h’#f4e$

d>h5h’h

import Button from "@/component/Button";       // b
import Button from "../Button";                // b

import style from "./styles.module.scss";      // b
import styless from "./styles.module.scss";    // b
import styles from "./styles.module.scss";     // b

• read-ui/ fd;6e$9ii"gd>h5e*h=f/g(g8e/9h7/e>o<d8 h=d=?g(e+e e<g(gf9e<(g.gd8:d:h.) bit h=e$efg;d;6gd>h5e3g3;)c
• components/fd;6e$9eg;d;6e*h=d=?g(e+e gf9e<c

e88g(PropTypes

const baseProps={
  /** just className */
  className: PropTypes.string,
  /** just e-eg4  */
  children: PropTypes.node,
  /** e.9e(g;d;6o<i;h.$d8: label */
  Component: PropTypes.node
};

e&fg;d;6f,h:+f/e/9egg;d;6gd>h5e"e o<className e children e/d;%d8 g(d:f,!e.d9 o<e ff/e( d.ts d8-f g;’f ?egg;d;6d>h5c

fd;6f3(i

/**
 * Author: <%= e2.authorName %>
 * Date: <%= e2.date %>
 * Desc: h?f/d;d9o<
 */

f/d8*g;d;6 index.js fd;6i!6i(ih&
f f3(i f%fh?0cee;:f0g;d;6gf6ee/d;%g( npx e2-cli gfc

e ef5h/

e>@g>d8h!%e

TS h?
g’;

@f(h /h / @gg