@cgboiler/biz-mobile 1.17.16 → 1.17.17

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/es/index.d.ts CHANGED
@@ -8,7 +8,7 @@ declare namespace _default {
8
8
  }
9
9
  export default _default;
10
10
  export function install(app: any): void;
11
- export const version: "1.17.15";
11
+ export const version: "1.17.16";
12
12
  import MdPreview from './md-preview';
13
13
  import OrgPicker from './org-picker';
14
14
  import ProjectSelect from './project-select';
package/es/index.js CHANGED
@@ -2,7 +2,7 @@ import MdPreview from "./md-preview";
2
2
  import OrgPicker from "./org-picker";
3
3
  import ProjectSelect from "./project-select";
4
4
  import RichTextEditor from "./rich-text-editor";
5
- const version = "1.17.15";
5
+ const version = "1.17.16";
6
6
  function install(app) {
7
7
  const components = [
8
8
  MdPreview,
@@ -1,101 +1,101 @@
1
- .katex-block {
2
- display: block;
3
- margin: 1em 0;
4
- text-align: center;
5
- overflow-x: auto;
6
- overflow-y: hidden;
7
- }
8
-
9
- .cgx-markdown-preview {
10
-
11
- /* 差异对比样式 */
12
- .diff-container {
13
- border: 1px solid #ebeef5;
14
- border-radius: 4px;
15
- overflow: auto;
16
- }
17
-
18
- .diff-equal {
19
- color: #606266;
20
- }
21
-
22
- .diff-delete {
23
- background-color: #ffeef0;
24
- color: #f56c6c;
25
- text-decoration: line-through;
26
- }
27
-
28
- .diff-insert {
29
- background-color: #e6ffec;
30
- color: #67c23a;
31
- }
32
-
33
- .diff-unified-view pre {
34
- margin: 0;
35
- padding: 8px;
36
- white-space: pre-wrap;
37
- word-break: break-word;
38
- }
39
- }
40
-
41
- .cgx-markdown-preview {
42
- line-height: 1.6;
43
- font-size: var(--font-base, 16px);
44
- ol {
45
- list-style: auto;
46
- }
47
-
48
- ul {
49
- list-style: disc;
50
- }
51
-
52
- ol,
53
- ul {
54
- padding-left: 1.5em;
55
- margin: 0 0 12px 0;
56
- }
57
-
58
- li::marker {
59
- text-align: start !important;
60
- }
61
-
62
- h1 {
63
- font-size: 2em;
64
- font-weight: bold;
65
- margin: 16px 0;
66
- }
67
-
68
- h2 {
69
- font-size: 1.5em;
70
- font-weight: bold;
71
- margin: 14px 0;
72
- }
73
-
74
- p {
75
- margin: 12px 0;
76
- }
77
-
78
- blockquote {
79
- margin: 0;
80
- padding-left: 1em;
81
- border-left: 4px solid #ddd;
82
- color: #666;
83
- }
84
-
85
- table {
86
- border-collapse: collapse;
87
- width: 100%;
88
- margin-bottom: 16px;
89
- }
90
-
91
- th,
92
- td {
93
- border: 1px solid #ddd;
94
- padding: 8px;
95
- text-align: left;
96
- }
97
-
98
- th {
99
- background-color: #f6f8fa;
100
- }
101
- }
1
+ .katex-block {
2
+ display: block;
3
+ margin: 1em 0;
4
+ text-align: center;
5
+ overflow-x: auto;
6
+ overflow-y: hidden;
7
+ }
8
+
9
+ .cgx-markdown-preview {
10
+
11
+ /* 差异对比样式 */
12
+ .diff-container {
13
+ border: 1px solid #ebeef5;
14
+ border-radius: 4px;
15
+ overflow: auto;
16
+ }
17
+
18
+ .diff-equal {
19
+ color: #606266;
20
+ }
21
+
22
+ .diff-delete {
23
+ background-color: #ffeef0;
24
+ color: #f56c6c;
25
+ text-decoration: line-through;
26
+ }
27
+
28
+ .diff-insert {
29
+ background-color: #e6ffec;
30
+ color: #67c23a;
31
+ }
32
+
33
+ .diff-unified-view pre {
34
+ margin: 0;
35
+ padding: 8px;
36
+ white-space: pre-wrap;
37
+ word-break: break-word;
38
+ }
39
+ }
40
+
41
+ .cgx-markdown-preview {
42
+ line-height: 1.6;
43
+ font-size: var(--font-base, 16px);
44
+ ol {
45
+ list-style: auto;
46
+ }
47
+
48
+ ul {
49
+ list-style: disc;
50
+ }
51
+
52
+ ol,
53
+ ul {
54
+ padding-left: 1.5em;
55
+ margin: 0 0 12px 0;
56
+ }
57
+
58
+ li::marker {
59
+ text-align: start !important;
60
+ }
61
+
62
+ h1 {
63
+ font-size: 2em;
64
+ font-weight: bold;
65
+ margin: 16px 0;
66
+ }
67
+
68
+ h2 {
69
+ font-size: 1.5em;
70
+ font-weight: bold;
71
+ margin: 14px 0;
72
+ }
73
+
74
+ p {
75
+ margin: 12px 0;
76
+ }
77
+
78
+ blockquote {
79
+ margin: 0;
80
+ padding-left: 1em;
81
+ border-left: 4px solid #ddd;
82
+ color: #666;
83
+ }
84
+
85
+ table {
86
+ border-collapse: collapse;
87
+ width: 100%;
88
+ margin-bottom: 16px;
89
+ }
90
+
91
+ th,
92
+ td {
93
+ border: 1px solid #ddd;
94
+ padding: 8px;
95
+ text-align: left;
96
+ }
97
+
98
+ th {
99
+ background-color: #f6f8fa;
100
+ }
101
+ }
@@ -24,6 +24,7 @@ var stdin_default = defineComponent({
24
24
  } = api;
25
25
  getOrgList();
26
26
  const activeTab = ref("txl");
27
+ const isSearchFocus = ref(false);
27
28
  const {
28
29
  keyword,
29
30
  searchRef,
@@ -32,7 +33,11 @@ var stdin_default = defineComponent({
32
33
  handleDeleteHistorySelect,
33
34
  highlightText,
34
35
  renderSearchResult
35
- } = useSearch(props, api);
36
+ } = useSearch({
37
+ props,
38
+ api,
39
+ isSearchFocus
40
+ });
36
41
  const selectedItems = ref([]);
37
42
  const sortOrgList = computed(() => {
38
43
  const departments = orgList.value.filter((item) => item.type === "dept");
@@ -101,6 +106,12 @@ var stdin_default = defineComponent({
101
106
  "modelValue": keyword.value,
102
107
  "onUpdate:modelValue": ($event) => keyword.value = $event,
103
108
  "placeholder": "\u641C\u7D22\u4EBA\u5458",
109
+ "onFocus": () => {
110
+ isSearchFocus.value = true;
111
+ },
112
+ "onBlur": () => {
113
+ isSearchFocus.value = false;
114
+ },
104
115
  "class": "search-bar"
105
116
  }, null), _createVNode("div", {
106
117
  "class": "org-selected-items"
@@ -37,6 +37,7 @@
37
37
  .cgx-atm .right-0{right:0rem;}
38
38
  .cgx-atm .top-0{top:0rem;}
39
39
  .cgx-atm .z-1{z-index:1;}
40
+ .cgx-atm .h-\[300px\]{height:300px;}
40
41
  .cgx-atm .flex-1{flex:1 1 0%;}
41
42
  .cgx-atm .overflow-auto{overflow:auto;}
42
43
  .cgx-atm .border-b{border-bottom-width:1px;border-bottom-style:solid;}
@@ -1,181 +1,181 @@
1
- :root:root {
2
- --van-action-sheet-max-height: 100%;
3
- }
4
- .org-list {
5
- height: 85vh;
6
- display: flex;
7
- flex-direction: column;
8
-
9
- .highlight {
10
- color: var(--van-primary-color);
11
- font-weight: bold;
12
- }
13
-
14
- .breadcrumb-nav {
15
- margin-bottom: 4px;
16
- padding: 2px 16px;
17
- border-radius: 4px;
18
- font-size: 12px;
19
-
20
- .dept-name {
21
- &.current-dept {
22
- color: #969799; /* 提示文字颜色 */
23
- }
24
- }
25
-
26
- .separator {
27
- color: #969799;
28
- margin: 0 4px;
29
- }
30
- }
31
-
32
- .search-bar {
33
- position: sticky;
34
- top: 0;
35
- z-index: 1;
36
- }
37
-
38
- .org-selected-items {
39
- display: flex;
40
- flex-wrap: nowrap;
41
- padding: 12px 16px;
42
- gap: 12px;
43
- background-color: #fff;
44
- overflow-x: auto;
45
- height: 68px;
46
- border-bottom: 1px solid #eee;
47
-
48
- .selected-tag {
49
- flex-shrink: 0;
50
- background: none;
51
- border: none;
52
- padding: 0;
53
- margin: 0;
54
- position: relative;
55
- .close-icon {
56
- position: absolute;
57
- top: 0;
58
- right: 0;
59
- z-index: 1;
60
- background-color: #fff;
61
- border-radius: 50%;
62
- border: 1px solid #eee;
63
- width: 10px;
64
- height: 10px;
65
- display: flex;
66
- align-items: center;
67
- justify-content: center;
68
- font-size: 6px;
69
- color: #969799;
70
- }
71
-
72
- .tag-avatar {
73
- width: 40px;
74
- height: 40px;
75
- img {
76
- border-radius: 4px;
77
- border: 1px solid #eee;
78
- object-fit: contain;
79
- }
80
- }
81
- }
82
- }
83
-
84
- .bottom-section {
85
- border-top: 1px solid #eee;
86
- background-color: #fff;
87
- }
88
-
89
- .van-list {
90
- flex: 1;
91
- overflow-y: auto;
92
- padding: 0 16px;
93
- }
94
-
95
- .org-content-wrap {
96
- flex: 1;
97
- display: flex;
98
- flex-direction: column;
99
- overflow: hidden;
100
- position: relative;
101
- padding-top: 4px;
102
- }
103
-
104
- .feed-list-wrap {
105
- flex: 1;
106
- display: flex;
107
- overflow: hidden;
108
- position: relative;
109
- justify-content: center;
110
- }
111
- .search-result-list {
112
- position: absolute;
113
- top: 0; /* Adjust based on search bar and breadcrumb height */
114
- left: 0;
115
- right: 0;
116
- bottom: 0; /* Adjust based on bottom section height if multiple is true */
117
- z-index: 1;
118
- background-color: #fff; /* Ensure background is white */
119
- overflow-y: auto;
120
- padding: 0 16px;
121
- }
122
-
123
- .org-item {
124
- padding: 12px 0;
125
- border-bottom: 1px solid #eee;
126
- cursor: pointer;
127
- display: flex;
128
- align-items: center;
129
- gap: 12px;
130
-
131
- .org-item-select-icon {
132
- display: none;
133
- padding-left: 4px;
134
- }
135
- &.selected {
136
- color: var(--van-primary-color);
137
- .org-item-select-icon {
138
- display: inline;
139
- }
140
- }
141
-
142
- .org-avatar {
143
- flex-shrink: 0;
144
- width: 40px;
145
- height: 40px;
146
- display: flex;
147
- align-items: center;
148
- justify-content: center;
149
- img {
150
- border-radius: 4px;
151
- border: 1px solid #eee;
152
- object-fit: contain;
153
- }
154
- }
155
-
156
- .org-name {
157
- font-size: 14px;
158
- flex: 1;
159
- }
160
-
161
- &:last-child {
162
- border-bottom: none;
163
- }
164
- }
165
-
166
- .action-buttons {
167
- padding: 16px;
168
- display: flex;
169
- justify-content: center;
170
-
171
- .confirm-button {
172
- background-color: var(--van-primary-color);
173
- color: white;
174
- padding: 10px 0;
175
- border-radius: 4px;
176
- text-align: center;
177
- width: 100%;
178
- font-size: 14px;
179
- }
180
- }
181
- }
1
+ :root:root {
2
+ --van-action-sheet-max-height: 100%;
3
+ }
4
+ .org-list {
5
+ height: 85vh;
6
+ display: flex;
7
+ flex-direction: column;
8
+
9
+ .highlight {
10
+ color: var(--van-primary-color);
11
+ font-weight: bold;
12
+ }
13
+
14
+ .breadcrumb-nav {
15
+ margin-bottom: 4px;
16
+ padding: 2px 16px;
17
+ border-radius: 4px;
18
+ font-size: 12px;
19
+
20
+ .dept-name {
21
+ &.current-dept {
22
+ color: #969799; /* 提示文字颜色 */
23
+ }
24
+ }
25
+
26
+ .separator {
27
+ color: #969799;
28
+ margin: 0 4px;
29
+ }
30
+ }
31
+
32
+ .search-bar {
33
+ position: sticky;
34
+ top: 0;
35
+ z-index: 1;
36
+ }
37
+
38
+ .org-selected-items {
39
+ display: flex;
40
+ flex-wrap: nowrap;
41
+ padding: 12px 16px;
42
+ gap: 12px;
43
+ background-color: #fff;
44
+ overflow-x: auto;
45
+ height: 68px;
46
+ border-bottom: 1px solid #eee;
47
+
48
+ .selected-tag {
49
+ flex-shrink: 0;
50
+ background: none;
51
+ border: none;
52
+ padding: 0;
53
+ margin: 0;
54
+ position: relative;
55
+ .close-icon {
56
+ position: absolute;
57
+ top: 0;
58
+ right: 0;
59
+ z-index: 1;
60
+ background-color: #fff;
61
+ border-radius: 50%;
62
+ border: 1px solid #eee;
63
+ width: 10px;
64
+ height: 10px;
65
+ display: flex;
66
+ align-items: center;
67
+ justify-content: center;
68
+ font-size: 6px;
69
+ color: #969799;
70
+ }
71
+
72
+ .tag-avatar {
73
+ width: 40px;
74
+ height: 40px;
75
+ img {
76
+ border-radius: 4px;
77
+ border: 1px solid #eee;
78
+ object-fit: contain;
79
+ }
80
+ }
81
+ }
82
+ }
83
+
84
+ .bottom-section {
85
+ border-top: 1px solid #eee;
86
+ background-color: #fff;
87
+ }
88
+
89
+ .van-list {
90
+ flex: 1;
91
+ overflow-y: auto;
92
+ padding: 0 16px;
93
+ }
94
+
95
+ .org-content-wrap {
96
+ flex: 1;
97
+ display: flex;
98
+ flex-direction: column;
99
+ overflow: hidden;
100
+ position: relative;
101
+ padding-top: 4px;
102
+ }
103
+
104
+ .feed-list-wrap {
105
+ flex: 1;
106
+ display: flex;
107
+ overflow: hidden;
108
+ position: relative;
109
+ justify-content: center;
110
+ }
111
+ .search-result-list {
112
+ position: absolute;
113
+ top: 0; /* Adjust based on search bar and breadcrumb height */
114
+ left: 0;
115
+ right: 0;
116
+ bottom: 0; /* Adjust based on bottom section height if multiple is true */
117
+ z-index: 1;
118
+ background-color: #fff; /* Ensure background is white */
119
+ overflow-y: auto;
120
+ padding: 0 16px;
121
+ }
122
+
123
+ .org-item {
124
+ padding: 12px 0;
125
+ border-bottom: 1px solid #eee;
126
+ cursor: pointer;
127
+ display: flex;
128
+ align-items: center;
129
+ gap: 12px;
130
+
131
+ .org-item-select-icon {
132
+ display: none;
133
+ padding-left: 4px;
134
+ }
135
+ &.selected {
136
+ color: var(--van-primary-color);
137
+ .org-item-select-icon {
138
+ display: inline;
139
+ }
140
+ }
141
+
142
+ .org-avatar {
143
+ flex-shrink: 0;
144
+ width: 40px;
145
+ height: 40px;
146
+ display: flex;
147
+ align-items: center;
148
+ justify-content: center;
149
+ img {
150
+ border-radius: 4px;
151
+ border: 1px solid #eee;
152
+ object-fit: contain;
153
+ }
154
+ }
155
+
156
+ .org-name {
157
+ font-size: 14px;
158
+ flex: 1;
159
+ }
160
+
161
+ &:last-child {
162
+ border-bottom: none;
163
+ }
164
+ }
165
+
166
+ .action-buttons {
167
+ padding: 16px;
168
+ display: flex;
169
+ justify-content: center;
170
+
171
+ .confirm-button {
172
+ background-color: var(--van-primary-color);
173
+ color: white;
174
+ padding: 10px 0;
175
+ border-radius: 4px;
176
+ text-align: center;
177
+ width: 100%;
178
+ font-size: 14px;
179
+ }
180
+ }
181
+ }
@@ -1,4 +1,4 @@
1
- export declare function useSearch(props: any, api: any): {
1
+ export declare function useSearch({ props, api, isSearchFocus }: any): {
2
2
  keyword: import("vue").Ref<string, string>;
3
3
  searchRef: import("vue").Ref<any, any>;
4
4
  setRecentUsers: (users: any[]) => Promise<void>;