@kinokos/views v0.0.4-beta.2

@kinokos/views

kinoko's components lib~

• HanaRin

  花一輪 一輪ほどの暖かさ

吾有一组件, 名之曰HanaRin 其器也, 环形菜单之用 其性也, 传之以data, 佐之以placement 夫data之属, 其名label, 其路由to, 其臣children 夫placement之属, LT则始于左上, RB则始于右下, 不外如是也 例曰:

const mData = [{
          label: '道生一',
          children: [
              { label: `一生二`, 
                to: `/v0`,
                children: [
                    { label: `一曰阴`, to: `/v1` },
                    { label: `一曰阳`, to: `/v2` }
                ]},
              { label: `二生三`, },
              { label: `三生万物`, }
          ]
}]

<HanaRin data={mData} placement={'LT'}/>

• SqlNoHana

  吾有一组件, 名之曰SqlNoHana 其器也, 示sql之用 其用也, 传之以sql 例曰:

const mSql = 'select `aaa`, `bbb`, `ccc` from someTb where 1 = 1 AND `id` = ? AND `name` != xxx OR `flag` in (5,1,3) limit 10;'

<SqlNoHana sql={mSql}/>

• JsonNoHana

  吾有一组件, 名之曰JsonNoHana 其器也, 示json之用 其用也, 传之以value, 佐之以expandDepth,copyable,sort,boxed,markKeys 云云 例曰:

const jData = {
          name: '呆呆兽',
          birthday: '0513',
          code: 23456,
          props: {
            weight: 110,
            address: 'earth'
          },
          tags: [`aaa`, `bbb`, `ccc`],
          link: 'http://aaa.bb.ccc.ddd.eee.jpg'
        }

<JsonNoHana value={jData} boxed={true}/>