parent
7568e701cf
commit
8770c32e5b
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "@bd/core",
|
||||
"version": "1.6.0",
|
||||
"version": "1.7.0",
|
||||
"type": "module",
|
||||
"description": "百搭UI组件库的核心",
|
||||
"main": "dist/index.js",
|
||||
|
|
23
src/index.js
23
src/index.js
|
@ -16,10 +16,31 @@ import {
|
|||
} from './constants.js'
|
||||
import { css, adoptStyles } from './css.js'
|
||||
import { render, html, svg } from './html.js'
|
||||
import { nextTick, fire, bind, unbind } from './utils.js'
|
||||
import { nextTick, fire, bind, unbind, hyphen } from './utils.js'
|
||||
export { $, $$, offset, outsideClick, clearOutsideClick } from './utils.js'
|
||||
export { html, css, svg, bind, unbind, nextTick }
|
||||
|
||||
// 简单的类名解析
|
||||
export function classMap(data = {}) {
|
||||
let output = ''
|
||||
for (let k in data) {
|
||||
if (data[k]) {
|
||||
output += ' ' + k
|
||||
}
|
||||
}
|
||||
return output.slice(1)
|
||||
}
|
||||
// 简单的样式解析
|
||||
export function styleMap(data = {}) {
|
||||
let output = ''
|
||||
for (let k in data) {
|
||||
if (data[k]) {
|
||||
output += hyphen(k) + ':' + data[k] + ';'
|
||||
}
|
||||
}
|
||||
return output
|
||||
}
|
||||
|
||||
export class Component extends HTMLElement {
|
||||
/**
|
||||
* 声明可监听变化的属性列表
|
||||
|
|
|
@ -42,6 +42,11 @@ export const nextTick = (function () {
|
|||
}
|
||||
})()
|
||||
|
||||
//驼峰转换为连字符线风格
|
||||
export function hyphen(target) {
|
||||
return target.replace(/([a-z\d])([A-Z]+)/g, '$1-$2').toLowerCase()
|
||||
}
|
||||
|
||||
//取得距离页面左上角的坐标
|
||||
export function offset(node) {
|
||||
try {
|
||||
|
|
Loading…
Reference in New Issue