@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.
Files changed (74) hide show
  1. package/es/AMap/Map.js +1 -1
  2. package/es/CardSelect/CardSelect.js +1 -1
  3. package/es/CheckButton/CheckButton.js +1 -1
  4. package/es/ConfigProvider/index.js +2 -1
  5. package/es/DragModal/DragModal.js +19 -13
  6. package/es/DragModal/style/index.css +1 -0
  7. package/es/DragModal/style/index.less +97 -96
  8. package/es/EditTable/components/Search/search.js +28 -11
  9. package/es/EditTable/components/Search/sort.js +5 -4
  10. package/es/EditTable/style/body.less +8 -8
  11. package/es/EditTable/style/index.css +1 -1
  12. package/es/FlameGraph/index.js +5 -0
  13. package/es/FullPage/FullPage.js +1 -1
  14. package/es/LocaleReciver/index.js +3 -1
  15. package/es/PermissionButton/index.js +13 -20
  16. package/es/ProTable/Alert.js +3 -3
  17. package/es/ProTable/Pagination.js +17 -1
  18. package/es/RadioButton/RadioButton.js +10 -7
  19. package/es/RadioButton/style/index.js +1 -0
  20. package/es/RadioButton/style/index.less +18 -0
  21. package/es/Search/Advanced/SaveHistory.js +1 -1
  22. package/es/Search/Item.js +1 -1
  23. package/es/Search/Search.js +1 -1
  24. package/es/Title/index.js +5 -0
  25. package/es/components.js +4 -2
  26. package/es/locale/en-US.js +7 -0
  27. package/es/locale/zh-CN.js +7 -0
  28. package/es/style/index.css +41 -1
  29. package/es/style/index.less +2 -0
  30. package/es/style.js +3 -1
  31. package/lib/AMap/Map.js +1 -1
  32. package/lib/CardSelect/CardSelect.js +1 -1
  33. package/lib/CheckButton/CheckButton.js +1 -1
  34. package/lib/ConfigProvider/index.js +2 -1
  35. package/lib/DragModal/DragModal.js +19 -13
  36. package/lib/DragModal/style/index.css +1 -0
  37. package/lib/DragModal/style/index.less +97 -96
  38. package/lib/EditTable/components/Search/search.js +28 -11
  39. package/lib/EditTable/components/Search/sort.js +5 -4
  40. package/lib/EditTable/style/body.less +8 -8
  41. package/lib/EditTable/style/index.css +1 -1
  42. package/lib/FlameGraph/index.js +12 -0
  43. package/lib/FullPage/FullPage.js +1 -1
  44. package/lib/LocaleReciver/index.js +3 -1
  45. package/lib/PermissionButton/index.js +12 -19
  46. package/lib/ProTable/Alert.js +3 -3
  47. package/lib/ProTable/Pagination.js +17 -1
  48. package/lib/RadioButton/RadioButton.js +10 -7
  49. package/lib/RadioButton/style/index.js +3 -0
  50. package/lib/RadioButton/style/index.less +18 -0
  51. package/lib/Search/Advanced/SaveHistory.js +1 -1
  52. package/lib/Search/Item.js +1 -1
  53. package/lib/Search/Search.js +1 -1
  54. package/lib/Title/index.js +12 -0
  55. package/lib/components.js +21 -1
  56. package/lib/locale/en-US.js +7 -0
  57. package/lib/locale/zh-CN.js +7 -0
  58. package/lib/style/index.css +41 -1
  59. package/lib/style/index.less +2 -0
  60. package/lib/style.js +3 -1
  61. package/package.json +4 -2
  62. package/es/Scrollbar/style/index.css +0 -61
  63. package/es/Scrollbar/style/index.less +0 -82
  64. package/es/Search/style/Item.less +0 -33
  65. package/es/Search/style/Search.less +0 -179
  66. package/es/Title/style/index.css +0 -23
  67. package/es/Title/style/index.less +0 -25
  68. package/lib/Scrollbar/style/index.css +0 -61
  69. package/lib/Scrollbar/style/index.less +0 -82
  70. package/lib/Search/style/Item.less +0 -33
  71. package/lib/Search/style/Search.less +0 -179
  72. package/lib/Title/style/index.css +0 -23
  73. package/lib/Title/style/index.less +0 -25
  74. package/lib/style/components.less +0 -8
@@ -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', _2 => _2.rowSelection, 'optionalAccess', _3 => _3.selectedRowKeys, 'optionalAccess', _4 => _4.length]) || 0].forEach((item, index) => {
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-maybe-ref",
9
- "styles": "setup-maybe-ref",
11
+ "myValue": "setup-ref",
12
+ "styles": "setup-ref",
10
13
  "onClick": "setup-const"
11
14
  } */
12
- import { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
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(_unref(styles))
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': _unref(myValue) === item.value }])
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-1742785656792"), n = n(), _popScopeId(), n);
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-1742785655761"), n = n(), _popScopeId(), n);
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,
@@ -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 + '123123'), 1 /* TEXT */)
252
+ _createTextVNode(_toDisplayString(__props.submitText || _unref(contextLocale).search.search), 1 /* TEXT */)
253
253
  ]),
254
254
  _: 1 /* STABLE */
255
255
  })
@@ -0,0 +1,5 @@
1
+ import Title from './title.js';
2
+ Title.install = function (app) {
3
+ app.component(Title.name, Title);
4
+ };
5
+ export default Title;
package/es/components.js CHANGED
@@ -1,4 +1,4 @@
1
- import './AMap';
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';
@@ -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
  };
@@ -111,5 +111,12 @@ export default {
111
111
  cancel: '取消',
112
112
  confirm: '确定',
113
113
  title: '编辑'
114
+ },
115
+ PermissionButton: {
116
+ hasPermission: '暂无权限,请联系管理员'
117
+ },
118
+ FlameGraph: {
119
+ placeholder: '请输入',
120
+ revert: '反转'
114
121
  }
115
122
  };
@@ -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 .jetlinks-edit-table-row .readonly-mask {
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
+ }
@@ -9,3 +9,5 @@
9
9
  @import "../EditTable/style/index.less";
10
10
  @import "../MonacoEditor/style/index.less";
11
11
  @import '../Scrollbar/style/index.less';
12
+ @import '../Title/style/index.less';
13
+ @import '../RadioButton/style/index.less';
package/es/style.js CHANGED
@@ -7,4 +7,6 @@ import './CardSelect/style';
7
7
  import './DragModal/style';
8
8
  import './EditTable/style';
9
9
  import './MonacoEditor/style';
10
- import './Scrollbar/style';
10
+ import './Scrollbar/style';
11
+ import './Title/style';
12
+ import './RadioButton/style';
package/lib/AMap/Map.js CHANGED
@@ -53,7 +53,7 @@ const __sfc_main__ = _defineComponent({
53
53
  plugins: Array,
54
54
  zooms: {
55
55
  type: Array,
56
- default: [3, 20]
56
+ default: () => [3, 20]
57
57
  },
58
58
  JSKey: String,
59
59
  WebKey: String,
@@ -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.display = props.disabled;
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(_unref(Button), {
280
- onClick: _withModifiers(onCancel, ["stop"])
281
- }, {
280
+ _createVNode(_component_a_space, null, {
282
281
  default: _withCtx(() => [
283
- _createTextVNode(_toDisplayString(_unref(contextLocale).cancel), 1 /* TEXT */)
284
- ]),
285
- _: 1 /* STABLE */
286
- }),
287
- _createVNode(_unref(Button), {
288
- type: "primary",
289
- onClick: _withModifiers(onOk, ["stop"])
290
- }, {
291
- default: _withCtx(() => [
292
- _createTextVNode(_toDisplayString(_unref(contextLocale).confirm), 1 /* TEXT */)
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
  })
@@ -47,6 +47,7 @@
47
47
  .jetlinks-drag-modal .jetlinks-drag-modal-sprite .jetlinks-drag-modal-footer {
48
48
  border-top: 1px solid #f0f0f0;
49
49
  padding: 5px 15px;
50
+ text-align: right;
50
51
  }
51
52
  .jetlinks-drag-modal .jetlinks-drag-modal-range {
52
53
  position: absolute;
@@ -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
- .jetlinks-drag-modal-range {
58
- position: absolute;
59
- width: 16px;
60
- height: 16px;
61
- border-radius: 100%;
62
- z-index: 23456765436;
63
-
64
- .drag-bottom-right, .drag-top-left {
65
- &:hover {
66
- cursor: nwse-resize
67
- }
68
- }
69
-
70
- .drag-bottom-left, .drag-top-right {
71
- &:hover {
72
- cursor: nesw-resize
73
- }
74
- }
75
-
76
- .drag-top-right {
77
- top: -6px;
78
- right: -6px;
79
- }
80
-
81
- .drag-top-left {
82
- top: -6px;
83
- left: -6px;
84
- }
85
-
86
- .drag-bottom-right {
87
- bottom: -6px;
88
- right: -6px;
89
- }
90
-
91
- .drag-bottom-left {
92
- bottom: -6px;
93
- left: -6px;
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
+ }