bkui-vue 0.0.1-beta.205 → 0.0.1-beta.207

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.
Files changed (85) hide show
  1. package/dist/index.cjs.js +25 -25
  2. package/dist/index.esm.js +53 -38
  3. package/dist/index.umd.js +25 -25
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/affix/affix.variable.css +6 -0
  7. package/lib/alert/alert.variable.css +6 -0
  8. package/lib/backtop/backtop.variable.css +6 -0
  9. package/lib/badge/badge.variable.css +6 -0
  10. package/lib/breadcrumb/breadcrumb.variable.css +6 -0
  11. package/lib/button/button.variable.css +6 -0
  12. package/lib/card/card.variable.css +6 -0
  13. package/lib/cascader/cascader.variable.css +6 -0
  14. package/lib/checkbox/checkbox.variable.css +6 -0
  15. package/lib/code-diff/code-diff.variable.css +6 -0
  16. package/lib/collapse/collapse.variable.css +6 -0
  17. package/lib/color-picker/color-picker.variable.css +6 -0
  18. package/lib/container/container.variable.css +6 -0
  19. package/lib/date-picker/date-picker.d.ts +4 -2
  20. package/lib/date-picker/date-picker.variable.css +6 -0
  21. package/lib/date-picker/index.d.ts +8 -4
  22. package/lib/date-picker/index.js +1 -1
  23. package/lib/date-picker/panel/time.d.ts +4 -2
  24. package/lib/date-picker/props.d.ts +2 -1
  25. package/lib/date-picker/time-picker.d.ts +4 -2
  26. package/lib/directives/index.js +1 -1
  27. package/lib/divider/divider.variable.css +6 -0
  28. package/lib/dropdown/dropdown.variable.css +6 -0
  29. package/lib/exception/exception.variable.css +6 -0
  30. package/lib/fixed-navbar/fixed-navbar.variable.css +6 -0
  31. package/lib/form/form.variable.css +6 -0
  32. package/lib/input/input.variable.css +6 -0
  33. package/lib/link/link.variable.css +6 -0
  34. package/lib/loading/loading.variable.css +6 -0
  35. package/lib/menu/menu.variable.css +6 -0
  36. package/lib/menu/submenu.variable.css +6 -0
  37. package/lib/message/message.variable.css +6 -0
  38. package/lib/navigation/navigation.variable.css +6 -0
  39. package/lib/notify/notify.variable.css +6 -0
  40. package/lib/pagination/pagination.variable.css +6 -0
  41. package/lib/popover/index.d.ts +7 -7
  42. package/lib/popover/popover.d.ts +2 -2
  43. package/lib/popover/popover.variable.css +6 -0
  44. package/lib/popover2/index.d.ts +7 -7
  45. package/lib/popover2/popover2.d.ts +2 -2
  46. package/lib/popover2/popover2.variable.css +6 -0
  47. package/lib/process/process.variable.css +6 -0
  48. package/lib/progress/progress.variable.css +6 -0
  49. package/lib/radio/radio.variable.css +6 -0
  50. package/lib/resize-layout/resize-layout.variable.css +6 -0
  51. package/lib/search-select/index.js +1 -1
  52. package/lib/search-select/search-select.css +196 -199
  53. package/lib/search-select/search-select.less +195 -47
  54. package/lib/search-select/search-select.variable.css +217 -214
  55. package/lib/search-select/utils.d.ts +2 -2
  56. package/lib/select/index.d.ts +4 -4
  57. package/lib/select/select.d.ts +1 -1
  58. package/lib/select/select.variable.css +6 -0
  59. package/lib/sideslider/sideslider.variable.css +6 -0
  60. package/lib/slider/slider.variable.css +6 -0
  61. package/lib/steps/steps.variable.css +6 -0
  62. package/lib/styles/mixins/scroll.variable.css +6 -0
  63. package/lib/styles/themes/themes.less +9 -0
  64. package/lib/switcher/switcher.variable.css +6 -0
  65. package/lib/tab/tab.variable.css +6 -0
  66. package/lib/table/plugins/head-filter.variable.css +6 -0
  67. package/lib/table/plugins/head-sort.variable.css +6 -0
  68. package/lib/table/plugins/settings.variable.css +6 -0
  69. package/lib/table/table.variable.css +6 -0
  70. package/lib/tag/tag.variable.css +6 -0
  71. package/lib/tag-input/tag-input.variable.css +6 -0
  72. package/lib/time-picker/index.d.ts +8 -4
  73. package/lib/time-picker/time-picker.variable.css +6 -0
  74. package/lib/timeline/timeline.variable.css +6 -0
  75. package/lib/transfer/transfer.variable.css +6 -0
  76. package/lib/tree/tree.variable.css +6 -0
  77. package/lib/upload/upload.variable.css +6 -0
  78. package/lib/virtual-render/virtual-render.variable.css +6 -0
  79. package/package.json +1 -1
  80. package/lib/search-select/menu.css +0 -145
  81. package/lib/search-select/menu.less +0 -134
  82. package/lib/search-select/menu.variable.css +0 -145
  83. package/lib/search-select/selected.css +0 -21
  84. package/lib/search-select/selected.less +0 -24
  85. package/lib/search-select/selected.variable.css +0 -21
@@ -24,6 +24,7 @@
24
24
  --border-width-base: 1px;
25
25
  --border-style-base: solid;
26
26
  --border-radius-base: 2px;
27
+ --border-style-color: var(--light-gray);
27
28
  --input-disabled-bg: #fafbfd;
28
29
  --input-disabled-border: var(--disable-color);
29
30
  --input-height-base: var(--component-size-base);
@@ -111,6 +112,11 @@
111
112
  --cascader-panel-hover: #f5f7fa;
112
113
  --cascader-panel-active: #e1ecff;
113
114
  --cascader-panel-disabled-bg: #fff;
115
+ --search-select-focus-border-color: var(--primary-color);
116
+ --search-select-focus-color: #3c96ff;
117
+ --search-select-font-color: var(--default-color);
118
+ --search-select-placeholder-color: var(--light-gray);
119
+ --search-select-message-color: var(--danger-color);
114
120
  }
115
121
  * {
116
122
  box-sizing: border-box;
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  .bk-F-scroll-x {
115
121
  overflow-x: auto;
@@ -29,6 +29,7 @@
29
29
  @border-width-base: 1px;
30
30
  @border-style-base: solid;
31
31
  @border-radius-base: 2px;
32
+ @border-style-color: @light-gray;
32
33
 
33
34
 
34
35
  // input theme
@@ -150,3 +151,11 @@
150
151
  @cascader-panel-hover: #f5f7fa;
151
152
  @cascader-panel-active: #e1ecff;
152
153
  @cascader-panel-disabled-bg: #fff;
154
+
155
+
156
+ // search-select theme
157
+ @search-select-focus-border-color: @primary-color;
158
+ @search-select-focus-color: #3c96ff;
159
+ @search-select-font-color: @default-color;
160
+ @search-select-placeholder-color: @light-gray;
161
+ @search-select-message-color: @danger-color;
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  @keyframes loading-scale-animate {
115
121
  0% {
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  .bk-tab {
115
121
  position: relative;
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  .bk-table-head-action {
115
121
  display: flex;
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  .bk-head-cell-sort {
115
121
  display: flex;
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  .bk-table-settings[data-bk-table-settings-theme='true'] {
115
121
  padding: 0;
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  .bk-F-scroll-x {
115
121
  overflow-x: auto;
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  .bk-tag {
115
121
  display: inline-flex;
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  .bk-tag-input {
115
121
  position: relative;
@@ -91,7 +91,8 @@ declare const BkTimePicker: {
91
91
  readonly default: true;
92
92
  };
93
93
  open: {
94
- readonly type: BooleanConstructor;
94
+ readonly type: () => boolean;
95
+ readonly default: any;
95
96
  };
96
97
  multiple: {
97
98
  readonly type: BooleanConstructor;
@@ -253,7 +254,8 @@ declare const BkTimePicker: {
253
254
  readonly default: true;
254
255
  };
255
256
  open: {
256
- readonly type: BooleanConstructor;
257
+ readonly type: () => boolean;
258
+ readonly default: any;
257
259
  };
258
260
  multiple: {
259
261
  readonly type: BooleanConstructor;
@@ -509,7 +511,8 @@ declare const BkTimePicker: {
509
511
  readonly default: true;
510
512
  };
511
513
  open: {
512
- readonly type: BooleanConstructor;
514
+ readonly type: () => boolean;
515
+ readonly default: any;
513
516
  };
514
517
  multiple: {
515
518
  readonly type: BooleanConstructor;
@@ -716,7 +719,8 @@ declare const BkTimePicker: {
716
719
  readonly default: true;
717
720
  };
718
721
  open: {
719
- readonly type: BooleanConstructor;
722
+ readonly type: () => boolean;
723
+ readonly default: any;
720
724
  };
721
725
  multiple: {
722
726
  readonly type: BooleanConstructor;
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  .bk-time-picker-header {
115
121
  height: 46px;
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  * {
115
121
  box-sizing: border-box;
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  /* 边框色 */
115
121
  /* 按钮、表单边框颜色、禁用时文本颜色 */
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  .bk-F-scroll-x {
115
121
  overflow-x: auto;
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  @keyframes loading-scale-animate {
115
121
  0% {
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  .bk-F-scroll-x {
115
121
  overflow-x: auto;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bkui-vue",
3
- "version": "0.0.1-beta.205",
3
+ "version": "0.0.1-beta.207",
4
4
  "workspaces": {
5
5
  "packages": [
6
6
  "packages/!(**.bak)*",
@@ -1,145 +0,0 @@
1
- .menu-list-mixin {
2
- display: flex;
3
- flex-direction: column;
4
- }
5
- .menu-item-mixin {
6
- display: flex;
7
- align-items: center;
8
- width: 100%;
9
- height: 32px;
10
- padding: 0 12px;
11
- flex: 0 0 32px;
12
- outline: none;
13
- }
14
- .menu-item-mixin:hover {
15
- cursor: pointer;
16
- background-color: #f5f7fa;
17
- }
18
- .menu-disabled-mixin {
19
- color: #c4c6cc;
20
- }
21
- .menu-disabled-mixin:hover {
22
- cursor: not-allowed;
23
- background-color: white;
24
- }
25
- .search-select-menu {
26
- display: flex;
27
- min-width: 160px;
28
- font-size: 12px;
29
- color: #63656e;
30
- flex-direction: column;
31
- }
32
- .search-select-menu .menu-header {
33
- display: flex;
34
- flex-direction: column;
35
- border-bottom: 1px solid #dcdee5;
36
- }
37
- .search-select-menu .menu-header-item {
38
- display: flex;
39
- align-items: center;
40
- width: 100%;
41
- height: 32px;
42
- padding: 0 12px;
43
- flex: 0 0 32px;
44
- outline: none;
45
- }
46
- .search-select-menu .menu-header-item:hover {
47
- cursor: pointer;
48
- background-color: #f5f7fa;
49
- }
50
- .search-select-menu .menu-header-item.is-disabled {
51
- color: #c4c6cc;
52
- }
53
- .search-select-menu .menu-header-item.is-disabled:hover {
54
- cursor: not-allowed;
55
- background-color: white;
56
- }
57
- .search-select-menu .menu-content {
58
- display: flex;
59
- flex-direction: column;
60
- flex: 1;
61
- max-height: 240px;
62
- overflow: auto;
63
- }
64
- .search-select-menu .menu-content .menu-item {
65
- display: flex;
66
- align-items: center;
67
- width: 100%;
68
- height: 32px;
69
- padding: 0 12px;
70
- flex: 0 0 32px;
71
- outline: none;
72
- }
73
- .search-select-menu .menu-content .menu-item:hover {
74
- cursor: pointer;
75
- background-color: #f5f7fa;
76
- }
77
- .search-select-menu .menu-content .menu-item .is-keyword {
78
- display: inline-flex;
79
- color: #3a84ff;
80
- }
81
- .search-select-menu .menu-content .menu-item .is-selected {
82
- display: flex;
83
- width: 14px;
84
- height: 14px;
85
- margin-left: auto;
86
- overflow: hidden;
87
- font-size: 18px;
88
- font-weight: bold;
89
- color: #3a84ff;
90
- align-items: center;
91
- justify-content: center;
92
- }
93
- .search-select-menu .menu-content .menu-item.is-hover {
94
- color: #3a84ff;
95
- background-color: #f5f7fa;
96
- }
97
- .search-select-menu .menu-content .menu-item.is-hover .menu-name {
98
- color: #3a84ff;
99
- }
100
- .search-select-menu .menu-content .menu-item.is-disabled {
101
- color: #c4c6cc;
102
- }
103
- .search-select-menu .menu-content .menu-item.is-disabled:hover {
104
- cursor: not-allowed;
105
- background-color: white;
106
- }
107
- .search-select-menu .menu-content .menu-item.is-disabled .menu-name {
108
- color: #c4c6cc;
109
- }
110
- .search-select-menu .menu-content .menu-item .menu-name {
111
- display: flex;
112
- max-width: 100px;
113
- margin-right: 5px;
114
- font-weight: bold;
115
- color: #63656e;
116
- align-items: center;
117
- }
118
- .search-select-menu .menu-footer {
119
- display: flex;
120
- width: 100%;
121
- height: 32px;
122
- border-top: 1px solid #dcdee5;
123
- align-items: center;
124
- }
125
- .search-select-menu .menu-footer-btn {
126
- flex: 1;
127
- display: flex;
128
- align-items: center;
129
- justify-content: center;
130
- height: 100%;
131
- }
132
- .search-select-menu .menu-footer-btn:first-child {
133
- border-right: 1px solid #dcdee5;
134
- }
135
- .search-select-menu .menu-footer-btn:hover {
136
- color: #3a84ff;
137
- cursor: pointer;
138
- }
139
- .search-select-menu .menu-footer-btn.is-disabled {
140
- color: #c4c6cc;
141
- }
142
- .search-select-menu .menu-footer-btn.is-disabled:hover {
143
- cursor: not-allowed;
144
- background-color: white;
145
- }
@@ -1,134 +0,0 @@
1
- .menu-list-mixin {
2
- display: flex;
3
- flex-direction: column;
4
- }
5
-
6
- .menu-item-mixin {
7
- display: flex;
8
- align-items: center;
9
- width: 100%;
10
- height: 32px;
11
- padding: 0 12px;
12
- flex: 0 0 32px;
13
- outline: none;
14
-
15
- &:hover {
16
- cursor: pointer;
17
- background-color: #f5f7fa;
18
- }
19
- }
20
-
21
- .menu-disabled-mixin {
22
- color: #c4c6cc;
23
-
24
- &:hover {
25
- cursor: not-allowed;
26
- background-color: white;
27
- }
28
- }
29
-
30
- .search-select-menu {
31
- display: flex;
32
- min-width: 160px;
33
- font-size: 12px;
34
- color: #63656e;
35
- flex-direction: column;
36
-
37
- .menu-header {
38
- .menu-list-mixin();
39
- border-bottom: 1px solid #dcdee5;
40
-
41
- &-item {
42
- .menu-item-mixin();
43
-
44
- &.is-disabled {
45
- .menu-disabled-mixin()
46
- }
47
- }
48
- }
49
-
50
- .menu-content {
51
- display: flex;
52
- flex-direction: column;
53
- flex: 1;
54
- max-height: 240px;
55
- overflow: auto;
56
-
57
- .menu-item {
58
- .menu-item-mixin();
59
-
60
- .is-keyword {
61
- display: inline-flex;
62
- color: #3a84ff;
63
- }
64
-
65
- .is-selected {
66
- display: flex;
67
- width: 14px;
68
- height: 14px;
69
- margin-left: auto;
70
- overflow: hidden;
71
- font-size: 18px;
72
- font-weight: bold;
73
- color: #3a84ff;
74
- align-items: center;
75
- justify-content: center;
76
- }
77
-
78
- &.is-hover {
79
- color: #3a84ff;
80
- background-color: #f5f7fa;
81
-
82
- .menu-name {
83
- color: #3a84ff;
84
- }
85
- }
86
-
87
- &.is-disabled {
88
- .menu-disabled-mixin();
89
-
90
- .menu-name {
91
- color: #c4c6cc;;
92
- }
93
- }
94
-
95
- .menu-name {
96
- display: flex;
97
- max-width: 100px;
98
- margin-right: 5px;
99
- font-weight: bold;
100
- color: #63656e;
101
- align-items: center;
102
- }
103
- }
104
- }
105
-
106
- .menu-footer {
107
- display: flex;
108
- width: 100%;
109
- height: 32px;
110
- border-top: 1px solid #dcdee5;
111
- align-items: center;
112
-
113
- &-btn {
114
- flex: 1;
115
- display: flex;
116
- align-items: center;
117
- justify-content: center;
118
- height: 100%;
119
-
120
- &:first-child {
121
- border-right: 1px solid #dcdee5;
122
- }
123
-
124
- &:hover {
125
- color: #3a84ff;
126
- cursor: pointer;
127
- }
128
-
129
- &.is-disabled {
130
- .menu-disabled-mixin()
131
- }
132
- }
133
- }
134
- }