bkui-vue 0.0.1-beta.413 → 0.0.1-beta.415
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/dist/index.cjs.js +48 -48
- package/dist/index.esm.js +88 -40
- package/dist/index.umd.js +48 -48
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/directives/index.js +1 -1
- package/lib/plugin-popover/index.js +1 -1
- package/lib/popover/index.d.ts +33 -1
- package/lib/popover/index.js +1 -1
- package/lib/popover/popover.d.ts +14 -0
- package/lib/popover/props.d.ts +5 -0
- package/lib/radio/index.js +1 -1
- package/lib/radio/radio.css +118 -0
- package/lib/radio/radio.less +159 -0
- package/lib/radio/radio.variable.css +118 -0
- package/lib/select/index.d.ts +15 -0
- package/lib/select/select.d.ts +5 -0
- package/lib/shared/index.js +1 -1
- package/lib/styles/index.d.ts +0 -1
- package/lib/table/components/table-column.d.ts +46 -1
- package/lib/table/index.d.ts +138 -3
- package/lib/table/index.js +1 -1
- package/lib/table/plugins/settings.css +2 -0
- package/lib/table/plugins/settings.less +2 -0
- package/lib/table/plugins/settings.variable.css +2 -0
- package/lib/table/table.css +2 -0
- package/lib/table/table.variable.css +2 -0
- package/lib/table/use-column.d.ts +1 -1
- package/lib/table-column/index.d.ts +138 -3
- package/lib/table-column/index.js +1 -1
- package/lib/tag-input/index.d.ts +20 -0
- package/lib/tag-input/tag-input.d.ts +10 -0
- package/lib/tag-input/tag-props.d.ts +5 -0
- package/package.json +1 -1
- package/lib/radio/radio-button.css +0 -118
- package/lib/radio/radio-button.less +0 -161
- package/lib/radio/radio-button.variable.css +0 -238
@@ -1 +1 @@
|
|
1
|
-
!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("vue-types"));else if("function"==typeof define&&define.amd)define(["../shared","vue","vue-types"],o);else{var p="object"==typeof exports?o(require("../shared"),require("vue"),require("vue-types")):o(e["../shared"],e.vue,e["vue-types"]);for(var r in p)("object"==typeof exports?exports:e)[r]=p[r]}}(self,((e,o,p)=>(()=>{"use strict";var r={4212:o=>{o.exports=e},748:e=>{e.exports=o},210:e=>{e.exports=p}},
|
1
|
+
!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("vue-types"));else if("function"==typeof define&&define.amd)define(["../shared","vue","vue-types"],o);else{var p="object"==typeof exports?o(require("../shared"),require("vue"),require("vue-types")):o(e["../shared"],e.vue,e["vue-types"]);for(var r in p)("object"==typeof exports?exports:e)[r]=p[r]}}(self,((e,o,p)=>(()=>{"use strict";var r={4212:o=>{o.exports=e},748:e=>{e.exports=o},210:e=>{e.exports=p}},n={};function s(e){var o=n[e];if(void 0!==o)return o.exports;var p=n[e]={exports:{}};return r[e](p,p.exports,s),p.exports}s.d=(e,o)=>{for(var p in o)s.o(o,p)&&!s.o(e,p)&&Object.defineProperty(e,p,{enumerable:!0,get:o[p]})},s.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var T={};return(()=>{s.r(T),s.d(T,{default:()=>A});var e,o,p,r,n=s(4212),t=s(748);function f(e,o,p){return o in e?Object.defineProperty(e,o,{value:p,enumerable:!0,configurable:!0,writable:!0}):e[o]=p,e}!function(e){e.NONE="none",e.ROW="row",e.COL="col",e.OUTER="outer",e.HORIZONTAL="horizontal"}(p||(p={})),function(e){e.HIGHLIGHT="highlight",e.AUTO="auto"}(r||(r={}));var y,i,l=[r.AUTO,r.HIGHLIGHT];p.NONE,p.ROW,p.COL,p.OUTER,p.HORIZONTAL,function(e){e.ON_SORT_BY_CLICK="onSortByClick",e.ON_FILTER_CLICK="onFilterClick",e.ON_SETTING_CHANGE="onSettingChange",e.ON_ROW_EXPAND_CLICK="onRowExpandClick",e.ON_ROW_CHECK="onRowCheck"}(y||(y={})),function(e){e.COLUMN_PICK="columnPick",e.COLUMN_SORT="columnSort",e.COLUMN_FILTER="columnFilter",e.COLUMN_FILTER_SAVE="colFilterSave",e.ROW_CLICK="rowClick",e.ROW_DBL_CLICK="rowDblclick",e.ROW_EXPAND_CLICK="rowExpand",e.PAGE_LIMIT_CHANGE="pageLimitChange",e.PAGE_VALUE_CHANGE="pageValueChange",e.SETTING_CHANGE="settingChange",e.SCROLL_BOTTOM="scrollBottom",e.ROW_SELECT="select",e.ROW_SELECT_ALL="selectAll",e.ROW_SELECT_CHANGE="selectionChange",e.CELL_CLICK="cellClick",e.CELL_DBL_CLICK="cellDblclick",e.NATIVE_CLICK="click",e.NATIVE_DBL_CLICK="dblclick"}(i||(i={}));var d,u=function(){return!0};f(e={},i.COLUMN_PICK,u),f(e,i.COLUMN_FILTER,u),f(e,i.COLUMN_SORT,u),f(e,i.COLUMN_FILTER_SAVE,u),f(e,i.ROW_CLICK,u),f(e,i.ROW_DBL_CLICK,u),f(e,i.ROW_EXPAND_CLICK,u),f(e,i.ROW_SELECT,u),f(e,i.ROW_SELECT_ALL,u),f(e,i.ROW_SELECT_CHANGE,u),f(e,i.PAGE_LIMIT_CHANGE,u),f(e,i.PAGE_VALUE_CHANGE,u),f(e,i.SETTING_CHANGE,u),f(e,i.SCROLL_BOTTOM,u),f(e,i.CELL_CLICK,u),f(e,i.CELL_DBL_CLICK,u),f(o={},i.NATIVE_CLICK,u),f(o,i.NATIVE_DBL_CLICK,u),function(e){e.ASC="asc",e.DESC="desc",e.NULL="null",e.CUSTOM="custom"}(d||(d={})),d.ASC,d.DESC,d.NULL,d.CUSTOM;var P,c,a=s(210);!function(e){e.CURRENT="current",e.ALL="all"}(P||(P={})),function(e){e.STATIC="static",e.AUTO="auto"}(c||(c={}));var O,C=(0,a.toType)("showOverflowTooltipMode",{default:c.AUTO});!function(e){e.SELECTION="selection",e.INDEX="index",e.EXPAND="expand",e.NONE="none"}(O||(O={}));var L,b=(0,a.toType)("columnType",{default:O.NONE});!function(e){e.FULL="full",e.FUZZY="fuzzy"}(L||(L={}));var E,_=(0,a.toType)("full",{default:L.FULL});!function(e){e.SMALL="small",e.MEDIUM="medium",e.LARGE="large"}(E||(E={}));var g,m=(0,a.toType)("columnSize",{default:E.SMALL});!function(e){e.LEFT="left",e.RIGHT="right"}(g||(g={}));var v,I,N=(0,a.toType)("columnSize",{}),h=(0,a.toType)("sortScope",{}).def(P.CURRENT);!function(e){e.MULTI="multi",e.SINGLE="single",e.DISABLED="disabled"}(v||(v={})),function(e){e.DEBOUNCE="debounce",e.THROTTLE="throttle"}(I||(I={}));var S={label:n.PropTypes.oneOfType([n.PropTypes.func.def((function(){return""})),n.PropTypes.string.def("")]),field:n.PropTypes.oneOfType([n.PropTypes.func.def((function(){return""})),n.PropTypes.string.def("")]),render:n.PropTypes.oneOfType([n.PropTypes.func.def((function(){return""})),n.PropTypes.string.def("")]),width:n.PropTypes.oneOfType([n.PropTypes.number.def(void 0),n.PropTypes.string.def("auto")]),minWidth:n.PropTypes.oneOfType([n.PropTypes.number.def(void 0),n.PropTypes.string.def("auto")]).def(30),columnKey:n.PropTypes.string.def(""),showOverflowTooltip:n.PropTypes.oneOfType([n.PropTypes.bool,n.PropTypes.shape({content:n.PropTypes.string.def(""),disabled:n.PropTypes.bool.def(!1),watchCellResize:n.PropTypes.bool.def(!0),mode:C})]).def(void 0),type:b,resizable:n.PropTypes.bool.def(!0),fixed:n.PropTypes.oneOfType([n.PropTypes.bool,N]).def(!1),sort:n.PropTypes.oneOfType([n.PropTypes.shape({sortFn:n.PropTypes.func.def(void 0),sortScope:h,value:n.PropTypes.string.def(d.NULL)}),n.PropTypes.bool,n.PropTypes.string]).def(!1),filter:n.PropTypes.oneOfType([n.PropTypes.shape({list:n.PropTypes.arrayOf(n.PropTypes.any).def([]),filterFn:n.PropTypes.func.def(void 0),match:_,filterScope:h,btnSave:n.PropTypes.oneOfType([n.PropTypes.bool,n.PropTypes.string]).def("确定"),btnReset:n.PropTypes.oneOfType([n.PropTypes.bool,n.PropTypes.string]).def("重置")}),n.PropTypes.bool,n.PropTypes.string]).def(!1),colspan:n.PropTypes.oneOfType([n.PropTypes.func.def((function(){return 1})),n.PropTypes.number.def(1)]),rowspan:n.PropTypes.oneOfType([n.PropTypes.func.def((function(){return 1})),n.PropTypes.number.def(1)])};n.PropTypes.arrayOf(n.PropTypes.any).def([]),n.PropTypes.arrayOf(n.PropTypes.shape(S).loose).def([]),n.PropTypes.oneOfType([n.PropTypes.number.def(-1),n.PropTypes.arrayOf(n.PropTypes.number.def(-1))]),(0,a.toType)("columnPick",{}).def(v.DISABLED),n.PropTypes.oneOfType([n.PropTypes.number,n.PropTypes.string]).def("auto"),n.PropTypes.oneOfType([n.PropTypes.number,n.PropTypes.string]).def(84),n.PropTypes.oneOfType([n.PropTypes.number,n.PropTypes.string]).def("auto"),n.PropTypes.oneOfType([n.PropTypes.number,n.PropTypes.func]).def(42),n.PropTypes.number.def(42),n.PropTypes.bool.def(!0),n.PropTypes.shape({height:n.PropTypes.number.def(42),isShow:n.PropTypes.bool.def(!0),cellFn:n.PropTypes.func.def(void 0)}),n.PropTypes.bool.def(!1),n.PropTypes.oneOfType([n.PropTypes.arrayOf((0,a.toType)("boderType",{})),n.PropTypes.string]).def([p.ROW]),n.PropTypes.oneOfType([n.PropTypes.bool.def(!1),n.PropTypes.object.def({})]).def(!1),n.PropTypes.number.def(42),n.PropTypes.bool.def(!1),n.PropTypes.string,n.PropTypes.oneOfType([n.PropTypes.shape({fields:n.PropTypes.arrayOf(n.PropTypes.shape({label:n.PropTypes.string,field:n.PropTypes.string,disabled:n.PropTypes.bool})),checked:n.PropTypes.arrayOf(n.PropTypes.string),limit:n.PropTypes.number.def(0),size:m,sizeList:n.PropTypes.shape([]),showLineHeight:n.PropTypes.bool.def(!0)}),n.PropTypes.bool]).def(!1),n.PropTypes.oneOfType([n.PropTypes.string,n.PropTypes.object,n.PropTypes.func]).def({}),n.PropTypes.oneOfType([n.PropTypes.string,n.PropTypes.object,n.PropTypes.func]).def({}),n.PropTypes.oneOfType([n.PropTypes.string,n.PropTypes.object,n.PropTypes.func]).def({}),n.PropTypes.oneOfType([n.PropTypes.string,n.PropTypes.object,n.PropTypes.func]).def({}),n.PropTypes.oneOfType([n.PropTypes.object,n.PropTypes.bool]).def(void 0),n.PropTypes.bool.def(!1),n.PropTypes.string.def(""),n.PropTypes.func.def(void 0),n.PropTypes.oneOfType([n.PropTypes.string,n.PropTypes.func]).def("__$table_row_index"),n.PropTypes.oneOfType([n.PropTypes.bool,n.PropTypes.shape({content:n.PropTypes.string.def(""),disabled:n.PropTypes.bool.def(!1),watchCellResize:n.PropTypes.bool.def(!0),mode:C})]).def(!1),n.PropTypes.bool.def(!1),n.PropTypes.oneOf(l).def(r.HIGHLIGHT),n.PropTypes.shape({}).def({}),n.PropTypes.oneOfType([n.PropTypes.func.def((function(){return!0})),n.PropTypes.bool.def(!0)]).def(!0),(0,a.toType)("ResizerWay",{default:I.DEBOUNCE}),n.PropTypes.bool.def(!0);const R=(0,t.defineComponent)({name:"TableColumn",props:Object.assign(Object.assign({},S),{prop:n.PropTypes.oneOfType([n.PropTypes.func.def((function(){return""})),n.PropTypes.string.def("")])}),setup:function(e){var o=(0,t.inject)("InitColumns",(function(e){}),!1),p=(0,t.reactive)(Object.assign(Object.assign({},e),{field:e.prop||e.field}));return(0,t.onUnmounted)((function(){o(p,!0)})),{initColumns:o,column:p}},mounted:function(){var e=this,o=this._.parent.vnode.children.default()||[],p=[];!function o(r){e.column.render=e.$slots.default?function(o){var p,r;return null===(r=(p=e.$slots).default)||void 0===r?void 0:r.call(p,o)}:void 0,r.forEach((function(r){var n,s;if("TableColumn"===(null===(n=r.type)||void 0===n?void 0:n.name)){var T=Object.assign(Object.assign({},r.props),{field:r.props.prop||r.props.field});T.label===e.column.label&&T.field===e.column.field?p.push((0,t.unref)(e.column)):p.push((0,t.unref)(T))}Object.hasOwnProperty.call(r.props||{},"key")&&(null===(s=r.children)||void 0===s?void 0:s.length)&&o(r.children)}))}(o),this.initColumns(p)}}),A=(0,n.withInstall)(R)})(),T})()));
|
package/lib/tag-input/index.d.ts
CHANGED
@@ -196,6 +196,11 @@ declare const TagInput: {
|
|
196
196
|
content: import("vue-types").VueTypeDef<string | number> & {
|
197
197
|
default: string | number;
|
198
198
|
};
|
199
|
+
allowHTML: import("vue-types").VueTypeValidableDef<boolean> & {
|
200
|
+
default: boolean;
|
201
|
+
} & {
|
202
|
+
default: boolean;
|
203
|
+
};
|
199
204
|
placement: import("vue-types").VueTypeDef<string> & {
|
200
205
|
default: string;
|
201
206
|
};
|
@@ -472,6 +477,11 @@ declare const TagInput: {
|
|
472
477
|
content: import("vue-types").VueTypeDef<string | number> & {
|
473
478
|
default: string | number;
|
474
479
|
};
|
480
|
+
allowHTML: import("vue-types").VueTypeValidableDef<boolean> & {
|
481
|
+
default: boolean;
|
482
|
+
} & {
|
483
|
+
default: boolean;
|
484
|
+
};
|
475
485
|
placement: import("vue-types").VueTypeDef<string> & {
|
476
486
|
default: string;
|
477
487
|
};
|
@@ -838,6 +848,11 @@ declare const TagInput: {
|
|
838
848
|
content: import("vue-types").VueTypeDef<string | number> & {
|
839
849
|
default: string | number;
|
840
850
|
};
|
851
|
+
allowHTML: import("vue-types").VueTypeValidableDef<boolean> & {
|
852
|
+
default: boolean;
|
853
|
+
} & {
|
854
|
+
default: boolean;
|
855
|
+
};
|
841
856
|
placement: import("vue-types").VueTypeDef<string> & {
|
842
857
|
default: string;
|
843
858
|
};
|
@@ -1159,6 +1174,11 @@ declare const TagInput: {
|
|
1159
1174
|
content: import("vue-types").VueTypeDef<string | number> & {
|
1160
1175
|
default: string | number;
|
1161
1176
|
};
|
1177
|
+
allowHTML: import("vue-types").VueTypeValidableDef<boolean> & {
|
1178
|
+
default: boolean;
|
1179
|
+
} & {
|
1180
|
+
default: boolean;
|
1181
|
+
};
|
1162
1182
|
placement: import("vue-types").VueTypeDef<string> & {
|
1163
1183
|
default: string;
|
1164
1184
|
};
|
@@ -164,6 +164,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
164
164
|
content: import("vue-types").VueTypeDef<string | number> & {
|
165
165
|
default: string | number;
|
166
166
|
};
|
167
|
+
allowHTML: import("vue-types").VueTypeValidableDef<boolean> & {
|
168
|
+
default: boolean;
|
169
|
+
} & {
|
170
|
+
default: boolean;
|
171
|
+
};
|
167
172
|
placement: import("vue-types").VueTypeDef<string> & {
|
168
173
|
default: string;
|
169
174
|
};
|
@@ -472,6 +477,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
472
477
|
content: import("vue-types").VueTypeDef<string | number> & {
|
473
478
|
default: string | number;
|
474
479
|
};
|
480
|
+
allowHTML: import("vue-types").VueTypeValidableDef<boolean> & {
|
481
|
+
default: boolean;
|
482
|
+
} & {
|
483
|
+
default: boolean;
|
484
|
+
};
|
475
485
|
placement: import("vue-types").VueTypeDef<string> & {
|
476
486
|
default: string;
|
477
487
|
};
|
@@ -157,6 +157,11 @@ declare const tagProps: () => {
|
|
157
157
|
content: import("vue-types").VueTypeDef<string | number> & {
|
158
158
|
default: string | number;
|
159
159
|
};
|
160
|
+
allowHTML: import("vue-types").VueTypeValidableDef<boolean> & {
|
161
|
+
default: boolean;
|
162
|
+
} & {
|
163
|
+
default: boolean;
|
164
|
+
};
|
160
165
|
placement: import("vue-types").VueTypeDef<string> & {
|
161
166
|
default: string;
|
162
167
|
};
|
package/package.json
CHANGED
@@ -1,118 +0,0 @@
|
|
1
|
-
.bk-radio-item {
|
2
|
-
position: relative;
|
3
|
-
z-index: 1;
|
4
|
-
display: inline-flex;
|
5
|
-
font-weight: normal;
|
6
|
-
letter-spacing: normal;
|
7
|
-
color: #63656e;
|
8
|
-
white-space: nowrap;
|
9
|
-
cursor: pointer;
|
10
|
-
outline: none;
|
11
|
-
opacity: 1;
|
12
|
-
user-select: none;
|
13
|
-
}
|
14
|
-
.bk-radio-item-input {
|
15
|
-
position: absolute;
|
16
|
-
z-index: -1;
|
17
|
-
width: 100%;
|
18
|
-
height: 100%;
|
19
|
-
outline: none;
|
20
|
-
opacity: 0;
|
21
|
-
}
|
22
|
-
.bk-radio-item .bk-radio-item-label {
|
23
|
-
width: 100%;
|
24
|
-
padding: 0 18px;
|
25
|
-
font-size: 12px;
|
26
|
-
font-style: normal;
|
27
|
-
font-weight: normal;
|
28
|
-
line-height: 32px;
|
29
|
-
color: #63656e;
|
30
|
-
text-align: center;
|
31
|
-
vertical-align: middle;
|
32
|
-
cursor: pointer;
|
33
|
-
transition: all 0.3s;
|
34
|
-
}
|
35
|
-
.bk-radio-item.is-checked {
|
36
|
-
z-index: 2;
|
37
|
-
}
|
38
|
-
.bk-radio-item.is-checked .bk-radio-item-label {
|
39
|
-
color: #5594fa;
|
40
|
-
}
|
41
|
-
.bk-radio-item.is-disabled {
|
42
|
-
z-index: 0;
|
43
|
-
color: #c4c6cc;
|
44
|
-
cursor: not-allowed;
|
45
|
-
}
|
46
|
-
.bk-radio-item.is-disabled .bk-radio-item-label {
|
47
|
-
cursor: not-allowed;
|
48
|
-
}
|
49
|
-
.bk-radio-capsule {
|
50
|
-
padding: 4px;
|
51
|
-
background: #f0f1f5;
|
52
|
-
border-radius: 2px;
|
53
|
-
}
|
54
|
-
.bk-radio-capsule .bk-radio-item {
|
55
|
-
border-radius: 2px;
|
56
|
-
}
|
57
|
-
.bk-radio-capsule .bk-radio-item:before {
|
58
|
-
position: absolute;
|
59
|
-
top: 50%;
|
60
|
-
right: -1px;
|
61
|
-
display: block;
|
62
|
-
width: 1px;
|
63
|
-
height: 12px;
|
64
|
-
margin-top: -6px;
|
65
|
-
background: #dcdee5;
|
66
|
-
content: '';
|
67
|
-
}
|
68
|
-
.bk-radio-capsule .bk-radio-item:last-of-type .bk-radio-capsule .bk-radio-item:before {
|
69
|
-
display: none;
|
70
|
-
}
|
71
|
-
.bk-radio-capsule .bk-radio-item-label {
|
72
|
-
position: relative;
|
73
|
-
height: 24px;
|
74
|
-
padding: 0 12px;
|
75
|
-
line-height: 24px;
|
76
|
-
}
|
77
|
-
.bk-radio-capsule .is-checked {
|
78
|
-
background: #fff;
|
79
|
-
}
|
80
|
-
.bk-radio-capsule .is-checked:before {
|
81
|
-
display: none;
|
82
|
-
}
|
83
|
-
.bk-radio-button .bk-radio-item {
|
84
|
-
overflow: hidden;
|
85
|
-
}
|
86
|
-
.bk-radio-button .bk-radio-item:nth-child(n+2) {
|
87
|
-
margin-left: -1px;
|
88
|
-
}
|
89
|
-
.bk-radio-button .bk-radio-item:first-child .bk-radio-item-label {
|
90
|
-
border-bottom-left-radius: 2px;
|
91
|
-
border-top-left-radius: 2px;
|
92
|
-
}
|
93
|
-
.bk-radio-button .bk-radio-item:last-child .bk-radio-item-label {
|
94
|
-
border-top-right-radius: 2px;
|
95
|
-
border-bottom-right-radius: 2px;
|
96
|
-
}
|
97
|
-
.bk-radio-button .bk-radio-item.is-checked {
|
98
|
-
z-index: 2;
|
99
|
-
}
|
100
|
-
.bk-radio-button .bk-radio-item.is-checked .bk-radio-item-label {
|
101
|
-
background: #e1ecff;
|
102
|
-
border-color: #5594fa;
|
103
|
-
}
|
104
|
-
.bk-radio-button .bk-radio-item.is-disabled .bk-radio-item-label {
|
105
|
-
background: #fafbfd;
|
106
|
-
border-color: #dcdee5;
|
107
|
-
}
|
108
|
-
.bk-radio-button .bk-radio-item.is-focused .bk-radio-item-label {
|
109
|
-
border-color: #5594fa;
|
110
|
-
}
|
111
|
-
.bk-radio-button .bk-radio-item-label {
|
112
|
-
height: 32px;
|
113
|
-
border: 1px solid #c4c6cc;
|
114
|
-
transition: all 0.3s;
|
115
|
-
}
|
116
|
-
.bk-radio-button .bk-radio-item-label:hover {
|
117
|
-
border-color: #979ba5;
|
118
|
-
}
|
@@ -1,161 +0,0 @@
|
|
1
|
-
@import '../styles/themes/themes.less';
|
2
|
-
|
3
|
-
.@{bk-prefix}-radio-item {
|
4
|
-
position: relative;
|
5
|
-
z-index: 1;
|
6
|
-
display: inline-flex;
|
7
|
-
font-weight: normal;
|
8
|
-
letter-spacing: normal;
|
9
|
-
color: @radio-font-color;
|
10
|
-
white-space: nowrap;
|
11
|
-
cursor: pointer;
|
12
|
-
outline: none;
|
13
|
-
opacity: 1;
|
14
|
-
user-select: none;
|
15
|
-
|
16
|
-
&-input {
|
17
|
-
position: absolute;
|
18
|
-
z-index: -1;
|
19
|
-
width: 100%;
|
20
|
-
height: 100%;
|
21
|
-
outline: none;
|
22
|
-
opacity: 0;
|
23
|
-
}
|
24
|
-
.@{bk-prefix}-radio-item-label {
|
25
|
-
width: 100%;
|
26
|
-
padding: 0 18px;
|
27
|
-
font-size: 12px;
|
28
|
-
font-style: normal;
|
29
|
-
font-weight: normal;
|
30
|
-
line-height: @component-size-base;
|
31
|
-
color: @default-color;
|
32
|
-
text-align: center;
|
33
|
-
vertical-align: middle;
|
34
|
-
cursor: pointer;
|
35
|
-
transition: all .3s;
|
36
|
-
|
37
|
-
}
|
38
|
-
|
39
|
-
&.is-checked {
|
40
|
-
z-index: 2;
|
41
|
-
|
42
|
-
.@{bk-prefix}-radio-item-label {
|
43
|
-
color: @radio-active-color;
|
44
|
-
}
|
45
|
-
}
|
46
|
-
|
47
|
-
&.is-disabled {
|
48
|
-
z-index: 0;
|
49
|
-
color: @radio-disabled-font-color;
|
50
|
-
cursor: not-allowed;
|
51
|
-
|
52
|
-
.@{bk-prefix}-radio-item-label {
|
53
|
-
cursor: not-allowed;
|
54
|
-
}
|
55
|
-
}
|
56
|
-
}
|
57
|
-
|
58
|
-
|
59
|
-
.@{bk-prefix}-radio-capsule {
|
60
|
-
padding: 4px;
|
61
|
-
background: #f0f1f5;
|
62
|
-
border-radius: 2px;
|
63
|
-
.@{bk-prefix}-radio-item {
|
64
|
-
border-radius: 2px;
|
65
|
-
|
66
|
-
&:before {
|
67
|
-
position: absolute;
|
68
|
-
top: 50%;
|
69
|
-
right: -1px;
|
70
|
-
display: block;
|
71
|
-
width: 1px;
|
72
|
-
height: 12px;
|
73
|
-
margin-top: -6px;
|
74
|
-
background: #dcdee5;
|
75
|
-
content: '';
|
76
|
-
}
|
77
|
-
|
78
|
-
&:last-of-type &:before {
|
79
|
-
display: none;
|
80
|
-
}
|
81
|
-
}
|
82
|
-
.@{bk-prefix}-radio-item-label {
|
83
|
-
position: relative;
|
84
|
-
height: 24px;
|
85
|
-
padding: 0 12px;
|
86
|
-
line-height: 24px;
|
87
|
-
|
88
|
-
}
|
89
|
-
|
90
|
-
.is-checked {
|
91
|
-
background: #fff;
|
92
|
-
|
93
|
-
&:before {
|
94
|
-
display: none;
|
95
|
-
}
|
96
|
-
}
|
97
|
-
}
|
98
|
-
|
99
|
-
.@{bk-prefix}-radio-button {
|
100
|
-
|
101
|
-
.@{bk-prefix}-radio-item {
|
102
|
-
overflow: hidden;
|
103
|
-
|
104
|
-
&:nth-child(n+2) {
|
105
|
-
margin-left: -1px;
|
106
|
-
}
|
107
|
-
|
108
|
-
|
109
|
-
&:first-child {
|
110
|
-
.@{bk-prefix}-radio-item-label {
|
111
|
-
border-bottom-left-radius: @border-radius-base;
|
112
|
-
border-top-left-radius: @border-radius-base;
|
113
|
-
}
|
114
|
-
}
|
115
|
-
|
116
|
-
&:last-child {
|
117
|
-
.@{bk-prefix}-radio-item-label {
|
118
|
-
border-top-right-radius: @border-radius-base;
|
119
|
-
border-bottom-right-radius: @border-radius-base;
|
120
|
-
}
|
121
|
-
}
|
122
|
-
|
123
|
-
&.is-checked {
|
124
|
-
z-index: 2;
|
125
|
-
.@{bk-prefix}-radio-item-label {
|
126
|
-
background: @radio-button-checked-bg;
|
127
|
-
border-color: @radio-active-color;
|
128
|
-
}
|
129
|
-
}
|
130
|
-
|
131
|
-
&.is-disabled {
|
132
|
-
.@{bk-prefix}-radio-item-label {
|
133
|
-
background: @radio-distable-checked-bg;
|
134
|
-
border-color: @radio-disabled-border;
|
135
|
-
}
|
136
|
-
}
|
137
|
-
|
138
|
-
&.is-focused {
|
139
|
-
.@{bk-prefix}-radio-item-label {
|
140
|
-
border-color: @radio-active-color;
|
141
|
-
}
|
142
|
-
}
|
143
|
-
|
144
|
-
}
|
145
|
-
|
146
|
-
|
147
|
-
.@{bk-prefix}-radio-item-label {
|
148
|
-
height: @component-size-base;
|
149
|
-
border: @border-width-base @border-style-base @light-gray;
|
150
|
-
transition: all .3s;
|
151
|
-
|
152
|
-
&:hover {
|
153
|
-
border-color: @radio-hover-border-color;
|
154
|
-
}
|
155
|
-
}
|
156
|
-
|
157
|
-
}
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
@@ -1,238 +0,0 @@
|
|
1
|
-
:root {
|
2
|
-
--bk-prefix: bk;
|
3
|
-
--popover-max-height: 216px;
|
4
|
-
--primary-color: #3a84ff;
|
5
|
-
--success-color: #2dcb56;
|
6
|
-
--warning-color: #ff9c01;
|
7
|
-
--danger-color: #ea3636;
|
8
|
-
--default-color: #63656e;
|
9
|
-
--gray-color: #979ba5;
|
10
|
-
--light-gray: #c4c6cc;
|
11
|
-
--white-color: white;
|
12
|
-
--whitesmoke-color: #fafbfd;
|
13
|
-
--disable-color: #dcdee5;
|
14
|
-
--font-size-base: 12px;
|
15
|
-
--font-size-medium: 14px;
|
16
|
-
--font-size-large: 16px;
|
17
|
-
--line-height-base: 16px;
|
18
|
-
--line-height-medium: 16px;
|
19
|
-
--line-height-large: 18px;
|
20
|
-
--component-size-small: 26px;
|
21
|
-
--component-size-base: 32px;
|
22
|
-
--component-size-large: 40px;
|
23
|
-
--border-width-base: 1px;
|
24
|
-
--border-style-base: solid;
|
25
|
-
--border-radius-base: 2px;
|
26
|
-
--border-style-color: var(--light-gray);
|
27
|
-
--input-disabled-bg: #fafbfd;
|
28
|
-
--input-disabled-border: var(--disable-color);
|
29
|
-
--input-height-base: var(--component-size-base);
|
30
|
-
--input-color: var(--default-color);
|
31
|
-
--input-bg: white;
|
32
|
-
--input-border-color: var(--light-gray);
|
33
|
-
--input-broder-radius: 3px;
|
34
|
-
--input-shadow-color: #a3c5fd;
|
35
|
-
--input-horizontal-padding: 10px;
|
36
|
-
--input-block-color: #f5f7fa;
|
37
|
-
--input-block-hover-color: #eaebf0;
|
38
|
-
--input-icon-size: var(--font-size-medium);
|
39
|
-
--input-maxlength-color: #979ba5;
|
40
|
-
--button-primary-hover-color: #5594fa;
|
41
|
-
--button-danger-hover-color: #ff5656;
|
42
|
-
--button-success-hover-color: #45e35f;
|
43
|
-
--button-warning-hover-color: #ffb848;
|
44
|
-
--button-default-hover-border-color: #979ba5;
|
45
|
-
--button-primary-active-color: #2c77f4;
|
46
|
-
--button-danger-active-color: #db2626;
|
47
|
-
--button-success-active-color: #1ab943;
|
48
|
-
--button-warning-active-color: #eb9000;
|
49
|
-
--button-selected-bg-color: #e1ecff;
|
50
|
-
--button-disabled-selected-bg-color: #f0f1f5;
|
51
|
-
--radio-font-color: #63656e;
|
52
|
-
--radio-active-color: #5594fa;
|
53
|
-
--radio-hover-border-color: #979ba5;
|
54
|
-
--radio-disabled-border: #dcdee5;
|
55
|
-
--radio-disabled-font-color: #c4c6cc;
|
56
|
-
--radio-distable-checked-bg: #fafbfd;
|
57
|
-
--radio-button-checked-bg: #e1ecff;
|
58
|
-
--fixed-navbar-background: #fff;
|
59
|
-
--fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
|
60
|
-
--switch-default-color: #fff;
|
61
|
-
--switch-grey-color: #c4c6cc;
|
62
|
-
--breadcrumb-black-color: #979ba5;
|
63
|
-
--breadcrumb-primary-hover-color: #0082ff;
|
64
|
-
--breadcrumb-fn-main-color: #63656e;
|
65
|
-
--link-default-hover-color: #979ba5;
|
66
|
-
--link-primary-hover-color: #699df4;
|
67
|
-
--link-success-hover-color: #45e35f;
|
68
|
-
--link-warning-hover-color: #ffb848;
|
69
|
-
--link-danger-hover-color: #ff5656;
|
70
|
-
--link-default-disabled-color: #dcdee5;
|
71
|
-
--link-primary-disabled-color: #a3c5fd;
|
72
|
-
--link-success-disabled-color: #94f5a4;
|
73
|
-
--link-warning-disabled-color: #ffd695;
|
74
|
-
--link-danger-disabled-color: #fd9c9c;
|
75
|
-
--message-color: var(--default-color);
|
76
|
-
--message-primary-bg-color: #f0f8ff;
|
77
|
-
--message-primary-border-color: #e1ecff;
|
78
|
-
--message-primary-shadow-color: #e1e8f4;
|
79
|
-
--message-warning-bg-color: #fff4e2;
|
80
|
-
--message-warning-border-color: #ffe8c3;
|
81
|
-
--message-warning-shadow-color: #ede6db;
|
82
|
-
--message-success-bg-color: #f2fff4;
|
83
|
-
--message-success-border-color: #dcffe2;
|
84
|
-
--message-success-shadow-color: #cef0d7;
|
85
|
-
--message-danger-bg-color: #ffeded;
|
86
|
-
--message-danger-border-color: #ffdddd;
|
87
|
-
--message-danger-shadow-color: #f6dada;
|
88
|
-
--slider-default-bg: #dcdee5;
|
89
|
-
--slider-disable-bar-bg: #979ba5;
|
90
|
-
--menu-bg-color: #182132;
|
91
|
-
--submenu-bg-color: #151d2c;
|
92
|
-
--menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
|
93
|
-
--menu-color: #96a2b9;
|
94
|
-
--menu-group-color: var(--default-color);
|
95
|
-
--menu-width: 260px;
|
96
|
-
--menu-collapse-width: 60px;
|
97
|
-
--menu-active-color: white;
|
98
|
-
--nav-header-bg-color: #182132;
|
99
|
-
--nav-bg-color: #182132;
|
100
|
-
--date-picker-disabled-bg: #fafbfd;
|
101
|
-
--date-picker-dropdown-mb: 4px;
|
102
|
-
--date-picker-dropdown-bg: #fff;
|
103
|
-
--table-bg-color: var(--white-color);
|
104
|
-
--table-border-color: #dcdee5;
|
105
|
-
--table-head-bg-color: #fafbfd;
|
106
|
-
--table-head-font-color: #313238;
|
107
|
-
--table-body-font-color: #575961;
|
108
|
-
--table-row-hover-bg-color: #f5f7fa;
|
109
|
-
--table-row-active-bg-color: #f0f1f5;
|
110
|
-
--cascader-panel-border-color: #dcdee5;
|
111
|
-
--cascader-panel-hover: #f5f7fa;
|
112
|
-
--cascader-panel-active: #e1ecff;
|
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);
|
119
|
-
--search-select-menu-border-color: var(--disable-color);
|
120
|
-
}
|
121
|
-
.bk-radio-item {
|
122
|
-
position: relative;
|
123
|
-
z-index: 1;
|
124
|
-
display: inline-flex;
|
125
|
-
font-weight: normal;
|
126
|
-
letter-spacing: normal;
|
127
|
-
color: var(--radio-font-color);
|
128
|
-
white-space: nowrap;
|
129
|
-
cursor: pointer;
|
130
|
-
outline: none;
|
131
|
-
opacity: 1;
|
132
|
-
user-select: none;
|
133
|
-
}
|
134
|
-
.bk-radio-item-input {
|
135
|
-
position: absolute;
|
136
|
-
z-index: -1;
|
137
|
-
width: 100%;
|
138
|
-
height: 100%;
|
139
|
-
outline: none;
|
140
|
-
opacity: 0;
|
141
|
-
}
|
142
|
-
.bk-radio-item .bk-radio-item-label {
|
143
|
-
width: 100%;
|
144
|
-
padding: 0 18px;
|
145
|
-
font-size: 12px;
|
146
|
-
font-style: normal;
|
147
|
-
font-weight: normal;
|
148
|
-
line-height: var(--component-size-base);
|
149
|
-
color: var(--default-color);
|
150
|
-
text-align: center;
|
151
|
-
vertical-align: middle;
|
152
|
-
cursor: pointer;
|
153
|
-
transition: all 0.3s;
|
154
|
-
}
|
155
|
-
.bk-radio-item.is-checked {
|
156
|
-
z-index: 2;
|
157
|
-
}
|
158
|
-
.bk-radio-item.is-checked .bk-radio-item-label {
|
159
|
-
color: var(--radio-active-color);
|
160
|
-
}
|
161
|
-
.bk-radio-item.is-disabled {
|
162
|
-
z-index: 0;
|
163
|
-
color: var(--radio-disabled-font-color);
|
164
|
-
cursor: not-allowed;
|
165
|
-
}
|
166
|
-
.bk-radio-item.is-disabled .bk-radio-item-label {
|
167
|
-
cursor: not-allowed;
|
168
|
-
}
|
169
|
-
.bk-radio-capsule {
|
170
|
-
padding: 4px;
|
171
|
-
background: #f0f1f5;
|
172
|
-
border-radius: 2px;
|
173
|
-
}
|
174
|
-
.bk-radio-capsule .bk-radio-item {
|
175
|
-
border-radius: 2px;
|
176
|
-
}
|
177
|
-
.bk-radio-capsule .bk-radio-item:before {
|
178
|
-
position: absolute;
|
179
|
-
top: 50%;
|
180
|
-
right: -1px;
|
181
|
-
display: block;
|
182
|
-
width: 1px;
|
183
|
-
height: 12px;
|
184
|
-
margin-top: -6px;
|
185
|
-
background: #dcdee5;
|
186
|
-
content: '';
|
187
|
-
}
|
188
|
-
.bk-radio-capsule .bk-radio-item:last-of-type .bk-radio-capsule .bk-radio-item:before {
|
189
|
-
display: none;
|
190
|
-
}
|
191
|
-
.bk-radio-capsule .bk-radio-item-label {
|
192
|
-
position: relative;
|
193
|
-
height: 24px;
|
194
|
-
padding: 0 12px;
|
195
|
-
line-height: 24px;
|
196
|
-
}
|
197
|
-
.bk-radio-capsule .is-checked {
|
198
|
-
background: #fff;
|
199
|
-
}
|
200
|
-
.bk-radio-capsule .is-checked:before {
|
201
|
-
display: none;
|
202
|
-
}
|
203
|
-
.bk-radio-button .bk-radio-item {
|
204
|
-
overflow: hidden;
|
205
|
-
}
|
206
|
-
.bk-radio-button .bk-radio-item:nth-child(n+2) {
|
207
|
-
margin-left: -1px;
|
208
|
-
}
|
209
|
-
.bk-radio-button .bk-radio-item:first-child .bk-radio-item-label {
|
210
|
-
border-bottom-left-radius: var(--border-radius-base);
|
211
|
-
border-top-left-radius: var(--border-radius-base);
|
212
|
-
}
|
213
|
-
.bk-radio-button .bk-radio-item:last-child .bk-radio-item-label {
|
214
|
-
border-top-right-radius: var(--border-radius-base);
|
215
|
-
border-bottom-right-radius: var(--border-radius-base);
|
216
|
-
}
|
217
|
-
.bk-radio-button .bk-radio-item.is-checked {
|
218
|
-
z-index: 2;
|
219
|
-
}
|
220
|
-
.bk-radio-button .bk-radio-item.is-checked .bk-radio-item-label {
|
221
|
-
background: var(--radio-button-checked-bg);
|
222
|
-
border-color: var(--radio-active-color);
|
223
|
-
}
|
224
|
-
.bk-radio-button .bk-radio-item.is-disabled .bk-radio-item-label {
|
225
|
-
background: var(--radio-distable-checked-bg);
|
226
|
-
border-color: var(--radio-disabled-border);
|
227
|
-
}
|
228
|
-
.bk-radio-button .bk-radio-item.is-focused .bk-radio-item-label {
|
229
|
-
border-color: var(--radio-active-color);
|
230
|
-
}
|
231
|
-
.bk-radio-button .bk-radio-item-label {
|
232
|
-
height: var(--component-size-base);
|
233
|
-
border: var(--border-width-base) var(--border-style-base) var(--light-gray);
|
234
|
-
transition: all 0.3s;
|
235
|
-
}
|
236
|
-
.bk-radio-button .bk-radio-item-label:hover {
|
237
|
-
border-color: var(--radio-hover-border-color);
|
238
|
-
}
|