项目依赖更名为wkit

2023-05-25 17:00:17 +08:00 · 2023-05-25 17:00:17 +08:00 · cb97ebb73e
parent 329421995b
commit cb97ebb73e
46 changed files with 48 additions and 63 deletions
--- a/Readme.md
+++ b/Readme.md
@ -1,6 +1,6 @@
 # @bd/ui

-百搭 UI 组件库, 基于 web components 开发。面向下一代的 UI 组件库
+百搭 UI 组件库, 基于 `web components` 开发。面向下一代的 UI 组件库

 ![downloads](https://img.shields.io/npm/dt/@bd/ui.svg)
 ![version](https://img.shields.io/npm/v/@bd/ui.svg)
@ -14,7 +14,7 @@
  - `simple http`, 可快速配置 http 服务器,支持 history 路由
  - ...

- @bd/core 针对`web components`的核心封装库, 以数据驱动, 可以更方便的开发 wc 组件
+- wkit 针对`web components`的核心封装库, 以数据驱动, 可以更方便的开发 wc 组件

 ### 开发进度 && 计划 (40/55)

--- a/develop.md
+++ b/develop.md
@ -18,7 +18,7 @@
  <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">
  <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>
 </head>
 <body>
--- a/src/avatar/index.js
+++ b/src/avatar/index.js
@ -3,7 +3,7 @@
 * @author yutent<yutent.io@gmail.com>
 * @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 {
--- 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 = {
--- 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')

--- 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 = {
--- a/src/chatbubble/index.js
+++ b/src/chatbubble/index.js
@ -3,7 +3,7 @@
 * @author yutent<yutent.io@gmail.com>
 * @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'

--- a/src/code/index.js
+++ b/src/code/index.js
@ -3,7 +3,7 @@
 * @author yutent<yutent.io@gmail.com>
 * @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'
--- 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 {
--- 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) {
--- 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 = [
--- 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 拖拽方向
--- 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'

--- 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: {
--- 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 {
--- 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 {
--- 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'
--- 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 = {
--- 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 = {
--- 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 = {
--- a/src/form/passwd.js
+++ b/src/form/passwd.js
@ -3,7 +3,7 @@
 * @author yutent<yutent.io@gmail.com>
 * @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 {
--- 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 = {
--- 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'
--- 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 {
--- 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 = {
--- 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 = {
--- 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'

--- 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 {
--- 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 {
--- 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类型的弹窗
--- 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 = {
--- 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'
--- 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 = [
--- 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 = {
--- 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 {
--- 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 = {
--- 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 {
--- 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 = `<!doctype html>
  <link rel="stylesheet" href="//jscdn.ink/@bd/ui/latest/css/reset-basic.css">
  <style>body {padding:32px;}</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>
  </head>
  <body></body>
--- 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 = {
--- 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 = {
--- 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`
--- 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 {
--- 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

--- 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 {
--- 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 = {
--- 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) {