ll-plus 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/entry/types/components.d.ts +3 -0
- package/entry/types/index.d.ts +6 -0
- package/es/components/icon/index.d.ts +34 -0
- package/es/components/icon/index.js +33 -0
- package/es/components/icon/src/icon.d.ts +6 -0
- package/es/components/icon/src/icon.vue.d.ts +27 -0
- package/es/components/index.d.ts +1 -0
- package/es/components/index.js +1 -0
- package/es/components.d.ts +3 -0
- package/es/components.js +5 -0
- package/es/index.d.ts +6 -0
- package/es/index.js +11 -0
- package/es/utils/add-util.d.ts +1 -0
- package/es/utils/add-util.js +3 -0
- package/es/utils/create-namespace.d.ts +10 -0
- package/es/utils/create-namespace.js +38 -0
- package/es/utils/index.d.ts +3 -0
- package/es/utils/index.js +3 -0
- package/es/utils/with-install.d.ts +3 -0
- package/es/utils/with-install.js +6 -0
- package/index.esm.js +91 -0
- package/index.js +101 -0
- package/lib/components/icon/index.d.ts +34 -0
- package/lib/components/icon/index.js +39 -0
- package/lib/components/icon/src/icon.d.ts +6 -0
- package/lib/components/icon/src/icon.vue.d.ts +27 -0
- package/lib/components/index.d.ts +1 -0
- package/lib/components/index.js +12 -0
- package/lib/components.d.ts +3 -0
- package/lib/components.js +9 -0
- package/lib/index.d.ts +6 -0
- package/lib/index.js +21 -0
- package/lib/utils/add-util.d.ts +1 -0
- package/lib/utils/add-util.js +7 -0
- package/lib/utils/create-namespace.d.ts +10 -0
- package/lib/utils/create-namespace.js +42 -0
- package/lib/utils/index.d.ts +3 -0
- package/lib/utils/index.js +19 -0
- package/lib/utils/with-install.d.ts +3 -0
- package/lib/utils/with-install.js +10 -0
- package/package.json +13 -0
- package/theme-chalk/css/icon.css +1 -0
- package/theme-chalk/css/index.css +1 -0
- package/theme-chalk/fonts/iconfont.ttf +0 -0
- package/theme-chalk/fonts/iconfont.woff +0 -0
- package/theme-chalk/fonts/iconfont.woff2 +0 -0
- package/types/components/icon/index.d.ts +34 -0
- package/types/components/icon/src/icon.d.ts +6 -0
- package/types/components/icon/src/icon.vue.d.ts +27 -0
- package/types/components/index.d.ts +1 -0
- package/types/utils/add-util.d.ts +1 -0
- package/types/utils/create-namespace.d.ts +10 -0
- package/types/utils/index.d.ts +3 -0
- package/types/utils/with-install.d.ts +3 -0
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import Icon from './src/icon.vue';
|
|
2
|
+
export declare const LlIcon: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
|
|
3
|
+
readonly size: import("vue").PropType<string | number>;
|
|
4
|
+
readonly color: StringConstructor;
|
|
5
|
+
}, {
|
|
6
|
+
props: import("@vue/shared").LooseRequired<{
|
|
7
|
+
readonly size?: string | number;
|
|
8
|
+
readonly color?: string;
|
|
9
|
+
} & {}>;
|
|
10
|
+
bem: {
|
|
11
|
+
b: (blockSuffix?: string) => string;
|
|
12
|
+
e: (element?: string) => string;
|
|
13
|
+
m: (modifier?: string) => string;
|
|
14
|
+
be: (blockSuffix?: string, element?: string) => string;
|
|
15
|
+
em: (element: string, modifier: string) => string;
|
|
16
|
+
bm: (blockSuffix: string, modifier: string) => string;
|
|
17
|
+
bem: (blockSuffix: string, element: string, modifier: string) => string;
|
|
18
|
+
is: (name?: string) => string;
|
|
19
|
+
};
|
|
20
|
+
style: import("vue").ComputedRef<{
|
|
21
|
+
'font-size'?: string;
|
|
22
|
+
color?: string;
|
|
23
|
+
}>;
|
|
24
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
25
|
+
readonly size: import("vue").PropType<string | number>;
|
|
26
|
+
readonly color: StringConstructor;
|
|
27
|
+
}>>, {}, {}>>;
|
|
28
|
+
export default LlIcon;
|
|
29
|
+
export * from './src/icon';
|
|
30
|
+
declare module 'vue' {
|
|
31
|
+
interface GlobalComponents {
|
|
32
|
+
LlIcon: typeof Icon;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { createNamespace, addUnit, withInstall } from 'll-plus/es/utils';
|
|
2
|
+
import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot } from 'vue';
|
|
3
|
+
|
|
4
|
+
const iconProps = {
|
|
5
|
+
size: [Number, String],
|
|
6
|
+
color: String
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
var script = defineComponent(Object.assign({
|
|
10
|
+
name: 'LlIcon'
|
|
11
|
+
}, { __name: 'icon', props: iconProps, setup(__props) {
|
|
12
|
+
const props = __props;
|
|
13
|
+
const bem = createNamespace('icon');
|
|
14
|
+
const style = computed(() => {
|
|
15
|
+
if (!props.color && !props.size)
|
|
16
|
+
return {};
|
|
17
|
+
return Object.assign(Object.assign({}, (props.color ? { color: props.color } : {})), (props.size ? { 'font-size': addUnit(props.size) } : {}));
|
|
18
|
+
});
|
|
19
|
+
return (_ctx, _cache) => {
|
|
20
|
+
return (openBlock(), createElementBlock("i", {
|
|
21
|
+
class: normalizeClass(unref(bem).b()),
|
|
22
|
+
style: normalizeStyle(style.value)
|
|
23
|
+
}, [
|
|
24
|
+
renderSlot(_ctx.$slots, "default")
|
|
25
|
+
], 6));
|
|
26
|
+
};
|
|
27
|
+
} }));
|
|
28
|
+
|
|
29
|
+
script.__file = "packages/components/icon/src/icon.vue";
|
|
30
|
+
|
|
31
|
+
const LlIcon = withInstall(script);
|
|
32
|
+
|
|
33
|
+
export { LlIcon, LlIcon as default, iconProps };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
readonly size: import("vue").PropType<string | number>;
|
|
3
|
+
readonly color: StringConstructor;
|
|
4
|
+
}, {
|
|
5
|
+
props: import("@vue/shared").LooseRequired<{
|
|
6
|
+
readonly size?: string | number;
|
|
7
|
+
readonly color?: string;
|
|
8
|
+
} & {}>;
|
|
9
|
+
bem: {
|
|
10
|
+
b: (blockSuffix?: string) => string;
|
|
11
|
+
e: (element?: string) => string;
|
|
12
|
+
m: (modifier?: string) => string;
|
|
13
|
+
be: (blockSuffix?: string, element?: string) => string;
|
|
14
|
+
em: (element: string, modifier: string) => string;
|
|
15
|
+
bm: (blockSuffix: string, modifier: string) => string;
|
|
16
|
+
bem: (blockSuffix: string, element: string, modifier: string) => string;
|
|
17
|
+
is: (name?: string) => string;
|
|
18
|
+
};
|
|
19
|
+
style: import("vue").ComputedRef<{
|
|
20
|
+
'font-size'?: string;
|
|
21
|
+
color?: string;
|
|
22
|
+
}>;
|
|
23
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
24
|
+
readonly size: import("vue").PropType<string | number>;
|
|
25
|
+
readonly color: StringConstructor;
|
|
26
|
+
}>>, {}, {}>;
|
|
27
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './icon';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './icon';
|
package/es/components.js
ADDED
package/es/index.d.ts
ADDED
package/es/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const addUnit: (val: string | number) => string;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare function createNamespace(name: string): {
|
|
2
|
+
b: (blockSuffix?: string) => string;
|
|
3
|
+
e: (element?: string) => string;
|
|
4
|
+
m: (modifier?: string) => string;
|
|
5
|
+
be: (blockSuffix?: string, element?: string) => string;
|
|
6
|
+
em: (element: string, modifier: string) => string;
|
|
7
|
+
bm: (blockSuffix: string, modifier: string) => string;
|
|
8
|
+
bem: (blockSuffix: string, element: string, modifier: string) => string;
|
|
9
|
+
is: (name?: string) => string;
|
|
10
|
+
};
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
const _bem = (prefixedName, blockSuffix, element, modifier) => {
|
|
2
|
+
if (blockSuffix) {
|
|
3
|
+
prefixedName += `-${blockSuffix}`;
|
|
4
|
+
}
|
|
5
|
+
if (element) {
|
|
6
|
+
prefixedName += `__${element}`;
|
|
7
|
+
}
|
|
8
|
+
if (modifier) {
|
|
9
|
+
prefixedName += `--${modifier}`;
|
|
10
|
+
}
|
|
11
|
+
return prefixedName;
|
|
12
|
+
};
|
|
13
|
+
function createBEM(prefixedName) {
|
|
14
|
+
const b = (blockSuffix = '') => _bem(prefixedName, blockSuffix, '', '');
|
|
15
|
+
const e = (element = '') => element ? _bem(prefixedName, '', element, '') : '';
|
|
16
|
+
const m = (modifier = '') => modifier ? _bem(prefixedName, '', '', modifier) : '';
|
|
17
|
+
const be = (blockSuffix = '', element = '') => blockSuffix && element ? _bem(prefixedName, blockSuffix, element, '') : '';
|
|
18
|
+
const em = (element, modifier) => element && modifier ? _bem(prefixedName, '', element, modifier) : '';
|
|
19
|
+
const bm = (blockSuffix, modifier) => blockSuffix && modifier ? _bem(prefixedName, blockSuffix, '', modifier) : '';
|
|
20
|
+
const bem = (blockSuffix, element, modifier) => blockSuffix && element && modifier
|
|
21
|
+
? _bem(prefixedName, blockSuffix, element, modifier)
|
|
22
|
+
: '';
|
|
23
|
+
const is = (name = '') => (name ? `is-${name}` : '');
|
|
24
|
+
return {
|
|
25
|
+
b,
|
|
26
|
+
e,
|
|
27
|
+
m,
|
|
28
|
+
be,
|
|
29
|
+
em,
|
|
30
|
+
bm,
|
|
31
|
+
bem,
|
|
32
|
+
is
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
export function createNamespace(name) {
|
|
36
|
+
const prefixedName = `ll-${name}`;
|
|
37
|
+
return createBEM(prefixedName);
|
|
38
|
+
}
|
package/index.esm.js
ADDED
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot } from 'vue';
|
|
2
|
+
|
|
3
|
+
const addUnit = (val) => {
|
|
4
|
+
return typeof val === 'string' ? val : val + 'px';
|
|
5
|
+
};
|
|
6
|
+
|
|
7
|
+
const _bem = (prefixedName, blockSuffix, element, modifier) => {
|
|
8
|
+
if (blockSuffix) {
|
|
9
|
+
prefixedName += `-${blockSuffix}`;
|
|
10
|
+
}
|
|
11
|
+
if (element) {
|
|
12
|
+
prefixedName += `__${element}`;
|
|
13
|
+
}
|
|
14
|
+
if (modifier) {
|
|
15
|
+
prefixedName += `--${modifier}`;
|
|
16
|
+
}
|
|
17
|
+
return prefixedName;
|
|
18
|
+
};
|
|
19
|
+
function createBEM(prefixedName) {
|
|
20
|
+
const b = (blockSuffix = '') => _bem(prefixedName, blockSuffix, '', '');
|
|
21
|
+
const e = (element = '') => element ? _bem(prefixedName, '', element, '') : '';
|
|
22
|
+
const m = (modifier = '') => modifier ? _bem(prefixedName, '', '', modifier) : '';
|
|
23
|
+
const be = (blockSuffix = '', element = '') => blockSuffix && element ? _bem(prefixedName, blockSuffix, element, '') : '';
|
|
24
|
+
const em = (element, modifier) => element && modifier ? _bem(prefixedName, '', element, modifier) : '';
|
|
25
|
+
const bm = (blockSuffix, modifier) => blockSuffix && modifier ? _bem(prefixedName, blockSuffix, '', modifier) : '';
|
|
26
|
+
const bem = (blockSuffix, element, modifier) => blockSuffix && element && modifier
|
|
27
|
+
? _bem(prefixedName, blockSuffix, element, modifier)
|
|
28
|
+
: '';
|
|
29
|
+
const is = (name = '') => (name ? `is-${name}` : '');
|
|
30
|
+
return {
|
|
31
|
+
b,
|
|
32
|
+
e,
|
|
33
|
+
m,
|
|
34
|
+
be,
|
|
35
|
+
em,
|
|
36
|
+
bm,
|
|
37
|
+
bem,
|
|
38
|
+
is
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
function createNamespace(name) {
|
|
42
|
+
const prefixedName = `ll-${name}`;
|
|
43
|
+
return createBEM(prefixedName);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
const withInstall = (comp) => {
|
|
47
|
+
comp.install = function (app) {
|
|
48
|
+
app.component(comp.name, comp);
|
|
49
|
+
};
|
|
50
|
+
return comp;
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
const iconProps = {
|
|
54
|
+
size: [Number, String],
|
|
55
|
+
color: String
|
|
56
|
+
};
|
|
57
|
+
|
|
58
|
+
var script = defineComponent(Object.assign({
|
|
59
|
+
name: 'LlIcon'
|
|
60
|
+
}, { __name: 'icon', props: iconProps, setup(__props) {
|
|
61
|
+
const props = __props;
|
|
62
|
+
const bem = createNamespace('icon');
|
|
63
|
+
const style = computed(() => {
|
|
64
|
+
if (!props.color && !props.size)
|
|
65
|
+
return {};
|
|
66
|
+
return Object.assign(Object.assign({}, (props.color ? { color: props.color } : {})), (props.size ? { 'font-size': addUnit(props.size) } : {}));
|
|
67
|
+
});
|
|
68
|
+
return (_ctx, _cache) => {
|
|
69
|
+
return (openBlock(), createElementBlock("i", {
|
|
70
|
+
class: normalizeClass(unref(bem).b()),
|
|
71
|
+
style: normalizeStyle(style.value)
|
|
72
|
+
}, [
|
|
73
|
+
renderSlot(_ctx.$slots, "default")
|
|
74
|
+
], 6));
|
|
75
|
+
};
|
|
76
|
+
} }));
|
|
77
|
+
|
|
78
|
+
script.__file = "packages/components/icon/src/icon.vue";
|
|
79
|
+
|
|
80
|
+
const LlIcon = withInstall(script);
|
|
81
|
+
|
|
82
|
+
var components = [LlIcon];
|
|
83
|
+
|
|
84
|
+
const install = (app) => {
|
|
85
|
+
components.forEach(component => app.use(component));
|
|
86
|
+
};
|
|
87
|
+
var index = {
|
|
88
|
+
install
|
|
89
|
+
};
|
|
90
|
+
|
|
91
|
+
export { LlIcon, index as default, iconProps };
|
package/index.js
ADDED
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
(function (global, factory) {
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define(['exports', 'vue'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.LlPlus = {}, global.Vue));
|
|
5
|
+
})(this, (function (exports, vue) { 'use strict';
|
|
6
|
+
|
|
7
|
+
const addUnit = (val) => {
|
|
8
|
+
return typeof val === 'string' ? val : val + 'px';
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
const _bem = (prefixedName, blockSuffix, element, modifier) => {
|
|
12
|
+
if (blockSuffix) {
|
|
13
|
+
prefixedName += `-${blockSuffix}`;
|
|
14
|
+
}
|
|
15
|
+
if (element) {
|
|
16
|
+
prefixedName += `__${element}`;
|
|
17
|
+
}
|
|
18
|
+
if (modifier) {
|
|
19
|
+
prefixedName += `--${modifier}`;
|
|
20
|
+
}
|
|
21
|
+
return prefixedName;
|
|
22
|
+
};
|
|
23
|
+
function createBEM(prefixedName) {
|
|
24
|
+
const b = (blockSuffix = '') => _bem(prefixedName, blockSuffix, '', '');
|
|
25
|
+
const e = (element = '') => element ? _bem(prefixedName, '', element, '') : '';
|
|
26
|
+
const m = (modifier = '') => modifier ? _bem(prefixedName, '', '', modifier) : '';
|
|
27
|
+
const be = (blockSuffix = '', element = '') => blockSuffix && element ? _bem(prefixedName, blockSuffix, element, '') : '';
|
|
28
|
+
const em = (element, modifier) => element && modifier ? _bem(prefixedName, '', element, modifier) : '';
|
|
29
|
+
const bm = (blockSuffix, modifier) => blockSuffix && modifier ? _bem(prefixedName, blockSuffix, '', modifier) : '';
|
|
30
|
+
const bem = (blockSuffix, element, modifier) => blockSuffix && element && modifier
|
|
31
|
+
? _bem(prefixedName, blockSuffix, element, modifier)
|
|
32
|
+
: '';
|
|
33
|
+
const is = (name = '') => (name ? `is-${name}` : '');
|
|
34
|
+
return {
|
|
35
|
+
b,
|
|
36
|
+
e,
|
|
37
|
+
m,
|
|
38
|
+
be,
|
|
39
|
+
em,
|
|
40
|
+
bm,
|
|
41
|
+
bem,
|
|
42
|
+
is
|
|
43
|
+
};
|
|
44
|
+
}
|
|
45
|
+
function createNamespace(name) {
|
|
46
|
+
const prefixedName = `ll-${name}`;
|
|
47
|
+
return createBEM(prefixedName);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
const withInstall = (comp) => {
|
|
51
|
+
comp.install = function (app) {
|
|
52
|
+
app.component(comp.name, comp);
|
|
53
|
+
};
|
|
54
|
+
return comp;
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
const iconProps = {
|
|
58
|
+
size: [Number, String],
|
|
59
|
+
color: String
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
var script = vue.defineComponent(Object.assign({
|
|
63
|
+
name: 'LlIcon'
|
|
64
|
+
}, { __name: 'icon', props: iconProps, setup(__props) {
|
|
65
|
+
const props = __props;
|
|
66
|
+
const bem = createNamespace('icon');
|
|
67
|
+
const style = vue.computed(() => {
|
|
68
|
+
if (!props.color && !props.size)
|
|
69
|
+
return {};
|
|
70
|
+
return Object.assign(Object.assign({}, (props.color ? { color: props.color } : {})), (props.size ? { 'font-size': addUnit(props.size) } : {}));
|
|
71
|
+
});
|
|
72
|
+
return (_ctx, _cache) => {
|
|
73
|
+
return (vue.openBlock(), vue.createElementBlock("i", {
|
|
74
|
+
class: vue.normalizeClass(vue.unref(bem).b()),
|
|
75
|
+
style: vue.normalizeStyle(style.value)
|
|
76
|
+
}, [
|
|
77
|
+
vue.renderSlot(_ctx.$slots, "default")
|
|
78
|
+
], 6));
|
|
79
|
+
};
|
|
80
|
+
} }));
|
|
81
|
+
|
|
82
|
+
script.__file = "packages/components/icon/src/icon.vue";
|
|
83
|
+
|
|
84
|
+
const LlIcon = withInstall(script);
|
|
85
|
+
|
|
86
|
+
var components = [LlIcon];
|
|
87
|
+
|
|
88
|
+
const install = (app) => {
|
|
89
|
+
components.forEach(component => app.use(component));
|
|
90
|
+
};
|
|
91
|
+
var index = {
|
|
92
|
+
install
|
|
93
|
+
};
|
|
94
|
+
|
|
95
|
+
exports.LlIcon = LlIcon;
|
|
96
|
+
exports.default = index;
|
|
97
|
+
exports.iconProps = iconProps;
|
|
98
|
+
|
|
99
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
100
|
+
|
|
101
|
+
}));
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import Icon from './src/icon.vue';
|
|
2
|
+
export declare const LlIcon: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
|
|
3
|
+
readonly size: import("vue").PropType<string | number>;
|
|
4
|
+
readonly color: StringConstructor;
|
|
5
|
+
}, {
|
|
6
|
+
props: import("@vue/shared").LooseRequired<{
|
|
7
|
+
readonly size?: string | number;
|
|
8
|
+
readonly color?: string;
|
|
9
|
+
} & {}>;
|
|
10
|
+
bem: {
|
|
11
|
+
b: (blockSuffix?: string) => string;
|
|
12
|
+
e: (element?: string) => string;
|
|
13
|
+
m: (modifier?: string) => string;
|
|
14
|
+
be: (blockSuffix?: string, element?: string) => string;
|
|
15
|
+
em: (element: string, modifier: string) => string;
|
|
16
|
+
bm: (blockSuffix: string, modifier: string) => string;
|
|
17
|
+
bem: (blockSuffix: string, element: string, modifier: string) => string;
|
|
18
|
+
is: (name?: string) => string;
|
|
19
|
+
};
|
|
20
|
+
style: import("vue").ComputedRef<{
|
|
21
|
+
'font-size'?: string;
|
|
22
|
+
color?: string;
|
|
23
|
+
}>;
|
|
24
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
25
|
+
readonly size: import("vue").PropType<string | number>;
|
|
26
|
+
readonly color: StringConstructor;
|
|
27
|
+
}>>, {}, {}>>;
|
|
28
|
+
export default LlIcon;
|
|
29
|
+
export * from './src/icon';
|
|
30
|
+
declare module 'vue' {
|
|
31
|
+
interface GlobalComponents {
|
|
32
|
+
LlIcon: typeof Icon;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var utils = require('ll-plus/lib/utils');
|
|
6
|
+
var vue = require('vue');
|
|
7
|
+
|
|
8
|
+
const iconProps = {
|
|
9
|
+
size: [Number, String],
|
|
10
|
+
color: String
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
var script = vue.defineComponent(Object.assign({
|
|
14
|
+
name: 'LlIcon'
|
|
15
|
+
}, { __name: 'icon', props: iconProps, setup(__props) {
|
|
16
|
+
const props = __props;
|
|
17
|
+
const bem = utils.createNamespace('icon');
|
|
18
|
+
const style = vue.computed(() => {
|
|
19
|
+
if (!props.color && !props.size)
|
|
20
|
+
return {};
|
|
21
|
+
return Object.assign(Object.assign({}, (props.color ? { color: props.color } : {})), (props.size ? { 'font-size': utils.addUnit(props.size) } : {}));
|
|
22
|
+
});
|
|
23
|
+
return (_ctx, _cache) => {
|
|
24
|
+
return (vue.openBlock(), vue.createElementBlock("i", {
|
|
25
|
+
class: vue.normalizeClass(vue.unref(bem).b()),
|
|
26
|
+
style: vue.normalizeStyle(style.value)
|
|
27
|
+
}, [
|
|
28
|
+
vue.renderSlot(_ctx.$slots, "default")
|
|
29
|
+
], 6));
|
|
30
|
+
};
|
|
31
|
+
} }));
|
|
32
|
+
|
|
33
|
+
script.__file = "packages/components/icon/src/icon.vue";
|
|
34
|
+
|
|
35
|
+
const LlIcon = utils.withInstall(script);
|
|
36
|
+
|
|
37
|
+
exports.LlIcon = LlIcon;
|
|
38
|
+
exports.default = LlIcon;
|
|
39
|
+
exports.iconProps = iconProps;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
readonly size: import("vue").PropType<string | number>;
|
|
3
|
+
readonly color: StringConstructor;
|
|
4
|
+
}, {
|
|
5
|
+
props: import("@vue/shared").LooseRequired<{
|
|
6
|
+
readonly size?: string | number;
|
|
7
|
+
readonly color?: string;
|
|
8
|
+
} & {}>;
|
|
9
|
+
bem: {
|
|
10
|
+
b: (blockSuffix?: string) => string;
|
|
11
|
+
e: (element?: string) => string;
|
|
12
|
+
m: (modifier?: string) => string;
|
|
13
|
+
be: (blockSuffix?: string, element?: string) => string;
|
|
14
|
+
em: (element: string, modifier: string) => string;
|
|
15
|
+
bm: (blockSuffix: string, modifier: string) => string;
|
|
16
|
+
bem: (blockSuffix: string, element: string, modifier: string) => string;
|
|
17
|
+
is: (name?: string) => string;
|
|
18
|
+
};
|
|
19
|
+
style: import("vue").ComputedRef<{
|
|
20
|
+
'font-size'?: string;
|
|
21
|
+
color?: string;
|
|
22
|
+
}>;
|
|
23
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
24
|
+
readonly size: import("vue").PropType<string | number>;
|
|
25
|
+
readonly color: StringConstructor;
|
|
26
|
+
}>>, {}, {}>;
|
|
27
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './icon';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var icon = require('./icon');
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
Object.keys(icon).forEach(function (k) {
|
|
8
|
+
if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
|
|
9
|
+
enumerable: true,
|
|
10
|
+
get: function () { return icon[k]; }
|
|
11
|
+
});
|
|
12
|
+
});
|
package/lib/index.d.ts
ADDED
package/lib/index.js
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var components$1 = require('./components.js');
|
|
6
|
+
var components = require('ll-plus/lib/components');
|
|
7
|
+
|
|
8
|
+
const install = (app) => {
|
|
9
|
+
components$1.default.forEach(component => app.use(component));
|
|
10
|
+
};
|
|
11
|
+
var index = {
|
|
12
|
+
install
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
exports.default = index;
|
|
16
|
+
Object.keys(components).forEach(function (k) {
|
|
17
|
+
if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
|
|
18
|
+
enumerable: true,
|
|
19
|
+
get: function () { return components[k]; }
|
|
20
|
+
});
|
|
21
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const addUnit: (val: string | number) => string;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare function createNamespace(name: string): {
|
|
2
|
+
b: (blockSuffix?: string) => string;
|
|
3
|
+
e: (element?: string) => string;
|
|
4
|
+
m: (modifier?: string) => string;
|
|
5
|
+
be: (blockSuffix?: string, element?: string) => string;
|
|
6
|
+
em: (element: string, modifier: string) => string;
|
|
7
|
+
bm: (blockSuffix: string, modifier: string) => string;
|
|
8
|
+
bem: (blockSuffix: string, element: string, modifier: string) => string;
|
|
9
|
+
is: (name?: string) => string;
|
|
10
|
+
};
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.createNamespace = void 0;
|
|
4
|
+
const _bem = (prefixedName, blockSuffix, element, modifier) => {
|
|
5
|
+
if (blockSuffix) {
|
|
6
|
+
prefixedName += `-${blockSuffix}`;
|
|
7
|
+
}
|
|
8
|
+
if (element) {
|
|
9
|
+
prefixedName += `__${element}`;
|
|
10
|
+
}
|
|
11
|
+
if (modifier) {
|
|
12
|
+
prefixedName += `--${modifier}`;
|
|
13
|
+
}
|
|
14
|
+
return prefixedName;
|
|
15
|
+
};
|
|
16
|
+
function createBEM(prefixedName) {
|
|
17
|
+
const b = (blockSuffix = '') => _bem(prefixedName, blockSuffix, '', '');
|
|
18
|
+
const e = (element = '') => element ? _bem(prefixedName, '', element, '') : '';
|
|
19
|
+
const m = (modifier = '') => modifier ? _bem(prefixedName, '', '', modifier) : '';
|
|
20
|
+
const be = (blockSuffix = '', element = '') => blockSuffix && element ? _bem(prefixedName, blockSuffix, element, '') : '';
|
|
21
|
+
const em = (element, modifier) => element && modifier ? _bem(prefixedName, '', element, modifier) : '';
|
|
22
|
+
const bm = (blockSuffix, modifier) => blockSuffix && modifier ? _bem(prefixedName, blockSuffix, '', modifier) : '';
|
|
23
|
+
const bem = (blockSuffix, element, modifier) => blockSuffix && element && modifier
|
|
24
|
+
? _bem(prefixedName, blockSuffix, element, modifier)
|
|
25
|
+
: '';
|
|
26
|
+
const is = (name = '') => (name ? `is-${name}` : '');
|
|
27
|
+
return {
|
|
28
|
+
b,
|
|
29
|
+
e,
|
|
30
|
+
m,
|
|
31
|
+
be,
|
|
32
|
+
em,
|
|
33
|
+
bm,
|
|
34
|
+
bem,
|
|
35
|
+
is
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
function createNamespace(name) {
|
|
39
|
+
const prefixedName = `ll-${name}`;
|
|
40
|
+
return createBEM(prefixedName);
|
|
41
|
+
}
|
|
42
|
+
exports.createNamespace = createNamespace;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./add-util"), exports);
|
|
18
|
+
__exportStar(require("./create-namespace"), exports);
|
|
19
|
+
__exportStar(require("./with-install"), exports);
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.withInstall = void 0;
|
|
4
|
+
const withInstall = (comp) => {
|
|
5
|
+
comp.install = function (app) {
|
|
6
|
+
app.component(comp.name, comp);
|
|
7
|
+
};
|
|
8
|
+
return comp;
|
|
9
|
+
};
|
|
10
|
+
exports.withInstall = withInstall;
|
package/package.json
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "ll-plus",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"description": "",
|
|
5
|
+
"main": "lib/index.js",
|
|
6
|
+
"module": "es/index.js",
|
|
7
|
+
"scripts": {
|
|
8
|
+
"test": "echo \"Error: no test specified\" && exit 1"
|
|
9
|
+
},
|
|
10
|
+
"keywords": [],
|
|
11
|
+
"author": "",
|
|
12
|
+
"license": "ISC"
|
|
13
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ll-icon{height:1em;width:1em;line-height:1em;display:inline-block;vertical-align:middle}.ll-icon svg{height:1em;width:1em}@font-face{font-family:ll-plus-icons;src:url(ll-plus/theme-chalk/fonts/iconfont.woff2) format("woff2"),url(ll-plus/theme-chalk/fonts/iconfont.woff) format("woff"),url(ll-plus/theme-chalk/fonts/iconfont.ttf) format("truetype")}[class*=ll-icon],[class^=ll-icon]{font-family:ll-plus-icons!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ll-icon-avatar:before{content:"\e617"}.ll-icon-menu-expansion:before{content:"\e67c"}.ll-icon-search:before{content:"\e6b9"}.ll-icon-wenhao:before{content:"\e600"}.ll-icon-windows-shixin:before{content:"\e603"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ll-icon{height:1em;width:1em;line-height:1em;display:inline-block;vertical-align:middle}.ll-icon svg{height:1em;width:1em}@font-face{font-family:ll-plus-icons;src:url(ll-plus/theme-chalk/fonts/iconfont.woff2) format("woff2"),url(ll-plus/theme-chalk/fonts/iconfont.woff) format("woff"),url(ll-plus/theme-chalk/fonts/iconfont.ttf) format("truetype")}[class*=ll-icon],[class^=ll-icon]{font-family:ll-plus-icons!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ll-icon-avatar:before{content:"\e617"}.ll-icon-menu-expansion:before{content:"\e67c"}.ll-icon-search:before{content:"\e6b9"}.ll-icon-wenhao:before{content:"\e600"}.ll-icon-windows-shixin:before{content:"\e603"}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import Icon from './src/icon.vue';
|
|
2
|
+
export declare const LlIcon: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
|
|
3
|
+
readonly size: import("vue").PropType<string | number>;
|
|
4
|
+
readonly color: StringConstructor;
|
|
5
|
+
}, {
|
|
6
|
+
props: import("@vue/shared").LooseRequired<{
|
|
7
|
+
readonly size?: string | number;
|
|
8
|
+
readonly color?: string;
|
|
9
|
+
} & {}>;
|
|
10
|
+
bem: {
|
|
11
|
+
b: (blockSuffix?: string) => string;
|
|
12
|
+
e: (element?: string) => string;
|
|
13
|
+
m: (modifier?: string) => string;
|
|
14
|
+
be: (blockSuffix?: string, element?: string) => string;
|
|
15
|
+
em: (element: string, modifier: string) => string;
|
|
16
|
+
bm: (blockSuffix: string, modifier: string) => string;
|
|
17
|
+
bem: (blockSuffix: string, element: string, modifier: string) => string;
|
|
18
|
+
is: (name?: string) => string;
|
|
19
|
+
};
|
|
20
|
+
style: import("vue").ComputedRef<{
|
|
21
|
+
'font-size'?: string;
|
|
22
|
+
color?: string;
|
|
23
|
+
}>;
|
|
24
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
25
|
+
readonly size: import("vue").PropType<string | number>;
|
|
26
|
+
readonly color: StringConstructor;
|
|
27
|
+
}>>, {}, {}>>;
|
|
28
|
+
export default LlIcon;
|
|
29
|
+
export * from './src/icon';
|
|
30
|
+
declare module 'vue' {
|
|
31
|
+
interface GlobalComponents {
|
|
32
|
+
LlIcon: typeof Icon;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
readonly size: import("vue").PropType<string | number>;
|
|
3
|
+
readonly color: StringConstructor;
|
|
4
|
+
}, {
|
|
5
|
+
props: import("@vue/shared").LooseRequired<{
|
|
6
|
+
readonly size?: string | number;
|
|
7
|
+
readonly color?: string;
|
|
8
|
+
} & {}>;
|
|
9
|
+
bem: {
|
|
10
|
+
b: (blockSuffix?: string) => string;
|
|
11
|
+
e: (element?: string) => string;
|
|
12
|
+
m: (modifier?: string) => string;
|
|
13
|
+
be: (blockSuffix?: string, element?: string) => string;
|
|
14
|
+
em: (element: string, modifier: string) => string;
|
|
15
|
+
bm: (blockSuffix: string, modifier: string) => string;
|
|
16
|
+
bem: (blockSuffix: string, element: string, modifier: string) => string;
|
|
17
|
+
is: (name?: string) => string;
|
|
18
|
+
};
|
|
19
|
+
style: import("vue").ComputedRef<{
|
|
20
|
+
'font-size'?: string;
|
|
21
|
+
color?: string;
|
|
22
|
+
}>;
|
|
23
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
24
|
+
readonly size: import("vue").PropType<string | number>;
|
|
25
|
+
readonly color: StringConstructor;
|
|
26
|
+
}>>, {}, {}>;
|
|
27
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './icon';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const addUnit: (val: string | number) => string;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare function createNamespace(name: string): {
|
|
2
|
+
b: (blockSuffix?: string) => string;
|
|
3
|
+
e: (element?: string) => string;
|
|
4
|
+
m: (modifier?: string) => string;
|
|
5
|
+
be: (blockSuffix?: string, element?: string) => string;
|
|
6
|
+
em: (element: string, modifier: string) => string;
|
|
7
|
+
bm: (blockSuffix: string, modifier: string) => string;
|
|
8
|
+
bem: (blockSuffix: string, element: string, modifier: string) => string;
|
|
9
|
+
is: (name?: string) => string;
|
|
10
|
+
};
|