diff --git a/Readme.md b/Readme.md
index 00eb3fe..f25cf86 100644
--- a/Readme.md
+++ b/Readme.md
@@ -1,6 +1,6 @@
# @bd/ui
-百搭 UI 组件库, 基于 web components 开发。面向下一代的 UI 组件库
+百搭 UI 组件库, 基于 `web components` 开发。面向下一代的 UI 组件库
@@ -14,7 +14,7 @@
- `simple http`, 可快速配置 http 服务器,支持 history 路由
- ...
-- @bd/core 针对`web components`的核心封装库, 以数据驱动, 可以更方便的开发 wc 组件
+- wkit 针对`web components`的核心封装库, 以数据驱动, 可以更方便的开发 wc 组件
### 开发进度 && 计划 (40/55)
diff --git a/develop.md b/develop.md
index f95d640..e38e405 100644
--- a/develop.md
+++ b/develop.md
@@ -18,7 +18,7 @@
-
+
diff --git a/src/avatar/index.js b/src/avatar/index.js
index 583b6ca..d74b8eb 100644
--- a/src/avatar/index.js
+++ b/src/avatar/index.js
@@ -3,7 +3,7 @@
* @author yutent
* @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'
class Avatar extends Component {
diff --git a/src/badge/index.js b/src/badge/index.js
index fc42760..2e86926 100644
--- a/src/badge/index.js
+++ b/src/badge/index.js
@@ -4,7 +4,7 @@
* @date 2023/03/21 16:14:10
*/
-import { css, html, Component } from '@bd/core'
+import { css, html, Component } from 'wkit'
class Badge extends Component {
static props = {
diff --git a/src/breadcrumb/index.js b/src/breadcrumb/index.js
index 535f256..f4598e1 100644
--- a/src/breadcrumb/index.js
+++ b/src/breadcrumb/index.js
@@ -4,7 +4,7 @@
* @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')
diff --git a/src/card/index.js b/src/card/index.js
index 725057f..55aeba1 100644
--- a/src/card/index.js
+++ b/src/card/index.js
@@ -4,7 +4,7 @@
* @date 2023/03/06 15:17:25
*/
-import { css, html, Component } from '@bd/core'
+import { css, html, Component } from 'wkit'
class Card extends Component {
static props = {
diff --git a/src/chatbubble/index.js b/src/chatbubble/index.js
index 916be1e..ebd2902 100644
--- a/src/chatbubble/index.js
+++ b/src/chatbubble/index.js
@@ -3,7 +3,7 @@
* @author yutent
* @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'
diff --git a/src/code/index.js b/src/code/index.js
index 923371b..9d2ee87 100644
--- a/src/code/index.js
+++ b/src/code/index.js
@@ -3,7 +3,7 @@
* @author yutent
* @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 '../icon/index.js'
import '../layer/index.js'
diff --git a/src/collapse/index.js b/src/collapse/index.js
index 1fd9b6a..4295dc9 100644
--- a/src/collapse/index.js
+++ b/src/collapse/index.js
@@ -4,7 +4,7 @@
* @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'
class Collapse extends Component {
diff --git a/src/color/index.js b/src/color/index.js
index e1506d1..65be5b1 100644
--- a/src/color/index.js
+++ b/src/color/index.js
@@ -14,7 +14,7 @@ import {
clearOutsideClick,
nextTick,
offset
-} from '@bd/core'
+} from 'wkit'
// H: 色相, S: 饱和度, B/V: 亮度
export function hsb2rgb(hsb) {
diff --git a/src/divider/index.js b/src/divider/index.js
index 49c4da5..e60ad13 100644
--- a/src/divider/index.js
+++ b/src/divider/index.js
@@ -4,7 +4,7 @@
* @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 {
static styles = [
diff --git a/src/drag/core.js b/src/drag/core.js
index c0511bb..eb74349 100644
--- a/src/drag/core.js
+++ b/src/drag/core.js
@@ -4,7 +4,7 @@
* @date 2019/08/23 19:41:21
*/
-import { $, bind, unbind, fire } from '@bd/core'
+import { $, bind, unbind, fire } from 'wkit'
const DEF_OPT = {
axis: '', // x | y | xy 拖拽方向
diff --git a/src/drag/index.js b/src/drag/index.js
index 605b93e..2e676d9 100644
--- a/src/drag/index.js
+++ b/src/drag/index.js
@@ -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'
diff --git a/src/drawer/index.js b/src/drawer/index.js
index d1783bb..ad88d92 100644
--- a/src/drawer/index.js
+++ b/src/drawer/index.js
@@ -4,7 +4,7 @@
* @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 = {
left: {
diff --git a/src/form/button.js b/src/form/button.js
index f1430d4..fdc2170 100644
--- a/src/form/button.js
+++ b/src/form/button.js
@@ -4,7 +4,7 @@
* @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'
class Button extends Component {
diff --git a/src/form/checkbox.js b/src/form/checkbox.js
index 8c4edc5..574fd51 100644
--- a/src/form/checkbox.js
+++ b/src/form/checkbox.js
@@ -4,7 +4,7 @@
* @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'
class Checkbox extends Component {
diff --git a/src/form/dropdown.js b/src/form/dropdown.js
index ee2acaf..4c1c27e 100644
--- a/src/form/dropdown.js
+++ b/src/form/dropdown.js
@@ -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 {
bar = 'balbal'
diff --git a/src/form/input.js b/src/form/input.js
index ec28f3e..7aae612 100644
--- a/src/form/input.js
+++ b/src/form/input.js
@@ -4,14 +4,7 @@
* @date 2023/03/06 15:17:25
*/
-import {
- nextTick,
- css,
- html,
- Component,
- classMap,
- outsideClick
-} from '@bd/core'
+import { nextTick, css, html, Component, classMap, outsideClick } from 'wkit'
import '../icon/index.js'
const ANIMATION = {
diff --git a/src/form/link.js b/src/form/link.js
index 61dd6c5..59cdbae 100644
--- a/src/form/link.js
+++ b/src/form/link.js
@@ -4,7 +4,7 @@
* @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 {
static props = {
diff --git a/src/form/number.js b/src/form/number.js
index cc731dd..e67963b 100644
--- a/src/form/number.js
+++ b/src/form/number.js
@@ -4,7 +4,7 @@
* @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 {
static props = {
diff --git a/src/form/passwd.js b/src/form/passwd.js
index 6c2e167..166042f 100644
--- a/src/form/passwd.js
+++ b/src/form/passwd.js
@@ -3,7 +3,7 @@
* @author yutent
* @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'
class Passwd extends Component {
diff --git a/src/form/radio.js b/src/form/radio.js
index e18093d..e619d8b 100644
--- a/src/form/radio.js
+++ b/src/form/radio.js
@@ -4,7 +4,7 @@
* @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 {
static props = {
diff --git a/src/form/select.js b/src/form/select.js
index 0a3c80c..8cc053d 100644
--- a/src/form/select.js
+++ b/src/form/select.js
@@ -4,7 +4,7 @@
* @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 '../form/input.js'
import '../scroll/index.js'
diff --git a/src/form/star.js b/src/form/star.js
index 29c9889..52bd9d1 100644
--- a/src/form/star.js
+++ b/src/form/star.js
@@ -4,7 +4,7 @@
* @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'
class Star extends Component {
diff --git a/src/form/switch.js b/src/form/switch.js
index 1ef568d..8ee6b3b 100644
--- a/src/form/switch.js
+++ b/src/form/switch.js
@@ -4,7 +4,7 @@
* @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 {
static props = {
diff --git a/src/form/textarea.js b/src/form/textarea.js
index 2143869..2a19ddf 100644
--- a/src/form/textarea.js
+++ b/src/form/textarea.js
@@ -4,7 +4,7 @@
* @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 {
static props = {
diff --git a/src/icon/index.js b/src/icon/index.js
index f4d5e52..54d257a 100644
--- a/src/icon/index.js
+++ b/src/icon/index.js
@@ -4,7 +4,7 @@
* @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'
diff --git a/src/image-preview/index.js b/src/image-preview/index.js
index a200abd..132c1ae 100644
--- a/src/image-preview/index.js
+++ b/src/image-preview/index.js
@@ -4,7 +4,7 @@
* @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'
class ImagePreview extends Component {
diff --git a/src/image/index.js b/src/image/index.js
index 133287e..068c38a 100644
--- a/src/image/index.js
+++ b/src/image/index.js
@@ -4,7 +4,7 @@
* @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'
class Image extends Component {
diff --git a/src/layer/index.js b/src/layer/index.js
index 3911766..e577436 100644
--- a/src/layer/index.js
+++ b/src/layer/index.js
@@ -4,7 +4,7 @@
* @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'
let uniqueInstance = null // 缓存当前打开的alert/confirm/prompt类型的弹窗
diff --git a/src/loading/index.js b/src/loading/index.js
index 69e9875..16ae068 100644
--- a/src/loading/index.js
+++ b/src/loading/index.js
@@ -4,7 +4,7 @@
* @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 {
static props = {
diff --git a/src/markd/index.js b/src/markd/index.js
index 1d366a6..cbe5930 100644
--- a/src/markd/index.js
+++ b/src/markd/index.js
@@ -4,7 +4,7 @@
* @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 '../code/index.js'
diff --git a/src/notify/index.js b/src/notify/index.js
index 424dbf9..b4ed352 100644
--- a/src/notify/index.js
+++ b/src/notify/index.js
@@ -4,7 +4,7 @@
* @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'
const ANIMATION = [
diff --git a/src/pager/index.js b/src/pager/index.js
index 21c6bfc..9191415 100644
--- a/src/pager/index.js
+++ b/src/pager/index.js
@@ -4,7 +4,7 @@
* @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'
const LAYOUT_DICT = {
diff --git a/src/popconfirm/index.js b/src/popconfirm/index.js
index 41f893d..053606c 100644
--- a/src/popconfirm/index.js
+++ b/src/popconfirm/index.js
@@ -4,7 +4,7 @@
* @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'
class Popconfirm extends Component {
diff --git a/src/progress/index.js b/src/progress/index.js
index e1b4573..f974070 100644
--- a/src/progress/index.js
+++ b/src/progress/index.js
@@ -4,7 +4,7 @@
* @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 {
static props = {
diff --git a/src/result/index.js b/src/result/index.js
index 77e3e9d..de4150a 100644
--- a/src/result/index.js
+++ b/src/result/index.js
@@ -4,7 +4,7 @@
* @date 2023/04/28 16:14:10
*/
-import { css, html, Component } from '@bd/core'
+import { css, html, Component } from 'wkit'
import '../icon/index.js'
class Result extends Component {
diff --git a/src/sandbox/index.js b/src/sandbox/index.js
index 8cf8248..ead29ae 100644
--- a/src/sandbox/index.js
+++ b/src/sandbox/index.js
@@ -4,7 +4,7 @@
* @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 { gzip } from '@bytedo/gzip'
import { colorHtml, colorJs, colorCss } from '../code/colorful.js'
@@ -16,7 +16,7 @@ const template = `
-
+
diff --git a/src/scroll/index.js b/src/scroll/index.js
index 962bda2..48acfa0 100644
--- a/src/scroll/index.js
+++ b/src/scroll/index.js
@@ -4,7 +4,7 @@
* @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 {
static props = {
diff --git a/src/slider/index.js b/src/slider/index.js
index 3e70cf4..e618add 100644
--- a/src/slider/index.js
+++ b/src/slider/index.js
@@ -4,7 +4,7 @@
* @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 {
static props = {
diff --git a/src/space/index.js b/src/space/index.js
index 0e91287..5c52bc8 100644
--- a/src/space/index.js
+++ b/src/space/index.js
@@ -4,7 +4,7 @@
* @date 2023/03/06 15:17:25
*/
-import { css, html, Component } from '@bd/core'
+import { css, html, Component } from 'wkit'
class Space extends Component {
static styles = css`
diff --git a/src/steps/index.js b/src/steps/index.js
index 32c627b..57ee292 100644
--- a/src/steps/index.js
+++ b/src/steps/index.js
@@ -4,7 +4,7 @@
* @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'
class Steps extends Component {
diff --git a/src/swipe/index.js b/src/swipe/index.js
index 5ce06db..9f7ce03 100644
--- a/src/swipe/index.js
+++ b/src/swipe/index.js
@@ -4,7 +4,7 @@
* @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'
const CARD_SCALE = 0.83
diff --git a/src/tabs/index.js b/src/tabs/index.js
index 6b1059b..2034d93 100644
--- a/src/tabs/index.js
+++ b/src/tabs/index.js
@@ -4,15 +4,7 @@
* @date 2023/03/06 15:17:25
*/
-import {
- css,
- html,
- bind,
- Component,
- nextTick,
- styleMap,
- classMap
-} from '@bd/core'
+import { css, html, bind, Component, nextTick, styleMap, classMap } from 'wkit'
import '../icon/index.js'
class Tabs extends Component {
diff --git a/src/tag/index.js b/src/tag/index.js
index f7e4264..e6fbb6a 100644
--- a/src/tag/index.js
+++ b/src/tag/index.js
@@ -4,7 +4,7 @@
* @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'
const ANIMATION = {
diff --git a/src/timeline/index.js b/src/timeline/index.js
index 3175ec2..7c914ee 100644
--- a/src/timeline/index.js
+++ b/src/timeline/index.js
@@ -4,7 +4,7 @@
* @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'
function pad(n) {