jb-mobile-ui 1.3.0 → 1.3.1
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 +29 -0
- package/dist/components/JbMobileTimePicker.vue.d.ts +18 -0
- package/dist/index.cjs.js +2 -2
- package/dist/index.css +1 -1
- package/dist/index.es.js +26 -12
- package/dist/utils/common.d.ts +0 -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,6 +38,10 @@ 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
|
+
};
|
|
41
45
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
42
46
|
confirm: (...args: any[]) => void;
|
|
43
47
|
changeDateFail: (...args: any[]) => void;
|
|
@@ -83,6 +87,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
83
87
|
type: BooleanConstructor;
|
|
84
88
|
default: boolean;
|
|
85
89
|
};
|
|
90
|
+
itemBgColor: {
|
|
91
|
+
type: StringConstructor;
|
|
92
|
+
default: string;
|
|
93
|
+
};
|
|
86
94
|
}>> & Readonly<{
|
|
87
95
|
onConfirm?: ((...args: any[]) => any) | undefined;
|
|
88
96
|
onChangeDateFail?: ((...args: any[]) => any) | undefined;
|
|
@@ -92,6 +100,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
92
100
|
disabled: boolean;
|
|
93
101
|
defaultValue: Date | Date[];
|
|
94
102
|
datePickerTypeList: unknown[];
|
|
103
|
+
itemBgColor: string;
|
|
95
104
|
dateFormatValue: string;
|
|
96
105
|
datePickerType: string;
|
|
97
106
|
showDatePickerType: boolean;
|
|
@@ -136,6 +145,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
136
145
|
type: StringConstructor;
|
|
137
146
|
default: string;
|
|
138
147
|
};
|
|
148
|
+
dateRangeFormat: {
|
|
149
|
+
type: StringConstructor;
|
|
150
|
+
default: string;
|
|
151
|
+
};
|
|
139
152
|
withSelectTab: {
|
|
140
153
|
type: BooleanConstructor;
|
|
141
154
|
default: boolean;
|
|
@@ -148,6 +161,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
148
161
|
type: BooleanConstructor;
|
|
149
162
|
default: boolean;
|
|
150
163
|
};
|
|
164
|
+
itemBgColor: {
|
|
165
|
+
type: StringConstructor;
|
|
166
|
+
default: string;
|
|
167
|
+
};
|
|
151
168
|
}>> & Readonly<{
|
|
152
169
|
"onUpdate:visible"?: ((...args: any[]) => any) | undefined;
|
|
153
170
|
onConfirm?: ((...args: any[]) => any) | undefined;
|
|
@@ -168,9 +185,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
168
185
|
minDate: string | number | Date;
|
|
169
186
|
maxDate: string | number | Date;
|
|
170
187
|
valueFormat: string;
|
|
188
|
+
dateRangeFormat: string;
|
|
171
189
|
withSelectTab: boolean;
|
|
172
190
|
datePickerTypeList: unknown[];
|
|
173
191
|
disabledTab: boolean;
|
|
192
|
+
itemBgColor: string;
|
|
174
193
|
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
|
|
175
194
|
timePickerContentRef: HTMLDivElement;
|
|
176
195
|
calendarRef: ({
|
|
@@ -564,6 +583,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
564
583
|
type: StringConstructor;
|
|
565
584
|
default: string;
|
|
566
585
|
};
|
|
586
|
+
dateRangeFormat: {
|
|
587
|
+
type: StringConstructor;
|
|
588
|
+
default: string;
|
|
589
|
+
};
|
|
567
590
|
withSelectTab: {
|
|
568
591
|
type: BooleanConstructor;
|
|
569
592
|
default: boolean;
|
|
@@ -576,6 +599,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
576
599
|
type: BooleanConstructor;
|
|
577
600
|
default: boolean;
|
|
578
601
|
};
|
|
602
|
+
itemBgColor: {
|
|
603
|
+
type: StringConstructor;
|
|
604
|
+
default: string;
|
|
605
|
+
};
|
|
579
606
|
}>> & Readonly<{
|
|
580
607
|
"onUpdate:visible"?: ((...args: any[]) => any) | undefined;
|
|
581
608
|
onConfirm?: ((...args: any[]) => any) | undefined;
|
|
@@ -591,9 +618,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
591
618
|
minDate: string | number | Date;
|
|
592
619
|
maxDate: string | number | Date;
|
|
593
620
|
valueFormat: string;
|
|
621
|
+
dateRangeFormat: string;
|
|
594
622
|
withSelectTab: boolean;
|
|
595
623
|
datePickerTypeList: unknown[];
|
|
596
624
|
disabledTab: boolean;
|
|
625
|
+
itemBgColor: string;
|
|
597
626
|
}> | null;
|
|
598
627
|
}, HTMLDivElement>;
|
|
599
628
|
export default _default;
|
|
@@ -39,6 +39,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
39
39
|
type: StringConstructor;
|
|
40
40
|
default: string;
|
|
41
41
|
};
|
|
42
|
+
dateRangeFormat: {
|
|
43
|
+
type: StringConstructor;
|
|
44
|
+
default: string;
|
|
45
|
+
};
|
|
42
46
|
withSelectTab: {
|
|
43
47
|
type: BooleanConstructor;
|
|
44
48
|
default: boolean;
|
|
@@ -51,6 +55,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
51
55
|
type: BooleanConstructor;
|
|
52
56
|
default: boolean;
|
|
53
57
|
};
|
|
58
|
+
itemBgColor: {
|
|
59
|
+
type: StringConstructor;
|
|
60
|
+
default: string;
|
|
61
|
+
};
|
|
54
62
|
}>, {
|
|
55
63
|
toPrevDate: () => void;
|
|
56
64
|
toNextDate: () => void;
|
|
@@ -99,6 +107,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
99
107
|
type: StringConstructor;
|
|
100
108
|
default: string;
|
|
101
109
|
};
|
|
110
|
+
dateRangeFormat: {
|
|
111
|
+
type: StringConstructor;
|
|
112
|
+
default: string;
|
|
113
|
+
};
|
|
102
114
|
withSelectTab: {
|
|
103
115
|
type: BooleanConstructor;
|
|
104
116
|
default: boolean;
|
|
@@ -111,6 +123,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
111
123
|
type: BooleanConstructor;
|
|
112
124
|
default: boolean;
|
|
113
125
|
};
|
|
126
|
+
itemBgColor: {
|
|
127
|
+
type: StringConstructor;
|
|
128
|
+
default: string;
|
|
129
|
+
};
|
|
114
130
|
}>> & Readonly<{
|
|
115
131
|
"onUpdate:visible"?: ((...args: any[]) => any) | undefined;
|
|
116
132
|
onConfirm?: ((...args: any[]) => any) | undefined;
|
|
@@ -123,9 +139,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
123
139
|
minDate: string | number | Date;
|
|
124
140
|
maxDate: string | number | Date;
|
|
125
141
|
valueFormat: string;
|
|
142
|
+
dateRangeFormat: string;
|
|
126
143
|
withSelectTab: boolean;
|
|
127
144
|
datePickerTypeList: unknown[];
|
|
128
145
|
disabledTab: boolean;
|
|
146
|
+
itemBgColor: string;
|
|
129
147
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
130
148
|
timePickerContentRef: HTMLDivElement;
|
|
131
149
|
calendarRef: ({
|