jb-mobile-ui 1.2.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 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: ({