jb-mobile-ui 1.3.6 → 1.3.7
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/README.md +61 -61
- package/dist/components/JbMobileDatePicker.vue.d.ts +0 -19
- package/dist/components/JbMobileSearchInput.vue.d.ts +0 -9
- package/dist/components/JbMobileTimePicker.vue.d.ts +0 -9
- package/dist/index.cjs.js +2 -2
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.es.js +36 -46
- package/dist/utils/common.d.ts +1 -0
- package/package.json +97 -97
package/README.md
CHANGED
|
@@ -1,61 +1,61 @@
|
|
|
1
|
-
<h1 align="center">Jb Mobile Ui</h1>
|
|
2
|
-
|
|
3
|
-
<p align="center">A public Vue UI library for JinBiWuYe mobile web apps(Vue 3).</p>
|
|
4
|
-
|
|
5
|
-
## Install
|
|
6
|
-
|
|
7
|
-
Using `npm` to install:
|
|
8
|
-
|
|
9
|
-
```bash
|
|
10
|
-
npm i jb-mobile-ui
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
Using `yarn`, `pnpm`, or `bun`:
|
|
14
|
-
|
|
15
|
-
```bash
|
|
16
|
-
# with yarn
|
|
17
|
-
yarn add jb-mobile-ui
|
|
18
|
-
|
|
19
|
-
# with pnpm
|
|
20
|
-
pnpm add jb-mobile-ui
|
|
21
|
-
|
|
22
|
-
# with Bun
|
|
23
|
-
bun add jb-mobile-ui
|
|
24
|
-
```
|
|
25
|
-
|
|
26
|
-
## Usage
|
|
27
|
-
|
|
28
|
-
在 vite.config.ts 中添加配置:
|
|
29
|
-
|
|
30
|
-
```javascript
|
|
31
|
-
resolve: {
|
|
32
|
-
alias: {
|
|
33
|
-
'jb-mobile-ui': '/node_modules/jb-mobile-ui'
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
```
|
|
37
|
-
|
|
38
|
-
在 main.ts 中引入 css:
|
|
39
|
-
|
|
40
|
-
```javascript
|
|
41
|
-
import 'jb-mobile-ui/dist/index.css'
|
|
42
|
-
```
|
|
43
|
-
|
|
44
|
-
如果需要更换主题色,则需要在引入 jb-mobile-ui/dist/index.css 后通过 css 变量 --theme-color 进行修改:
|
|
45
|
-
|
|
46
|
-
```css
|
|
47
|
-
:root {
|
|
48
|
-
--theme-color: #7B52FE;
|
|
49
|
-
}
|
|
50
|
-
```
|
|
51
|
-
|
|
52
|
-
按需引入组件:
|
|
53
|
-
|
|
54
|
-
```javascript
|
|
55
|
-
import { JbMobileButton } from 'jb-mobile-ui'
|
|
56
|
-
```
|
|
57
|
-
|
|
58
|
-
## Links
|
|
59
|
-
|
|
60
|
-
- [Documentation]()
|
|
61
|
-
- [Changelog](https://jinbicloud.coding.net/p/P8/d/jb-mobile-ui/git/tree/main/CHANGELOG.md)
|
|
1
|
+
<h1 align="center">Jb Mobile Ui</h1>
|
|
2
|
+
|
|
3
|
+
<p align="center">A public Vue UI library for JinBiWuYe mobile web apps(Vue 3).</p>
|
|
4
|
+
|
|
5
|
+
## Install
|
|
6
|
+
|
|
7
|
+
Using `npm` to install:
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm i jb-mobile-ui
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
Using `yarn`, `pnpm`, or `bun`:
|
|
14
|
+
|
|
15
|
+
```bash
|
|
16
|
+
# with yarn
|
|
17
|
+
yarn add jb-mobile-ui
|
|
18
|
+
|
|
19
|
+
# with pnpm
|
|
20
|
+
pnpm add jb-mobile-ui
|
|
21
|
+
|
|
22
|
+
# with Bun
|
|
23
|
+
bun add jb-mobile-ui
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
## Usage
|
|
27
|
+
|
|
28
|
+
在 vite.config.ts 中添加配置:
|
|
29
|
+
|
|
30
|
+
```javascript
|
|
31
|
+
resolve: {
|
|
32
|
+
alias: {
|
|
33
|
+
'jb-mobile-ui': '/node_modules/jb-mobile-ui'
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
在 main.ts 中引入 css:
|
|
39
|
+
|
|
40
|
+
```javascript
|
|
41
|
+
import 'jb-mobile-ui/dist/index.css'
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
如果需要更换主题色,则需要在引入 jb-mobile-ui/dist/index.css 后通过 css 变量 --theme-color 进行修改:
|
|
45
|
+
|
|
46
|
+
```css
|
|
47
|
+
:root {
|
|
48
|
+
--theme-color: #7B52FE;
|
|
49
|
+
}
|
|
50
|
+
```
|
|
51
|
+
|
|
52
|
+
按需引入组件:
|
|
53
|
+
|
|
54
|
+
```javascript
|
|
55
|
+
import { JbMobileButton } from 'jb-mobile-ui'
|
|
56
|
+
```
|
|
57
|
+
|
|
58
|
+
## Links
|
|
59
|
+
|
|
60
|
+
- [Documentation]()
|
|
61
|
+
- [Changelog](https://jinbicloud.coding.net/p/P8/d/jb-mobile-ui/git/tree/main/CHANGELOG.md)
|
|
@@ -38,10 +38,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
38
38
|
type: BooleanConstructor;
|
|
39
39
|
default: boolean;
|
|
40
40
|
};
|
|
41
|
-
itemBgColor: {
|
|
42
|
-
type: StringConstructor;
|
|
43
|
-
default: string;
|
|
44
|
-
};
|
|
45
41
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
46
42
|
confirm: (...args: any[]) => void;
|
|
47
43
|
changeDateFail: (...args: any[]) => void;
|
|
@@ -87,10 +83,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
87
83
|
type: BooleanConstructor;
|
|
88
84
|
default: boolean;
|
|
89
85
|
};
|
|
90
|
-
itemBgColor: {
|
|
91
|
-
type: StringConstructor;
|
|
92
|
-
default: string;
|
|
93
|
-
};
|
|
94
86
|
}>> & Readonly<{
|
|
95
87
|
onConfirm?: ((...args: any[]) => any) | undefined;
|
|
96
88
|
onChangeDateFail?: ((...args: any[]) => any) | undefined;
|
|
@@ -100,7 +92,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
100
92
|
disabled: boolean;
|
|
101
93
|
defaultValue: Date | Date[];
|
|
102
94
|
datePickerTypeList: unknown[];
|
|
103
|
-
itemBgColor: string;
|
|
104
95
|
dateFormatValue: string;
|
|
105
96
|
datePickerType: string;
|
|
106
97
|
showDatePickerType: boolean;
|
|
@@ -161,10 +152,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
161
152
|
type: BooleanConstructor;
|
|
162
153
|
default: boolean;
|
|
163
154
|
};
|
|
164
|
-
itemBgColor: {
|
|
165
|
-
type: StringConstructor;
|
|
166
|
-
default: string;
|
|
167
|
-
};
|
|
168
155
|
}>> & Readonly<{
|
|
169
156
|
"onUpdate:visible"?: ((...args: any[]) => any) | undefined;
|
|
170
157
|
onConfirm?: ((...args: any[]) => any) | undefined;
|
|
@@ -189,7 +176,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
189
176
|
withSelectTab: boolean;
|
|
190
177
|
datePickerTypeList: unknown[];
|
|
191
178
|
disabledTab: boolean;
|
|
192
|
-
itemBgColor: string;
|
|
193
179
|
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
|
|
194
180
|
timePickerContentRef: HTMLDivElement;
|
|
195
181
|
calendarRef: ({
|
|
@@ -599,10 +585,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
599
585
|
type: BooleanConstructor;
|
|
600
586
|
default: boolean;
|
|
601
587
|
};
|
|
602
|
-
itemBgColor: {
|
|
603
|
-
type: StringConstructor;
|
|
604
|
-
default: string;
|
|
605
|
-
};
|
|
606
588
|
}>> & Readonly<{
|
|
607
589
|
"onUpdate:visible"?: ((...args: any[]) => any) | undefined;
|
|
608
590
|
onConfirm?: ((...args: any[]) => any) | undefined;
|
|
@@ -622,7 +604,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
622
604
|
withSelectTab: boolean;
|
|
623
605
|
datePickerTypeList: unknown[];
|
|
624
606
|
disabledTab: boolean;
|
|
625
|
-
itemBgColor: string;
|
|
626
607
|
}> | null;
|
|
627
608
|
}, HTMLDivElement>;
|
|
628
609
|
export default _default;
|
|
@@ -1,8 +1,4 @@
|
|
|
1
1
|
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
2
|
-
showBtn: {
|
|
3
|
-
type: BooleanConstructor;
|
|
4
|
-
default: boolean;
|
|
5
|
-
};
|
|
6
2
|
modelValue: {
|
|
7
3
|
type: (StringConstructor | NumberConstructor)[];
|
|
8
4
|
default: string;
|
|
@@ -14,10 +10,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
14
10
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
15
11
|
"update:modelValue": (...args: any[]) => void;
|
|
16
12
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
17
|
-
showBtn: {
|
|
18
|
-
type: BooleanConstructor;
|
|
19
|
-
default: boolean;
|
|
20
|
-
};
|
|
21
13
|
modelValue: {
|
|
22
14
|
type: (StringConstructor | NumberConstructor)[];
|
|
23
15
|
default: string;
|
|
@@ -30,7 +22,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
30
22
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
31
23
|
}>, {
|
|
32
24
|
placeholder: string;
|
|
33
|
-
showBtn: boolean;
|
|
34
25
|
modelValue: string | number;
|
|
35
26
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
36
27
|
export default _default;
|
|
@@ -55,10 +55,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
55
55
|
type: BooleanConstructor;
|
|
56
56
|
default: boolean;
|
|
57
57
|
};
|
|
58
|
-
itemBgColor: {
|
|
59
|
-
type: StringConstructor;
|
|
60
|
-
default: string;
|
|
61
|
-
};
|
|
62
58
|
}>, {
|
|
63
59
|
toPrevDate: () => void;
|
|
64
60
|
toNextDate: () => void;
|
|
@@ -123,10 +119,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
123
119
|
type: BooleanConstructor;
|
|
124
120
|
default: boolean;
|
|
125
121
|
};
|
|
126
|
-
itemBgColor: {
|
|
127
|
-
type: StringConstructor;
|
|
128
|
-
default: string;
|
|
129
|
-
};
|
|
130
122
|
}>> & Readonly<{
|
|
131
123
|
"onUpdate:visible"?: ((...args: any[]) => any) | undefined;
|
|
132
124
|
onConfirm?: ((...args: any[]) => any) | undefined;
|
|
@@ -143,7 +135,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
143
135
|
withSelectTab: boolean;
|
|
144
136
|
datePickerTypeList: unknown[];
|
|
145
137
|
disabledTab: boolean;
|
|
146
|
-
itemBgColor: string;
|
|
147
138
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
148
139
|
timePickerContentRef: HTMLDivElement;
|
|
149
140
|
calendarRef: ({
|