@jetlinks-web/components 2.5.4 → 2.6.0
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 +97 -96
- 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/FlameGraph/index.js +5 -0
- 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 +4 -2
- package/es/locale/en-US.js +7 -0
- package/es/locale/zh-CN.js +7 -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 +97 -96
- 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/FlameGraph/index.js +12 -0
- 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 +21 -1
- package/lib/locale/en-US.js +7 -0
- package/lib/locale/zh-CN.js +7 -0
- package/lib/style/index.css +41 -1
- package/lib/style/index.less +2 -0
- package/lib/style.js +3 -1
- package/package.json +4 -2
- 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/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/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-1742785654577"), 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 @@
|
|
|
1
|
+
import './index.less';
|
|
@@ -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
|
+
}
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
} */
|
|
24
24
|
import { defineComponent as _defineComponent } from 'vue';
|
|
25
25
|
import { unref as _unref, createVNode as _createVNode, withCtx as _withCtx, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
|
|
26
|
-
const _withScopeId = n => (_pushScopeId("data-v-
|
|
26
|
+
const _withScopeId = n => (_pushScopeId("data-v-1744011293337"), n = n(), _popScopeId(), n);
|
|
27
27
|
const _hoisted_1 = {
|
|
28
28
|
key: 0,
|
|
29
29
|
style: { "width": "240px" }
|
package/es/Search/Item.js
CHANGED
|
@@ -80,7 +80,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
|
|
|
80
80
|
} */
|
|
81
81
|
import { defineComponent as _defineComponent } from 'vue';
|
|
82
82
|
import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, createVNode as _createVNode, Fragment as _Fragment, normalizeStyle as _normalizeStyle, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
|
|
83
|
-
const _withScopeId = n => (_pushScopeId("data-v-
|
|
83
|
+
const _withScopeId = n => (_pushScopeId("data-v-1744011292697"), n = n(), _popScopeId(), n);
|
|
84
84
|
const _hoisted_1 = { class: "JSearch-item" };
|
|
85
85
|
const _hoisted_2 = {
|
|
86
86
|
key: 0,
|
package/es/Search/Search.js
CHANGED
|
@@ -249,7 +249,7 @@ const __sfc_main__ = _defineComponent({
|
|
|
249
249
|
type: "primary"
|
|
250
250
|
}, {
|
|
251
251
|
default: _withCtx(() => [
|
|
252
|
-
_createTextVNode(_toDisplayString(__props.submitText || _unref(contextLocale).search.search
|
|
252
|
+
_createTextVNode(_toDisplayString(__props.submitText || _unref(contextLocale).search.search), 1 /* TEXT */)
|
|
253
253
|
]),
|
|
254
254
|
_: 1 /* STABLE */
|
|
255
255
|
})
|
package/es/components.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
export { default as Map } from './AMap';
|
|
2
2
|
export { default as BadgeStatus } from './BadgeStatus';
|
|
3
3
|
export { default as CardSelect } from './CardSelect';
|
|
4
4
|
export { default as CheckButton } from './CheckButton';
|
|
@@ -19,4 +19,6 @@ export { default as TimeFormat } from './TimeFormat';
|
|
|
19
19
|
export { default as DragModal } from './DragModal';
|
|
20
20
|
export { default as EditTable } from './EditTable';
|
|
21
21
|
export { default as Markdown } from './Markdown';
|
|
22
|
-
export { default as AutoComplete } from './AutoComplete';
|
|
22
|
+
export { default as AutoComplete } from './AutoComplete';
|
|
23
|
+
export { default as Title } from './Title';
|
|
24
|
+
export { default as FlameGraph } from './FlameGraph';
|
package/es/locale/en-US.js
CHANGED
|
@@ -111,5 +111,12 @@ export default {
|
|
|
111
111
|
cancel: 'Cancel',
|
|
112
112
|
confirm: 'Confirm',
|
|
113
113
|
title: 'Edit'
|
|
114
|
+
},
|
|
115
|
+
PermissionButton: {
|
|
116
|
+
hasPermission: 'No permission, please contact the administrator'
|
|
117
|
+
},
|
|
118
|
+
FlameGraph: {
|
|
119
|
+
placeholder: 'Please input',
|
|
120
|
+
revert: 'Revert'
|
|
114
121
|
}
|
|
115
122
|
};
|
package/es/locale/zh-CN.js
CHANGED
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
|
})
|
|
@@ -1,96 +1,97 @@
|
|
|
1
|
-
@import "ant-design-vue/es/style/themes/index.less";
|
|
2
|
-
@boxColor: rgb(@primary-color);
|
|
3
|
-
|
|
4
|
-
// 弹窗动画
|
|
5
|
-
.dialog-enter-active,
|
|
6
|
-
.dialog-leave-active {
|
|
7
|
-
transition: opacity .5s;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.dialog-enter,
|
|
11
|
-
.dialog-leave-to {
|
|
12
|
-
opacity: 0;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.jetlinks-drag-modal {
|
|
16
|
-
position: fixed;
|
|
17
|
-
z-index: 1000;
|
|
18
|
-
|
|
19
|
-
.jetlinks-drag-modal-sprite {
|
|
20
|
-
position: absolute;
|
|
21
|
-
width: 100%;
|
|
22
|
-
height: 100%;
|
|
23
|
-
display: flex;
|
|
24
|
-
flex-direction: column;
|
|
25
|
-
overflow: hidden;
|
|
26
|
-
z-index: 23456765435;
|
|
27
|
-
background-color: #ffffff;
|
|
28
|
-
border-radius: 4px;
|
|
29
|
-
border: 1px solid #91CAFF;
|
|
30
|
-
box-shadow: 0 3px 8px 0 rgba(#1677FF, 0.24);
|
|
31
|
-
|
|
32
|
-
.header {
|
|
33
|
-
padding: 5px 15px;
|
|
34
|
-
font-size: 18px;
|
|
35
|
-
font-weight: 700;
|
|
36
|
-
color: #333;
|
|
37
|
-
display: flex;
|
|
38
|
-
justify-content: space-between;
|
|
39
|
-
align-items: center;
|
|
40
|
-
border-bottom: 1px solid #f0f0f0;
|
|
41
|
-
cursor: move;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.jetlinks-drag-modal-body {
|
|
45
|
-
flex: 1;
|
|
46
|
-
min-height: 0;
|
|
47
|
-
overflow-y: auto;
|
|
48
|
-
padding: 24px 20px;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.jetlinks-drag-modal-footer {
|
|
52
|
-
border-top: 1px solid #f0f0f0;
|
|
53
|
-
padding: 5px 15px;
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
}
|
|
1
|
+
@import "ant-design-vue/es/style/themes/index.less";
|
|
2
|
+
@boxColor: rgb(@primary-color);
|
|
3
|
+
|
|
4
|
+
// 弹窗动画
|
|
5
|
+
.dialog-enter-active,
|
|
6
|
+
.dialog-leave-active {
|
|
7
|
+
transition: opacity .5s;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.dialog-enter,
|
|
11
|
+
.dialog-leave-to {
|
|
12
|
+
opacity: 0;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.jetlinks-drag-modal {
|
|
16
|
+
position: fixed;
|
|
17
|
+
z-index: 1000;
|
|
18
|
+
|
|
19
|
+
.jetlinks-drag-modal-sprite {
|
|
20
|
+
position: absolute;
|
|
21
|
+
width: 100%;
|
|
22
|
+
height: 100%;
|
|
23
|
+
display: flex;
|
|
24
|
+
flex-direction: column;
|
|
25
|
+
overflow: hidden;
|
|
26
|
+
z-index: 23456765435;
|
|
27
|
+
background-color: #ffffff;
|
|
28
|
+
border-radius: 4px;
|
|
29
|
+
border: 1px solid #91CAFF;
|
|
30
|
+
box-shadow: 0 3px 8px 0 rgba(#1677FF, 0.24);
|
|
31
|
+
|
|
32
|
+
.header {
|
|
33
|
+
padding: 5px 15px;
|
|
34
|
+
font-size: 18px;
|
|
35
|
+
font-weight: 700;
|
|
36
|
+
color: #333;
|
|
37
|
+
display: flex;
|
|
38
|
+
justify-content: space-between;
|
|
39
|
+
align-items: center;
|
|
40
|
+
border-bottom: 1px solid #f0f0f0;
|
|
41
|
+
cursor: move;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.jetlinks-drag-modal-body {
|
|
45
|
+
flex: 1;
|
|
46
|
+
min-height: 0;
|
|
47
|
+
overflow-y: auto;
|
|
48
|
+
padding: 24px 20px;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.jetlinks-drag-modal-footer {
|
|
52
|
+
border-top: 1px solid #f0f0f0;
|
|
53
|
+
padding: 5px 15px;
|
|
54
|
+
text-align: right;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.jetlinks-drag-modal-range {
|
|
59
|
+
position: absolute;
|
|
60
|
+
width: 16px;
|
|
61
|
+
height: 16px;
|
|
62
|
+
border-radius: 100%;
|
|
63
|
+
z-index: 23456765436;
|
|
64
|
+
|
|
65
|
+
.drag-bottom-right, .drag-top-left {
|
|
66
|
+
&:hover {
|
|
67
|
+
cursor: nwse-resize
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.drag-bottom-left, .drag-top-right {
|
|
72
|
+
&:hover {
|
|
73
|
+
cursor: nesw-resize
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.drag-top-right {
|
|
78
|
+
top: -6px;
|
|
79
|
+
right: -6px;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.drag-top-left {
|
|
83
|
+
top: -6px;
|
|
84
|
+
left: -6px;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.drag-bottom-right {
|
|
88
|
+
bottom: -6px;
|
|
89
|
+
right: -6px;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.drag-bottom-left {
|
|
93
|
+
bottom: -6px;
|
|
94
|
+
left: -6px;
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
}
|