@jetlinks-web/components 2.5.4 → 2.5.5
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/AMap/Map.js +1 -1
- package/es/CardSelect/CardSelect.js +1 -1
- package/es/CheckButton/CheckButton.js +1 -1
- package/es/ConfigProvider/index.js +2 -1
- package/es/DragModal/DragModal.js +19 -13
- package/es/DragModal/style/index.css +1 -0
- package/es/DragModal/style/index.less +1 -0
- package/es/EditTable/components/Search/search.js +28 -11
- package/es/EditTable/components/Search/sort.js +5 -4
- package/es/EditTable/style/body.less +8 -8
- package/es/EditTable/style/index.css +1 -1
- package/es/FullPage/FullPage.js +1 -1
- package/es/LocaleReciver/index.js +3 -1
- package/es/PermissionButton/index.js +13 -20
- package/es/ProTable/Alert.js +3 -3
- package/es/ProTable/Pagination.js +17 -1
- package/es/RadioButton/RadioButton.js +10 -7
- package/es/RadioButton/style/index.js +1 -0
- package/es/RadioButton/style/index.less +18 -0
- package/es/Search/Advanced/SaveHistory.js +1 -1
- package/es/Search/Item.js +1 -1
- package/es/Search/Search.js +1 -1
- package/es/Title/index.js +5 -0
- package/es/components.js +3 -2
- package/es/locale/en-US.js +3 -0
- package/es/locale/zh-CN.js +3 -0
- package/es/style/index.css +41 -1
- package/es/style/index.less +2 -0
- package/es/style.js +3 -1
- package/lib/AMap/Map.js +1 -1
- package/lib/CardSelect/CardSelect.js +1 -1
- package/lib/CheckButton/CheckButton.js +1 -1
- package/lib/ConfigProvider/index.js +2 -1
- package/lib/DragModal/DragModal.js +19 -13
- package/lib/DragModal/style/index.css +1 -0
- package/lib/DragModal/style/index.less +1 -0
- package/lib/EditTable/components/Search/search.js +28 -11
- package/lib/EditTable/components/Search/sort.js +5 -4
- package/lib/EditTable/style/body.less +8 -8
- package/lib/EditTable/style/index.css +1 -1
- package/lib/FullPage/FullPage.js +1 -1
- package/lib/LocaleReciver/index.js +3 -1
- package/lib/PermissionButton/index.js +12 -19
- package/lib/ProTable/Alert.js +3 -3
- package/lib/ProTable/Pagination.js +17 -1
- package/lib/RadioButton/RadioButton.js +10 -7
- package/lib/RadioButton/style/index.js +3 -0
- package/lib/RadioButton/style/index.less +18 -0
- package/lib/Search/Advanced/SaveHistory.js +1 -1
- package/lib/Search/Item.js +1 -1
- package/lib/Search/Search.js +1 -1
- package/lib/Title/index.js +12 -0
- package/lib/components.js +14 -1
- package/lib/locale/en-US.js +3 -0
- package/lib/locale/zh-CN.js +3 -0
- package/lib/style/index.css +41 -1
- package/lib/style/index.less +2 -0
- package/lib/style.js +3 -1
- package/package.json +2 -2
- package/es/ProTable/style/ProTable.less +0 -139
- package/es/Scrollbar/style/index.css +0 -61
- package/es/Scrollbar/style/index.less +0 -82
- package/es/Search/style/Item.less +0 -33
- package/es/Search/style/Search.less +0 -179
- package/es/Title/style/index.css +0 -23
- package/es/Title/style/index.less +0 -25
- package/lib/ProTable/style/ProTable.less +0 -139
- package/lib/Scrollbar/style/index.css +0 -61
- package/lib/Scrollbar/style/index.less +0 -82
- package/lib/Search/style/Item.less +0 -33
- package/lib/Search/style/Search.less +0 -179
- package/lib/Title/style/index.css +0 -23
- package/lib/Title/style/index.less +0 -25
- package/lib/style/components.less +0 -8
package/es/style/index.css
CHANGED
|
@@ -4793,6 +4793,7 @@ span.ant-radio + * {
|
|
|
4793
4793
|
.jetlinks-drag-modal .jetlinks-drag-modal-sprite .jetlinks-drag-modal-footer {
|
|
4794
4794
|
border-top: 1px solid #f0f0f0;
|
|
4795
4795
|
padding: 5px 15px;
|
|
4796
|
+
text-align: right;
|
|
4796
4797
|
}
|
|
4797
4798
|
.jetlinks-drag-modal .jetlinks-drag-modal-range {
|
|
4798
4799
|
position: absolute;
|
|
@@ -4898,7 +4899,7 @@ span.ant-radio + * {
|
|
|
4898
4899
|
padding: 0 12px;
|
|
4899
4900
|
position: relative;
|
|
4900
4901
|
}
|
|
4901
|
-
.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .
|
|
4902
|
+
.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .readonly-mask {
|
|
4902
4903
|
position: absolute;
|
|
4903
4904
|
top: 0;
|
|
4904
4905
|
left: 0;
|
|
@@ -5137,3 +5138,42 @@ span.ant-radio + * {
|
|
|
5137
5138
|
.j-scrollbar-fade-leave-active {
|
|
5138
5139
|
opacity: 0;
|
|
5139
5140
|
}
|
|
5141
|
+
.j-title {
|
|
5142
|
+
display: flex;
|
|
5143
|
+
align-items: center;
|
|
5144
|
+
width: 100%;
|
|
5145
|
+
margin-bottom: 16px;
|
|
5146
|
+
}
|
|
5147
|
+
.j-title .j-title-content {
|
|
5148
|
+
position: relative;
|
|
5149
|
+
padding-left: 10px;
|
|
5150
|
+
color: rgba(0, 0, 0, 0.8);
|
|
5151
|
+
font-weight: 600;
|
|
5152
|
+
line-height: 1;
|
|
5153
|
+
}
|
|
5154
|
+
.j-title .j-title-content::before {
|
|
5155
|
+
position: absolute;
|
|
5156
|
+
top: 0;
|
|
5157
|
+
left: 0;
|
|
5158
|
+
width: 4px;
|
|
5159
|
+
height: 100%;
|
|
5160
|
+
background-color: #1890ff;
|
|
5161
|
+
border-radius: 0 3px 3px 0;
|
|
5162
|
+
content: ' ';
|
|
5163
|
+
}
|
|
5164
|
+
.j-radio-button {
|
|
5165
|
+
display: grid;
|
|
5166
|
+
gap: 16px;
|
|
5167
|
+
}
|
|
5168
|
+
.j-radio-button .j-radio-button-item {
|
|
5169
|
+
padding: 6px 12px;
|
|
5170
|
+
text-align: center;
|
|
5171
|
+
height: 100%;
|
|
5172
|
+
border-radius: 2px;
|
|
5173
|
+
background-color: #f5f5f5;
|
|
5174
|
+
cursor: pointer;
|
|
5175
|
+
}
|
|
5176
|
+
.j-radio-button .j-radio-button-item.active {
|
|
5177
|
+
color: #fff;
|
|
5178
|
+
background-color: #1890ff;
|
|
5179
|
+
}
|
package/es/style/index.less
CHANGED
package/es/style.js
CHANGED
package/lib/AMap/Map.js
CHANGED
|
@@ -99,7 +99,7 @@ const __sfc_main__ = Object.assign({
|
|
|
99
99
|
}
|
|
100
100
|
};
|
|
101
101
|
watch(() => props.value, () => {
|
|
102
|
-
selectKeys.value = isMultiple.value ? props.value : [props.value];
|
|
102
|
+
selectKeys.value = isMultiple.value ? (props.value || []) : [props.value];
|
|
103
103
|
}, { immediate: true });
|
|
104
104
|
return (_ctx, _cache) => {
|
|
105
105
|
return (_openBlock(), _createElementBlock("div", {
|
|
@@ -61,7 +61,7 @@ const __sfc_main__ = _defineComponent({
|
|
|
61
61
|
const _options = computed(() => {
|
|
62
62
|
props.options.forEach((item) => {
|
|
63
63
|
if (props.disabled) {
|
|
64
|
-
item.
|
|
64
|
+
item.disabled = props.disabled;
|
|
65
65
|
}
|
|
66
66
|
optionsMap.value.set(item.value, item);
|
|
67
67
|
});
|
|
@@ -13,6 +13,7 @@ var _antDesignVue = require("ant-design-vue");
|
|
|
13
13
|
var _index = _interopRequireDefault(require("../LocaleProvider/index.js"));
|
|
14
14
|
var _lodashEs = require("lodash");
|
|
15
15
|
var _Empty = _interopRequireDefault(require("../Empty"));
|
|
16
|
+
var _zhCN = _interopRequireDefault(require("../locale/zh-CN"));
|
|
16
17
|
var JConfigProvider = (0, _vue.defineComponent)({
|
|
17
18
|
name: 'JConfigProvider',
|
|
18
19
|
inheritAttrs: false,
|
|
@@ -33,7 +34,7 @@ var JConfigProvider = (0, _vue.defineComponent)({
|
|
|
33
34
|
(0, _vue.provide)(_constants.TableConfig, _TableConfig); // ProTable配置
|
|
34
35
|
return function () {
|
|
35
36
|
return (0, _vue.h)(_antDesignVue.ConfigProvider, (0, _objectSpread2.default)({}, (0, _lodashEs.omit)(props, ['IconConfig', 'MapConfig', 'SearchConfig'])), [(0, _vue.h)(_index.default, {
|
|
36
|
-
locale: props.componentsLocale
|
|
37
|
+
locale: props.componentsLocale || _zhCN.default
|
|
37
38
|
}, {
|
|
38
39
|
default: slots.default,
|
|
39
40
|
renderEmpty: function renderEmpty() {
|
|
@@ -239,6 +239,7 @@ const __sfc_main__ = _defineComponent({
|
|
|
239
239
|
return (_ctx, _cache) => {
|
|
240
240
|
const _component_AIcon = _resolveComponent("AIcon");
|
|
241
241
|
const _component_a_button = _resolveComponent("a-button");
|
|
242
|
+
const _component_a_space = _resolveComponent("a-space");
|
|
242
243
|
return (_openBlock(), _createElementBlock("div", {
|
|
243
244
|
ref_key: "dialog",
|
|
244
245
|
ref: dialog,
|
|
@@ -276,20 +277,25 @@ const __sfc_main__ = _defineComponent({
|
|
|
276
277
|
(__props.footer !== false)
|
|
277
278
|
? (_openBlock(), _createElementBlock("div", _hoisted_2, [
|
|
278
279
|
_renderSlot(_ctx.$slots, "footer", {}, () => [
|
|
279
|
-
_createVNode(
|
|
280
|
-
onClick: _withModifiers(onCancel, ["stop"])
|
|
281
|
-
}, {
|
|
280
|
+
_createVNode(_component_a_space, null, {
|
|
282
281
|
default: _withCtx(() => [
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
282
|
+
_createVNode(_unref(Button), {
|
|
283
|
+
onClick: _withModifiers(onCancel, ["stop"])
|
|
284
|
+
}, {
|
|
285
|
+
default: _withCtx(() => [
|
|
286
|
+
_createTextVNode(_toDisplayString(_unref(contextLocale).cancel), 1 /* TEXT */)
|
|
287
|
+
]),
|
|
288
|
+
_: 1 /* STABLE */
|
|
289
|
+
}),
|
|
290
|
+
_createVNode(_unref(Button), {
|
|
291
|
+
type: "primary",
|
|
292
|
+
onClick: _withModifiers(onOk, ["stop"])
|
|
293
|
+
}, {
|
|
294
|
+
default: _withCtx(() => [
|
|
295
|
+
_createTextVNode(_toDisplayString(_unref(contextLocale).confirm), 1 /* TEXT */)
|
|
296
|
+
]),
|
|
297
|
+
_: 1 /* STABLE */
|
|
298
|
+
})
|
|
293
299
|
]),
|
|
294
300
|
_: 1 /* STABLE */
|
|
295
301
|
})
|
|
@@ -22,10 +22,15 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
|
|
|
22
22
|
"useTableTool": "setup-maybe-ref",
|
|
23
23
|
"useGroupOptions": "setup-maybe-ref",
|
|
24
24
|
"ref": "setup-const",
|
|
25
|
+
"reactive": "setup-const",
|
|
25
26
|
"defineOptions": "setup-const",
|
|
26
27
|
"Ellipsis": "setup-const",
|
|
27
28
|
"DragModal": "setup-const",
|
|
28
29
|
"useLocaleReceiver": "setup-maybe-ref",
|
|
30
|
+
"isNumber": "setup-maybe-ref",
|
|
31
|
+
"isArray": "setup-maybe-ref",
|
|
32
|
+
"isObject": "setup-maybe-ref",
|
|
33
|
+
"isBoolean": "setup-maybe-ref",
|
|
29
34
|
"props": "setup-reactive-const",
|
|
30
35
|
"emit": "setup-const",
|
|
31
36
|
"contextLocale": "setup-maybe-ref",
|
|
@@ -41,7 +46,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
|
|
|
41
46
|
"tableHeight": "setup-ref",
|
|
42
47
|
"selectedRowKeys": "setup-ref",
|
|
43
48
|
"tableRef": "setup-ref",
|
|
44
|
-
"columns": "setup-
|
|
49
|
+
"columns": "setup-reactive-const",
|
|
45
50
|
"selectedTableRow": "setup-const",
|
|
46
51
|
"handleFilterArray": "setup-const",
|
|
47
52
|
"search": "setup-const",
|
|
@@ -49,7 +54,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
|
|
|
49
54
|
"onClose": "setup-const",
|
|
50
55
|
"onSelect": "setup-const"
|
|
51
56
|
} */
|
|
52
|
-
import { unref as _unref, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, createTextVNode as _createTextVNode, withCtx as _withCtx,
|
|
57
|
+
import { unref as _unref, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, createVNode as _createVNode, createTextVNode as _createTextVNode, withCtx as _withCtx, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock } from "vue";
|
|
53
58
|
const _hoisted_1 = { class: "jetlinks-table-search" };
|
|
54
59
|
const _hoisted_2 = { class: "jetlinks-table-search-header" };
|
|
55
60
|
const _hoisted_3 = {
|
|
@@ -62,10 +67,11 @@ const _hoisted_6 = { key: 1 };
|
|
|
62
67
|
const _hoisted_7 = { class: "jetlinks-table-search-result-total" };
|
|
63
68
|
import Table from '../../EditTable.js';
|
|
64
69
|
import { useTableDataSource, useTableOpenGroup, useTableTool, useGroupOptions } from "../../context";
|
|
65
|
-
import { ref, } from "vue";
|
|
70
|
+
import { ref, reactive, } from "vue";
|
|
66
71
|
import Ellipsis from '../../../Ellipsis/Ellipsis.js';
|
|
67
72
|
import DragModal from '../../../DragModal/DragModal.js';
|
|
68
73
|
import { useLocaleReceiver } from "../../../LocaleReciver/index";
|
|
74
|
+
import { isNumber, isArray, isObject, isBoolean } from 'lodash-es';
|
|
69
75
|
const __sfc_main__ = Object.assign({
|
|
70
76
|
name: 'JEditTableSearch'
|
|
71
77
|
}, {
|
|
@@ -105,15 +111,23 @@ const __sfc_main__ = Object.assign({
|
|
|
105
111
|
const selectedTableRow = (record) => {
|
|
106
112
|
tableTool.scrollTo({
|
|
107
113
|
...record,
|
|
108
|
-
__serial: record.
|
|
114
|
+
__serial: record.__oldSerial - 1
|
|
109
115
|
});
|
|
110
116
|
tableTool.selected([record.id]);
|
|
111
117
|
};
|
|
112
118
|
const handleFilterArray = () => {
|
|
113
119
|
const cloneDataSource = JSON.parse(JSON.stringify(dataSource.value || '[]')).map(item => Object.assign(item, { __oldSerial: item.__serial }));
|
|
114
120
|
const _filterArray = cloneDataSource.filter(item => {
|
|
115
|
-
|
|
116
|
-
|
|
121
|
+
let targetValue = item[props.searchKey];
|
|
122
|
+
if (targetValue) {
|
|
123
|
+
// 判断是否为string
|
|
124
|
+
if (isNumber(targetValue) || isBoolean(targetValue)) {
|
|
125
|
+
targetValue = toString(targetValue);
|
|
126
|
+
}
|
|
127
|
+
else if (isArray(targetValue) || isObject(targetValue)) {
|
|
128
|
+
targetValue = JSON.stringify(targetValue);
|
|
129
|
+
}
|
|
130
|
+
return targetValue.includes(searchValue.value);
|
|
117
131
|
}
|
|
118
132
|
return false;
|
|
119
133
|
});
|
|
@@ -179,6 +193,7 @@ const __sfc_main__ = Object.assign({
|
|
|
179
193
|
width: 800,
|
|
180
194
|
height: modalHeight.value,
|
|
181
195
|
title: false,
|
|
196
|
+
footer: false,
|
|
182
197
|
dragRang: [600, 200],
|
|
183
198
|
bodyStyle: {
|
|
184
199
|
overflow: 'hidden'
|
|
@@ -195,13 +210,15 @@ const __sfc_main__ = Object.assign({
|
|
|
195
210
|
_createVNode(_component_a_input, {
|
|
196
211
|
value: searchValue.value,
|
|
197
212
|
"onUpdate:value": _cache[0] || (_cache[0] = $event => ((searchValue).value = $event)),
|
|
213
|
+
"allow-clear": "",
|
|
198
214
|
maxlength: 64,
|
|
199
|
-
placeholder: _unref(contextLocale).Search.placeholder
|
|
215
|
+
placeholder: _unref(contextLocale).Search.placeholder,
|
|
216
|
+
onDrag: _cache[1] || (_cache[1] = _withModifiers(() => { }, ["stop"]))
|
|
200
217
|
}, null, 8 /* PROPS */, ["value", "placeholder"]),
|
|
201
218
|
_createVNode(_component_a_button, {
|
|
202
219
|
type: "primary",
|
|
203
220
|
ghost: "",
|
|
204
|
-
onClick: _cache[
|
|
221
|
+
onClick: _cache[2] || (_cache[2] = () => search('all'))
|
|
205
222
|
}, {
|
|
206
223
|
default: _withCtx(() => [
|
|
207
224
|
_createTextVNode(_toDisplayString(_unref(contextLocale).Search.all), 1 /* TEXT */)
|
|
@@ -211,7 +228,7 @@ const __sfc_main__ = Object.assign({
|
|
|
211
228
|
_createVNode(_component_a_button, {
|
|
212
229
|
type: "primary",
|
|
213
230
|
ghost: "",
|
|
214
|
-
onClick: _cache[
|
|
231
|
+
onClick: _cache[3] || (_cache[3] = () => search('prev'))
|
|
215
232
|
}, {
|
|
216
233
|
default: _withCtx(() => [
|
|
217
234
|
_createTextVNode(_toDisplayString(_unref(contextLocale).Search.prev), 1 /* TEXT */)
|
|
@@ -221,7 +238,7 @@ const __sfc_main__ = Object.assign({
|
|
|
221
238
|
_createVNode(_component_a_button, {
|
|
222
239
|
type: "primary",
|
|
223
240
|
ghost: "",
|
|
224
|
-
onClick: _cache[
|
|
241
|
+
onClick: _cache[4] || (_cache[4] = () => search('next'))
|
|
225
242
|
}, {
|
|
226
243
|
default: _withCtx(() => [
|
|
227
244
|
_createTextVNode(_toDisplayString(_unref(contextLocale).Search.next), 1 /* TEXT */)
|
|
@@ -250,7 +267,7 @@ const __sfc_main__ = Object.assign({
|
|
|
250
267
|
ref_key: "tableRef",
|
|
251
268
|
ref: tableRef,
|
|
252
269
|
"data-source": filterArray.value,
|
|
253
|
-
columns:
|
|
270
|
+
columns: columns,
|
|
254
271
|
height: tableHeight.value,
|
|
255
272
|
disableMenu: false,
|
|
256
273
|
cellHeight: 36,
|
|
@@ -24,6 +24,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
|
|
|
24
24
|
"useTableWrapper": "setup-maybe-ref",
|
|
25
25
|
"defineOptions": "setup-const",
|
|
26
26
|
"ref": "setup-const",
|
|
27
|
+
"reactive": "setup-const",
|
|
27
28
|
"useLocaleReceiver": "setup-maybe-ref",
|
|
28
29
|
"props": "setup-reactive-const",
|
|
29
30
|
"emit": "setup-const",
|
|
@@ -32,7 +33,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
|
|
|
32
33
|
"tableTool": "setup-maybe-ref",
|
|
33
34
|
"visible": "setup-ref",
|
|
34
35
|
"mySelectedRowKeys": "setup-ref",
|
|
35
|
-
"columns": "setup-
|
|
36
|
+
"columns": "setup-reactive-const",
|
|
36
37
|
"visibleChange": "setup-const",
|
|
37
38
|
"onSelectChange": "setup-const",
|
|
38
39
|
"cleanParams": "setup-const",
|
|
@@ -41,13 +42,13 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
|
|
|
41
42
|
"onDesc": "setup-const"
|
|
42
43
|
} */
|
|
43
44
|
import { unref as _unref, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, withCtx as _withCtx, createVNode as _createVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
|
|
44
|
-
const _withScopeId = n => (_pushScopeId("data-v-
|
|
45
|
+
const _withScopeId = n => (_pushScopeId("data-v-1743503004519"), n = n(), _popScopeId(), n);
|
|
45
46
|
const _hoisted_1 = { class: "jetlinks-table-sort-content" };
|
|
46
47
|
const _hoisted_2 = { class: "jetlinks-table-sort-title" };
|
|
47
48
|
const _hoisted_3 = { class: "table-sort-body" };
|
|
48
49
|
const _hoisted_4 = { class: "jetlinks-table-sort-footer" };
|
|
49
50
|
import { useTableTool, useTableWrapper } from "../../context";
|
|
50
|
-
import { ref } from 'vue';
|
|
51
|
+
import { ref, reactive } from 'vue';
|
|
51
52
|
import { useLocaleReceiver } from "../../../LocaleReciver";
|
|
52
53
|
const __sfc_main__ = Object.assign({
|
|
53
54
|
name: 'JEditTableSearchSort'
|
|
@@ -153,7 +154,7 @@ const __sfc_main__ = Object.assign({
|
|
|
153
154
|
? (_openBlock(), _createBlock(_component_a_table, {
|
|
154
155
|
key: 0,
|
|
155
156
|
size: "small",
|
|
156
|
-
columns:
|
|
157
|
+
columns: columns,
|
|
157
158
|
dataSource: dataSource.value,
|
|
158
159
|
"row-selection": { selectedRowKeys: mySelectedRowKeys.value, onChange: onSelectChange },
|
|
159
160
|
pagination: false,
|
|
@@ -46,15 +46,15 @@
|
|
|
46
46
|
padding: 0 12px;
|
|
47
47
|
position: relative;
|
|
48
48
|
}
|
|
49
|
+
}
|
|
49
50
|
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
}
|
|
51
|
+
.readonly-mask {
|
|
52
|
+
position: absolute;
|
|
53
|
+
top: 0;
|
|
54
|
+
left: 0;
|
|
55
|
+
right: 0;
|
|
56
|
+
bottom: 0;
|
|
57
|
+
z-index: 4;
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
60
|
}
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
padding: 0 12px;
|
|
76
76
|
position: relative;
|
|
77
77
|
}
|
|
78
|
-
.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .
|
|
78
|
+
.jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .readonly-mask {
|
|
79
79
|
position: absolute;
|
|
80
80
|
top: 0;
|
|
81
81
|
left: 0;
|
package/lib/FullPage/FullPage.js
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
} */
|
|
10
10
|
import { defineComponent as _defineComponent } from 'vue';
|
|
11
11
|
import { unref as _unref, renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
|
|
12
|
-
const _withScopeId = n => (_pushScopeId("data-v-
|
|
12
|
+
const _withScopeId = n => (_pushScopeId("data-v-1743503002482"), n = n(), _popScopeId(), n);
|
|
13
13
|
const _hoisted_1 = { class: "full-page-warp-content" };
|
|
14
14
|
import { ref, inject } from 'vue';
|
|
15
15
|
import { useElementBounding } from '@vueuse/core';
|
|
@@ -7,10 +7,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.useLocaleReceiver = useLocaleReceiver;
|
|
8
8
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
9
|
var _vue = require("vue");
|
|
10
|
+
var _zhCN = _interopRequireDefault(require("../locale/zh-CN"));
|
|
10
11
|
function useLocaleReceiver(componentName, defaultLocale, propsLocale) {
|
|
11
12
|
var localeData = (0, _vue.inject)('componentLocaleData', {});
|
|
12
13
|
var componentLocale = (0, _vue.computed)(function () {
|
|
13
|
-
var antLocale = localeData.antLocale
|
|
14
|
+
var _localeData$antLocale = localeData.antLocale,
|
|
15
|
+
antLocale = _localeData$antLocale === void 0 ? _zhCN.default : _localeData$antLocale;
|
|
14
16
|
var locale = (0, _vue.unref)(defaultLocale) || [componentName || 'global'];
|
|
15
17
|
var localeFromContext = componentName && antLocale ? antLocale[componentName] : {};
|
|
16
18
|
return (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, typeof locale === 'function' ? locale() : locale), localeFromContext || {}), (0, _vue.unref)(propsLocale) || {});
|
|
@@ -9,6 +9,7 @@ exports.destroyFns = exports.default = void 0;
|
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
11
11
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
12
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
12
13
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
13
14
|
var _vue = require("vue");
|
|
14
15
|
var _antDesignVue = require("ant-design-vue");
|
|
@@ -18,6 +19,7 @@ var _button = require("ant-design-vue/es/button/button");
|
|
|
18
19
|
var _hooks = require("@jetlinks-web/hooks");
|
|
19
20
|
var _confirm = _interopRequireDefault(require("./confirm"));
|
|
20
21
|
var _constants = require("../utils/constants");
|
|
22
|
+
var _LocaleReciver = require("../LocaleReciver");
|
|
21
23
|
var _excluded = ["popConfirm", "tooltip", "hasPermission", "noPermissionTitle"];
|
|
22
24
|
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
|
|
23
25
|
var definedProps = (0, _objectSpread2.default)({
|
|
@@ -49,20 +51,26 @@ var PermissionButton = (0, _vue.defineComponent)({
|
|
|
49
51
|
props: definedProps,
|
|
50
52
|
setup: function setup(props, _ref) {
|
|
51
53
|
var slots = _ref.slots;
|
|
52
|
-
var
|
|
54
|
+
var instance = (0, _vue.getCurrentInstance)();
|
|
55
|
+
var propsRef = (0, _vue.toRefs)(props);
|
|
56
|
+
var _usePermission = (0, _hooks.usePermission)(propsRef.hasPermission),
|
|
53
57
|
hasPerm = _usePermission.hasPerm;
|
|
58
|
+
var _useLocaleReceiver = (0, _LocaleReciver.useLocaleReceiver)('PermissionButton'),
|
|
59
|
+
_useLocaleReceiver2 = (0, _slicedToArray2.default)(_useLocaleReceiver, 1),
|
|
60
|
+
contextLocale = _useLocaleReceiver2[0];
|
|
54
61
|
var context = (0, _vue.inject)(_constants.PermissionButtonConfig, {
|
|
55
62
|
components: undefined
|
|
56
63
|
});
|
|
57
64
|
var permission = (0, _vue.computed)(function () {
|
|
58
|
-
|
|
65
|
+
var hasOwnPrototype = Object.prototype.hasOwnProperty.call(instance.props, 'hasPermission');
|
|
66
|
+
if (props.hasPermission === true || !hasOwnPrototype) {
|
|
59
67
|
return true;
|
|
60
68
|
}
|
|
61
69
|
return hasPerm.value;
|
|
62
70
|
});
|
|
63
71
|
var isPermission = (0, _vue.computed)(function () {
|
|
64
72
|
if ('hasPermission' in props && permission.value) {
|
|
65
|
-
return 'disabled' in props ? props.disabled : false;
|
|
73
|
+
return 'disabled' in props ? !!props.disabled : false;
|
|
66
74
|
}
|
|
67
75
|
return true;
|
|
68
76
|
});
|
|
@@ -134,28 +142,13 @@ var PermissionButton = (0, _vue.defineComponent)({
|
|
|
134
142
|
}) : undefined;
|
|
135
143
|
// 无权限
|
|
136
144
|
var noPermissionButton = !permission.value ? (0, _vue.h)(_antDesignVue.Tooltip, {
|
|
137
|
-
title: noPermissionTitle ||
|
|
145
|
+
title: noPermissionTitle || contextLocale.value.hasPermission
|
|
138
146
|
}, {
|
|
139
147
|
default: function _default() {
|
|
140
148
|
return button;
|
|
141
149
|
}
|
|
142
150
|
}) : undefined;
|
|
143
|
-
// 二次确认
|
|
144
|
-
// const _popConfirm = popConfirm ?
|
|
145
|
-
// h(Popconfirm,
|
|
146
|
-
// Object.assign(
|
|
147
|
-
// {overlayStyle: {width: '220px'}},
|
|
148
|
-
// popConfirm,
|
|
149
|
-
// {
|
|
150
|
-
// disabled: !permission.value || buttonProps.disabled
|
|
151
|
-
// }
|
|
152
|
-
// ),
|
|
153
|
-
// {default: () => tooltip ? _tooltip : button})
|
|
154
|
-
// : undefined
|
|
155
151
|
if (permission.value) {
|
|
156
|
-
// if (hasPopConfirm.value) {
|
|
157
|
-
// return _popConfirm
|
|
158
|
-
// }
|
|
159
152
|
if (hasTooltip.value) {
|
|
160
153
|
return _tooltip;
|
|
161
154
|
}
|
package/lib/ProTable/Alert.js
CHANGED
|
@@ -44,8 +44,8 @@ const __sfc_main__ = _defineComponent({
|
|
|
44
44
|
const props = __props;
|
|
45
45
|
const emits = __emit;
|
|
46
46
|
const _message = computed(() => {
|
|
47
|
-
let locale = contextLocale.value.alert.selectItem;
|
|
48
|
-
[_optionalChain([props, 'access',
|
|
47
|
+
let locale = _optionalChain([contextLocale, 'access', _2 => _2.value, 'optionalAccess', _3 => _3.alert, 'optionalAccess', _4 => _4.selectItem]) || '';
|
|
48
|
+
[_optionalChain([props, 'access', _5 => _5.rowSelection, 'optionalAccess', _6 => _6.selectedRowKeys, 'optionalAccess', _7 => _7.length]) || 0].forEach((item, index) => {
|
|
49
49
|
locale = locale.replace(`{${index}}`, item);
|
|
50
50
|
});
|
|
51
51
|
return locale;
|
|
@@ -66,7 +66,7 @@ const __sfc_main__ = _defineComponent({
|
|
|
66
66
|
onClick: onClose
|
|
67
67
|
}, {
|
|
68
68
|
default: _withCtx(() => [
|
|
69
|
-
_createTextVNode(_toDisplayString(_unref(contextLocale).alert.cancelChoose), 1 /* TEXT */)
|
|
69
|
+
_createTextVNode(_toDisplayString(_optionalChain([_unref, 'call', _8 => _8(contextLocale), 'access', _9 => _9.alert, 'optionalAccess', _10 => _10.cancelChoose])), 1 /* TEXT */)
|
|
70
70
|
]),
|
|
71
71
|
_: 1 /* STABLE */
|
|
72
72
|
})
|
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) {
|
|
2
|
+
const op = ops[i];
|
|
3
|
+
const fn = ops[i + 1];
|
|
4
|
+
i += 2;
|
|
5
|
+
if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) {
|
|
6
|
+
return undefined;
|
|
7
|
+
}
|
|
8
|
+
if (op === 'access' || op === 'optionalAccess') {
|
|
9
|
+
lastAccessLHS = value;
|
|
10
|
+
value = fn(value);
|
|
11
|
+
}
|
|
12
|
+
else if (op === 'call' || op === 'optionalCall') {
|
|
13
|
+
value = fn((...args) => value.call(lastAccessLHS, ...args));
|
|
14
|
+
lastAccessLHS = undefined;
|
|
15
|
+
}
|
|
16
|
+
} return value; }
|
|
1
17
|
/* Analyzed bindings: {
|
|
2
18
|
"Pagination": "setup-maybe-ref",
|
|
3
19
|
"_paginationProps": "setup-maybe-ref",
|
|
@@ -36,7 +52,7 @@ const __sfc_main__ = _defineComponent({
|
|
|
36
52
|
const minSize = props.pageIndex * props.pageSize + 1;
|
|
37
53
|
const MaxSize = (props.pageIndex + 1) * props.pageSize;
|
|
38
54
|
// return `第 ${minSize} - ${ MaxSize > num ? num : MaxSize } 条/总共 ${num} 条`
|
|
39
|
-
let locale = contextLocale.value.pagination.total;
|
|
55
|
+
let locale = _optionalChain([contextLocale, 'access', _ => _.value, 'access', _2 => _2.pagination, 'optionalAccess', _3 => _3.total]) || '';
|
|
40
56
|
[minSize, MaxSize > num ? num : MaxSize, num].forEach((item, index) => {
|
|
41
57
|
locale = locale.replace(`{${index}}`, item);
|
|
42
58
|
});
|
|
@@ -3,15 +3,18 @@
|
|
|
3
3
|
"options": "props",
|
|
4
4
|
"columns": "props",
|
|
5
5
|
"defineOptions": "setup-const",
|
|
6
|
+
"ref": "setup-const",
|
|
7
|
+
"computed": "setup-const",
|
|
8
|
+
"watch": "setup-const",
|
|
6
9
|
"props": "setup-reactive-const",
|
|
7
10
|
"emit": "setup-const",
|
|
8
|
-
"myValue": "setup-
|
|
9
|
-
"styles": "setup-
|
|
11
|
+
"myValue": "setup-ref",
|
|
12
|
+
"styles": "setup-ref",
|
|
10
13
|
"onClick": "setup-const"
|
|
11
14
|
} */
|
|
12
|
-
import {
|
|
13
|
-
const _withScopeId = n => (_pushScopeId("data-v-1742785654566"), n = n(), _popScopeId(), n);
|
|
15
|
+
import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle } from "vue";
|
|
14
16
|
const _hoisted_1 = ["onClick"];
|
|
17
|
+
import { ref, computed, watch } from 'vue';
|
|
15
18
|
const __sfc_main__ = Object.assign({
|
|
16
19
|
name: 'JRadioButton',
|
|
17
20
|
}, {
|
|
@@ -51,13 +54,13 @@ const __sfc_main__ = Object.assign({
|
|
|
51
54
|
});
|
|
52
55
|
return (_ctx, _cache) => {
|
|
53
56
|
return (_openBlock(), _createElementBlock("div", {
|
|
54
|
-
class: "radio-button",
|
|
55
|
-
style: _normalizeStyle(
|
|
57
|
+
class: "j-radio-button",
|
|
58
|
+
style: _normalizeStyle(styles.value)
|
|
56
59
|
}, [
|
|
57
60
|
(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(__props.options, (item) => {
|
|
58
61
|
return (_openBlock(), _createElementBlock("div", {
|
|
59
62
|
onClick: $event => (onClick(item)),
|
|
60
|
-
class: _normalizeClass(["radio-button-item", { 'active':
|
|
63
|
+
class: _normalizeClass(["j-radio-button-item", { 'active': myValue.value === item.value }])
|
|
61
64
|
}, _toDisplayString(item.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_1));
|
|
62
65
|
}), 256 /* UNKEYED_FRAGMENT */))
|
|
63
66
|
], 4 /* STYLE */));
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
.j-radio-button {
|
|
2
|
+
display: grid;
|
|
3
|
+
gap: 16px;
|
|
4
|
+
|
|
5
|
+
.j-radio-button-item {
|
|
6
|
+
padding: 6px 12px;
|
|
7
|
+
text-align: center;
|
|
8
|
+
height: 100%;
|
|
9
|
+
border-radius: 2px;
|
|
10
|
+
background-color: #f5f5f5;
|
|
11
|
+
cursor: pointer;
|
|
12
|
+
|
|
13
|
+
&.active {
|
|
14
|
+
color: #fff;
|
|
15
|
+
background-color: @primary-color;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|