bd
/
ui
2
0
Fork 0
Code Issues Pull Requests Wiki Activity

项目依赖更名为wkit

master
yutent 2023-05-25 17:00:17 +08:00
parent 329421995b
commit cb97ebb73e
46 changed files with 48 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
Readme.md
View File

@ -1,6 +1,6 @@
# @bd/ui # @bd/ui
百搭 UI 组件库, 基于 web components 开发。面向下一代的 UI 组件库 百搭 UI 组件库, 基于 `web components` 开发。面向下一代的 UI 组件库
![downloads](https://img.shields.io/npm/dt/@bd/ui.svg) ![downloads](https://img.shields.io/npm/dt/@bd/ui.svg)
![version](https://img.shields.io/npm/v/@bd/ui.svg) ![version](https://img.shields.io/npm/v/@bd/ui.svg)
@ -14,7 +14,7 @@
- `simple http`, 可快速配置 http 服务器,支持 history 路由 - `simple http`, 可快速配置 http 服务器,支持 history 路由
- ... - ...
- @bd/core 针对`web components`的核心封装库, 以数据驱动, 可以更方便的开发 wc 组件 - wkit 针对`web components`的核心封装库, 以数据驱动, 可以更方便的开发 wc 组件
### 开发进度 && 计划 (40/55) ### 开发进度 && 计划 (40/55)

2
develop.md
View File

@ -18,7 +18,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<link rel="stylesheet" href="/dist/css/reset-basic.css"> <link rel="stylesheet" href="/dist/css/reset-basic.css">
<script async src="//jscdn.ink/es-module-shims/1.6.3/es-module-shims.wasm.js"></script> <script async src="//jscdn.ink/es-module-shims/1.6.3/es-module-shims.wasm.js"></script>
<script type="importmap">{"imports":{"es.shim":"//jscdn.ink/es.shim/2.1.1/index.js","vue":"//jscdn.ink/vue/3.2.47/vue.esm-browser.prod.js","vue-router":"//jscdn.ink/@bytedo/vue-router/4.1.6/vue-router.js","fetch":"//jscdn.ink/@bytedo/fetch/2.1.5/next.js","@bd/core":"//jscdn.ink/@bd/core/1.5.7/index.js"}}</script> <script type="importmap">{"imports":{"es.shim":"//jscdn.ink/es.shim/2.1.1/index.js","vue":"//jscdn.ink/vue/3.2.47/vue.esm-browser.prod.js","vue-router":"//jscdn.ink/@bytedo/vue-router/4.1.6/vue-router.js","fetch":"//jscdn.ink/@bytedo/fetch/2.1.5/next.js","wkit":"//jscdn.ink/wkit/latest/index.js"}}</script>
<style></style> <style></style>
</head> </head>
<body> <body>

2
src/avatar/index.js
View File

@ -3,7 +3,7 @@
* @author yutent<yutent.io@gmail.com> * @author yutent<yutent.io@gmail.com>
* @date 2023/04/25 09:27:25 * @date 2023/04/25 09:27:25
*/ */
import { html, raw, css, Component, nextTick } from '@bd/core' import { html, raw, css, Component, nextTick } from 'wkit'
import '../icon/index.js' import '../icon/index.js'
class Avatar extends Component { class Avatar extends Component {

2
src/badge/index.js
View File

@ -4,7 +4,7 @@
* @date 2023/03/21 16:14:10 * @date 2023/03/21 16:14:10
*/ */
import { css, html, Component } from '@bd/core' import { css, html, Component } from 'wkit'
class Badge extends Component { class Badge extends Component {
static props = { static props = {

2
src/breadcrumb/index.js
View File

@ -4,7 +4,7 @@
* @date 2023/04/10 16:12:33 * @date 2023/04/10 16:12:33
*/ */
import { css, html, Component, bind, styleMap } from '@bd/core' import { css, html, Component, bind, styleMap } from 'wkit'
const last = Symbol('last') const last = Symbol('last')

2
src/card/index.js
View File

@ -4,7 +4,7 @@
* @date 2023/03/06 15:17:25 * @date 2023/03/06 15:17:25
*/ */
import { css, html, Component } from '@bd/core' import { css, html, Component } from 'wkit'
class Card extends Component { class Card extends Component {
static props = { static props = {

2
src/chatbubble/index.js
View File

@ -3,7 +3,7 @@
* @author yutent<yutent.io@gmail.com> * @author yutent<yutent.io@gmail.com>
* @date 2023/05/05 14:56:34 * @date 2023/05/05 14:56:34
*/ */
import { css, html, Component, classMap } from '@bd/core' import { css, html, Component, classMap } from 'wkit'
import '../avatar/index.js' import '../avatar/index.js'

2
src/code/index.js
View File

@ -3,7 +3,7 @@
* @author yutent<yutent.io@gmail.com> * @author yutent<yutent.io@gmail.com>
* @date 2023/03/20 18:02:01 * @date 2023/03/20 18:02:01
*/ */
import { html, raw, css, Component, nextTick } from '@bd/core' import { html, raw, css, Component, nextTick } from 'wkit'
import { colorHtml, colorJs, colorCss, colorMd } from './colorful.js' import { colorHtml, colorJs, colorCss, colorMd } from './colorful.js'
import '../icon/index.js' import '../icon/index.js'
import '../layer/index.js' import '../layer/index.js'

2
src/collapse/index.js
View File

@ -4,7 +4,7 @@
* @date 2023/03/26 16:14:10 * @date 2023/03/26 16:14:10
*/ */
import { css, html, Component, styleMap, nextTick } from '@bd/core' import { css, html, Component, styleMap, nextTick } from 'wkit'
import '../icon/index.js' import '../icon/index.js'
class Collapse extends Component { class Collapse extends Component {

2
src/color/index.js
View File

@ -14,7 +14,7 @@ import {
clearOutsideClick, clearOutsideClick,
nextTick, nextTick,
offset offset
} from '@bd/core' } from 'wkit'
// H: 色相, S: 饱和度, B/V: 亮度 // H: 色相, S: 饱和度, B/V: 亮度
export function hsb2rgb(hsb) { export function hsb2rgb(hsb) {

2
src/divider/index.js
View File

@ -4,7 +4,7 @@
* @date 2023/04/26 15:20:28 * @date 2023/04/26 15:20:28
*/ */
import { html, css, Component, styleMap, nextTick } from '@bd/core' import { html, css, Component, styleMap, nextTick } from 'wkit'
class Divider extends Component { class Divider extends Component {
static styles = [ static styles = [

2
src/drag/core.js
View File

@ -4,7 +4,7 @@
* @date 2019/08/23 19:41:21 * @date 2019/08/23 19:41:21
*/ */
import { $, bind, unbind, fire } from '@bd/core' import { $, bind, unbind, fire } from 'wkit'
const DEF_OPT = { const DEF_OPT = {
axis: '', // x | y | xy 拖拽方向 axis: '', // x | y | xy 拖拽方向

2
src/drag/index.js
View File

@ -1,4 +1,4 @@
import { css, html, Component, nextTick, styleMap } from '@bd/core' import { css, html, Component, nextTick, styleMap } from 'wkit'
import Core from './core.js' import Core from './core.js'

2
src/drawer/index.js
View File

@ -4,7 +4,7 @@
* @date 2023/03/27 10:39:29 * @date 2023/03/27 10:39:29
*/ */
import { css, html, Component, nextTick, styleMap } from '@bd/core' import { css, html, Component, nextTick, styleMap } from 'wkit'
const ANIMATION = { const ANIMATION = {
left: { left: {

2
src/form/button.js
View File

@ -4,7 +4,7 @@
* @date 2023/03/06 15:17:25 * @date 2023/03/06 15:17:25
*/ */
import { css, html, Component, nextTick, styleMap } from '@bd/core' import { css, html, Component, nextTick, styleMap } from 'wkit'
import '../icon/index.js' import '../icon/index.js'
class Button extends Component { class Button extends Component {

2
src/form/checkbox.js
View File

@ -4,7 +4,7 @@
* @date 2023/03/21 16:14:10 * @date 2023/03/21 16:14:10
*/ */
import { nextTick, css, html, Component } from '@bd/core' import { nextTick, css, html, Component } from 'wkit'
import '../icon/index.js' import '../icon/index.js'
class Checkbox extends Component { class Checkbox extends Component {

2
src/form/dropdown.js
View File

@ -1,4 +1,4 @@
import { nextTick, css, html, Component, bind } from '@bd/core' import { nextTick, css, html, Component, bind } from 'wkit'
class Dropdown extends Component { class Dropdown extends Component {
bar = 'balbal' bar = 'balbal'

9
src/form/input.js
View File

@ -4,14 +4,7 @@
* @date 2023/03/06 15:17:25 * @date 2023/03/06 15:17:25
*/ */
import { import { nextTick, css, html, Component, classMap, outsideClick } from 'wkit'
nextTick,
css,
html,
Component,
classMap,
outsideClick
} from '@bd/core'
import '../icon/index.js' import '../icon/index.js'
const ANIMATION = { const ANIMATION = {

2
src/form/link.js
View File

@ -4,7 +4,7 @@
* @date 2023/03/16 17:40:50 * @date 2023/03/16 17:40:50
*/ */
import { css, html, Component, bind, unbind, nextTick } from '@bd/core' import { css, html, Component, bind, unbind, nextTick } from 'wkit'
class Link extends Component { class Link extends Component {
static props = { static props = {

2
src/form/number.js
View File

@ -4,7 +4,7 @@
* @date 2023/03/06 15:17:25 * @date 2023/03/06 15:17:25
*/ */
import { css, html, Component, nextTick } from '@bd/core' import { css, html, Component, nextTick } from 'wkit'
class WcNumber extends Component { class WcNumber extends Component {
static props = { static props = {

2
src/form/passwd.js
View File

@ -3,7 +3,7 @@
* @author yutent<yutent.io@gmail.com> * @author yutent<yutent.io@gmail.com>
* @date 2023/03/16 18:05:43 * @date 2023/03/16 18:05:43
*/ */
import { css, html, Component, bind, unbind, nextTick } from '@bd/core' import { css, html, Component, bind, unbind, nextTick } from 'wkit'
import '../icon/index.js' import '../icon/index.js'
class Passwd extends Component { class Passwd extends Component {

2
src/form/radio.js
View File

@ -4,7 +4,7 @@
* @date 2023/03/21 16:14:10 * @date 2023/03/21 16:14:10
*/ */
import { nextTick, css, html, Component } from '@bd/core' import { nextTick, css, html, Component } from 'wkit'
class Radio extends Component { class Radio extends Component {
static props = { static props = {

2
src/form/select.js
View File

@ -4,7 +4,7 @@
* @date 2023/03/21 16:14:10 * @date 2023/03/21 16:14:10
*/ */
import { nextTick, css, html, Component } from '@bd/core' import { nextTick, css, html, Component } from 'wkit'
import '../icon/index.js' import '../icon/index.js'
import '../form/input.js' import '../form/input.js'
import '../scroll/index.js' import '../scroll/index.js'

2
src/form/star.js
View File

@ -4,7 +4,7 @@
* @date 2023/03/21 16:14:10 * @date 2023/03/21 16:14:10
*/ */
import { nextTick, css, html, Component, classMap } from '@bd/core' import { nextTick, css, html, Component, classMap } from 'wkit'
import '../icon/index.js' import '../icon/index.js'
class Star extends Component { class Star extends Component {

2
src/form/switch.js
View File

@ -4,7 +4,7 @@
* @date 2023/03/21 16:14:10 * @date 2023/03/21 16:14:10
*/ */
import { nextTick, css, html, Component, classMap } from '@bd/core' import { nextTick, css, html, Component, classMap } from 'wkit'
class Switch extends Component { class Switch extends Component {
static props = { static props = {

2
src/form/textarea.js
View File

@ -4,7 +4,7 @@
* @date 2023/03/18 14:14:25 * @date 2023/03/18 14:14:25
*/ */
import { css, html, Component, nextTick } from '@bd/core' import { css, html, Component, nextTick } from 'wkit'
class TextArea extends Component { class TextArea extends Component {
static props = { static props = {

2
src/icon/index.js
View File

@ -4,7 +4,7 @@
* @date 2023/03/06 15:17:25 * @date 2023/03/06 15:17:25
*/ */
import { css, svg, html, Component } from '@bd/core' import { css, svg, html, Component } from 'wkit'
import SVG_DICT from './svg.js' import SVG_DICT from './svg.js'

2
src/image-preview/index.js
View File

@ -4,7 +4,7 @@
* @date 2023/03/06 15:17:25 * @date 2023/03/06 15:17:25
*/ */
import { css, html, Component, styleMap, bind, unbind } from '@bd/core' import { css, html, Component, styleMap, bind, unbind } from 'wkit'
import '../icon/index.js' import '../icon/index.js'
class ImagePreview extends Component { class ImagePreview extends Component {

2
src/image/index.js
View File

@ -4,7 +4,7 @@
* @date 2023/03/06 15:17:25 * @date 2023/03/06 15:17:25
*/ */
import { css, html, Component, styleMap } from '@bd/core' import { css, html, Component, styleMap } from 'wkit'
import '../icon/index.js' import '../icon/index.js'
class Image extends Component { class Image extends Component {

2
src/layer/index.js
View File

@ -4,7 +4,7 @@
* @date 2023/03/06 15:17:25 * @date 2023/03/06 15:17:25
*/ */
import { css, html, Component, bind, styleMap } from '@bd/core' import { css, html, Component, bind, styleMap } from 'wkit'
import '../form/input.js' import '../form/input.js'
let uniqueInstance = null // 缓存当前打开的alert/confirm/prompt类型的弹窗 let uniqueInstance = null // 缓存当前打开的alert/confirm/prompt类型的弹窗

2
src/loading/index.js
View File

@ -4,7 +4,7 @@
* @date 2023/04/26 15:20:28 * @date 2023/04/26 15:20:28
*/ */
import { html, css, Component, styleMap, nextTick } from '@bd/core' import { html, css, Component, styleMap, nextTick } from 'wkit'
class Loading extends Component { class Loading extends Component {
static props = { static props = {

2
src/markd/index.js
View File

@ -4,7 +4,7 @@
* @date 2023/03/06 15:17:25 * @date 2023/03/06 15:17:25
*/ */
import { css, html, raw, Component, bind, styleMap, classMap } from '@bd/core' import { css, html, raw, Component, bind, styleMap, classMap } from 'wkit'
import md2html from './core.js' import md2html from './core.js'
import '../code/index.js' import '../code/index.js'

2
src/notify/index.js
View File

@ -4,7 +4,7 @@
* @date 2023/04/10 17:17:10 * @date 2023/04/10 17:17:10
*/ */
import { css, html, Component, bind, styleMap } from '@bd/core' import { css, html, Component, bind, styleMap } from 'wkit'
import '../icon/index.js' import '../icon/index.js'
const ANIMATION = [ const ANIMATION = [

2
src/pager/index.js
View File

@ -4,7 +4,7 @@
* @date 2023/04/18 09:38:01 * @date 2023/04/18 09:38:01
*/ */
import { css, html, Component, bind, styleMap } from '@bd/core' import { css, html, Component, bind, styleMap } from 'wkit'
import '../form/button.js' import '../form/button.js'
const LAYOUT_DICT = { const LAYOUT_DICT = {

2
src/popconfirm/index.js
View File

@ -4,7 +4,7 @@
* @date 2023/04/28 16:14:10 * @date 2023/04/28 16:14:10
*/ */
import { css, html, Component, styleMap } from '@bd/core' import { css, html, Component, styleMap } from 'wkit'
import '../form/button.js' import '../form/button.js'
class Popconfirm extends Component { class Popconfirm extends Component {

2
src/progress/index.js
View File

@ -4,7 +4,7 @@
* @date 2023/04/28 16:14:10 * @date 2023/04/28 16:14:10
*/ */
import { css, html, Component, styleMap } from '@bd/core' import { css, html, Component, styleMap } from 'wkit'
class Progress extends Component { class Progress extends Component {
static props = { static props = {

2
src/result/index.js
View File

@ -4,7 +4,7 @@
* @date 2023/04/28 16:14:10 * @date 2023/04/28 16:14:10
*/ */
import { css, html, Component } from '@bd/core' import { css, html, Component } from 'wkit'
import '../icon/index.js' import '../icon/index.js'
class Result extends Component { class Result extends Component {

4
src/sandbox/index.js
View File

@ -4,7 +4,7 @@
* @date 2023/03/06 15:17:25 * @date 2023/03/06 15:17:25
*/ */
import { css, html, raw, bind, Component, nextTick, classMap } from '@bd/core' import { css, html, raw, bind, Component, nextTick, classMap } from 'wkit'
import '../icon/index.js' import '../icon/index.js'
import { gzip } from '@bytedo/gzip' import { gzip } from '@bytedo/gzip'
import { colorHtml, colorJs, colorCss } from '../code/colorful.js' import { colorHtml, colorJs, colorCss } from '../code/colorful.js'
@ -16,7 +16,7 @@ const template = `<!doctype html>
<link rel="stylesheet" href="//jscdn.ink/@bd/ui/latest/css/reset-basic.css"> <link rel="stylesheet" href="//jscdn.ink/@bd/ui/latest/css/reset-basic.css">
<style>body {padding:32px;}</style> <style>body {padding:32px;}</style>
<style name="css"></style> <style name="css"></style>
<script type="importmap">{"imports":{"es.shim":"//jscdn.ink/es.shim/latest/index.js","vue":"//jscdn.ink/vue/3.2.47/vue.esm-browser.prod.js","vue-router":"//jscdn.ink/@bytedo/vue-router/4.1.6/vue-router.js","fetch":"//jscdn.ink/@bytedo/fetch/latest/next.js","@bd/core2":"//jscdn.ink/@bd/core/latest/index.js","@bd/core":"//127.0.0.1:9999/src/index.js"}}</script> <script type="importmap">{"imports":{"es.shim":"//jscdn.ink/es.shim/latest/index.js","vue":"//jscdn.ink/vue/3.2.47/vue.esm-browser.prod.js","vue-router":"//jscdn.ink/@bytedo/vue-router/4.1.6/vue-router.js","fetch":"//jscdn.ink/@bytedo/fetch/latest/next.js","wkit2":"//jscdn.ink/wkit/latest/index.js","wkit":"//127.0.0.1:9999/src/index.js"}}</script>
<script name="js" type="module"></script> <script name="js" type="module"></script>
</head> </head>
<body></body> <body></body>

2
src/scroll/index.js
View File

@ -4,7 +4,7 @@
* @date 2023/03/20 15:17:25 * @date 2023/03/20 15:17:25
*/ */
import { css, html, bind, unbind, Component } from '@bd/core' import { css, html, bind, unbind, Component } from 'wkit'
class Scroll extends Component { class Scroll extends Component {
static props = { static props = {

2
src/slider/index.js
View File

@ -4,7 +4,7 @@
* @date 2023/03/21 16:14:10 * @date 2023/03/21 16:14:10
*/ */
import { css, bind, unbind, html, Component } from '@bd/core' import { css, bind, unbind, html, Component } from 'wkit'
class Slider extends Component { class Slider extends Component {
static props = { static props = {

2
src/space/index.js
View File

@ -4,7 +4,7 @@
* @date 2023/03/06 15:17:25 * @date 2023/03/06 15:17:25
*/ */
import { css, html, Component } from '@bd/core' import { css, html, Component } from 'wkit'
class Space extends Component { class Space extends Component {
static styles = css` static styles = css`

2
src/steps/index.js
View File

@ -4,7 +4,7 @@
* @date 2023/04/18 09:38:01 * @date 2023/04/18 09:38:01
*/ */
import { css, html, Component, bind, styleMap, classMap } from '@bd/core' import { css, html, Component, bind, styleMap, classMap } from 'wkit'
import '../icon/index.js' import '../icon/index.js'
class Steps extends Component { class Steps extends Component {

2
src/swipe/index.js
View File

@ -4,7 +4,7 @@
* @date 2023/03/26 16:14:10 * @date 2023/03/26 16:14:10
*/ */
import { css, html, Component, nextTick, styleMap } from '@bd/core' import { css, html, Component, nextTick, styleMap } from 'wkit'
import '../icon/index.js' import '../icon/index.js'
const CARD_SCALE = 0.83 const CARD_SCALE = 0.83

10
src/tabs/index.js
View File

@ -4,15 +4,7 @@
* @date 2023/03/06 15:17:25 * @date 2023/03/06 15:17:25
*/ */
import { import { css, html, bind, Component, nextTick, styleMap, classMap } from 'wkit'
css,
html,
bind,
Component,
nextTick,
styleMap,
classMap
} from '@bd/core'
import '../icon/index.js' import '../icon/index.js'
class Tabs extends Component { class Tabs extends Component {

2
src/tag/index.js
View File

@ -4,7 +4,7 @@
* @date 2023/04/28 16:14:10 * @date 2023/04/28 16:14:10
*/ */
import { css, html, Component, styleMap } from '@bd/core' import { css, html, Component, styleMap } from 'wkit'
import '../icon/index.js' import '../icon/index.js'
const ANIMATION = { const ANIMATION = {

2
src/timeline/index.js
View File

@ -4,7 +4,7 @@
* @date 2023/04/18 09:38:01 * @date 2023/04/18 09:38:01
*/ */
import { css, html, Component, bind, styleMap, classMap } from '@bd/core' import { css, html, Component, bind, styleMap, classMap } from 'wkit'
import '../icon/index.js' import '../icon/index.js'
function pad(n) { function pad(n) {