@difizen/libro-jupyter 0.2.6 → 0.2.8

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.
@@ -34,20 +34,42 @@
34
34
  0 0 48px 16px rgba(0, 0, 0, 3%) !important;
35
35
  }
36
36
  .@{ant-prefix}-segmented {
37
- background-color: var(--mana-libro-filtered-background-color);
37
+ width: 282px;
38
+ margin-bottom: 12px;
39
+ background-color: var(--mana-libro-drawer-segmented-background-color);
38
40
  }
39
41
  .@{ant-prefix}-segmented:hover {
40
42
  background: var(--mana-libro-filtered-background-color) !important;
41
43
  }
44
+ .@{ant-prefix}-segmented-item {
45
+ width: 138px;
46
+ }
42
47
  .@{ant-prefix}-segmented-item-label {
43
- color: var(--mana-libro-drawer-title-color);
48
+ font-size: 12px;
49
+ line-height: 24px;
50
+ min-height: 24px;
51
+ color: var(--mana-libro-drawer-segmented-color);
52
+ }
53
+
54
+ .@{ant-prefix}-segmented-item-selected {
55
+ background-color: var(--mana-libro-drawer-segmented-select-background-color);
56
+ .@{ant-prefix}-segmented-item-label {
57
+ font-size: 12px;
58
+ line-height: 24px;
59
+ min-height: 24px;
60
+ color: var(--mana-libro-drawer-segmented-select-color);
61
+ }
44
62
  }
63
+
45
64
  .@{ant-prefix}-drawer-mask {
46
65
  opacity: 0;
47
66
  }
48
67
  .@{ant-prefix}-drawer-close {
49
68
  color: var(--mana-libro-drawer-close-color);
50
69
  }
70
+ .@{ant-prefix}-drawer-body {
71
+ padding-top: 0;
72
+ }
51
73
  .@{ant-prefix}-drawer-close:hover {
52
74
  color: var(--mana-libro-drawer-close-color);
53
75
  }
@@ -73,7 +95,7 @@
73
95
  }
74
96
 
75
97
  .libro-keybind-instructions-table {
76
- height: calc(100% - 48px) !important;
98
+ height: calc(100% - 92px) !important;
77
99
  margin-top: 16px;
78
100
  overflow-y: auto !important;
79
101
  }
@@ -1 +1 @@
1
- {"version":3,"file":"keybind-instructions-view.d.ts","sourceRoot":"","sources":["../../src/keybind-instructions/keybind-instructions-view.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAGtD,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAKpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAEhE,OAAO,cAAc,CAAC;AAsCtB,qBACa,yBAA0B,YAAW,UAAU;IACjC,UAAU,EAAE,eAAe,CAAC;IACrD,yBAAyB,UAAS;IAC1B,qBAAqB,EAAE,QAAQ,EAAE,CAAM;IACvC,kBAAkB,EAAE,QAAQ,EAAE,CAAM;IAE5C,OAAO;CAIR;AAiED,eAAO,MAAM,2BAA2B,iHAsHtC,CAAC;AAEH,eAAO,MAAM,sBAAsB,EAAE,SAGpC,CAAC"}
1
+ {"version":3,"file":"keybind-instructions-view.d.ts","sourceRoot":"","sources":["../../src/keybind-instructions/keybind-instructions-view.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAGtD,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAKpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAEhE,OAAO,cAAc,CAAC;AAsCtB,qBACa,yBAA0B,YAAW,UAAU;IACjC,UAAU,EAAE,eAAe,CAAC;IACrD,yBAAyB,UAAS;IAC1B,qBAAqB,EAAE,QAAQ,EAAE,CAAM;IACvC,kBAAkB,EAAE,QAAQ,EAAE,CAAM;IAE5C,OAAO;CAIR;AAiED,eAAO,MAAM,2BAA2B,iHAqHtC,CAAC;AAEH,eAAO,MAAM,sBAAsB,EAAE,SAGpC,CAAC"}
@@ -160,7 +160,15 @@ export var KeybindInstrutionsComponent = /*#__PURE__*/forwardRef(function Keybin
160
160
  className: "libro-keybind-instructions-command",
161
161
  ref: ref,
162
162
  children: /*#__PURE__*/_jsxs(Drawer, {
163
- title: /*#__PURE__*/_jsx(Segmented, {
163
+ title: "\u5FEB\u6377\u952E",
164
+ placement: "right",
165
+ onClose: handleClose,
166
+ width: "330px",
167
+ open: visible,
168
+ mask: true,
169
+ className: "libro-keybind-instructions-drawer",
170
+ maskClosable: true,
171
+ children: [/*#__PURE__*/_jsx(Segmented, {
164
172
  value: segment,
165
173
  onChange: function onChange(value) {
166
174
  return setSegment(value);
@@ -172,15 +180,7 @@ export var KeybindInstrutionsComponent = /*#__PURE__*/forwardRef(function Keybin
172
180
  label: 'Magic 命令',
173
181
  value: 'magic'
174
182
  }]
175
- }),
176
- placement: "right",
177
- onClose: handleClose,
178
- width: "360px",
179
- open: visible,
180
- mask: true,
181
- className: "libro-keybind-instructions-drawer",
182
- maskClosable: true,
183
- children: [segment === 'magic' && /*#__PURE__*/_jsx("div", {
183
+ }), segment === 'magic' && /*#__PURE__*/_jsx("div", {
184
184
  className: "libro-magic-table",
185
185
  children: /*#__PURE__*/_jsx(Table, {
186
186
  size: "small",
@@ -1 +1 @@
1
- {"version":3,"file":"color-registry.d.ts","sourceRoot":"","sources":["../../src/theme/color-registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAS,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAG7D,qBACa,6BAA8B,YAAW,iBAAiB;IACrE,cAAc,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI;CAsS5C"}
1
+ {"version":3,"file":"color-registry.d.ts","sourceRoot":"","sources":["../../src/theme/color-registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAS,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAG7D,qBACa,6BAA8B,YAAW,iBAAiB;IACrE,cAAc,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI;CA0T5C"}
@@ -75,6 +75,34 @@ export var LibroJupyterColorContribution = (_dec = singleton({
75
75
  light: Color.rgba(0, 0, 0, 0.85)
76
76
  },
77
77
  description: ''
78
+ }, {
79
+ id: 'libro.drawer.segmented.select.color',
80
+ defaults: {
81
+ dark: '#edeeef',
82
+ light: '#000a1a'
83
+ },
84
+ description: ''
85
+ }, {
86
+ id: 'libro.drawer.segmented.select.background.color',
87
+ defaults: {
88
+ dark: '#ffffff14',
89
+ light: '#ffffff'
90
+ },
91
+ description: ''
92
+ }, {
93
+ id: 'libro.drawer.segmented.color',
94
+ defaults: {
95
+ dark: '#bdc0c4',
96
+ light: '#000a1a78'
97
+ },
98
+ description: ''
99
+ }, {
100
+ id: 'libro.drawer.segmented.background.color',
101
+ defaults: {
102
+ dark: '#ffffff0f',
103
+ light: '#151b210f'
104
+ },
105
+ description: ''
78
106
  }, {
79
107
  id: 'libro.table.title.color',
80
108
  defaults: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@difizen/libro-jupyter",
3
- "version": "0.2.6",
3
+ "version": "0.2.8",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "libro"
@@ -31,22 +31,22 @@
31
31
  "src"
32
32
  ],
33
33
  "dependencies": {
34
- "@difizen/libro-cofine-editor": "^0.2.6",
35
- "@difizen/libro-code-editor": "^0.2.6",
36
- "@difizen/libro-code-cell": "^0.2.6",
37
- "@difizen/libro-codemirror": "^0.2.6",
38
- "@difizen/libro-rendermime": "^0.2.6",
39
- "@difizen/libro-common": "^0.2.6",
40
- "@difizen/libro-core": "^0.2.6",
41
- "@difizen/libro-kernel": "^0.2.6",
42
- "@difizen/libro-l10n": "^0.2.6",
43
- "@difizen/libro-output": "^0.2.6",
44
- "@difizen/libro-search": "^0.2.6",
45
- "@difizen/libro-search-code-cell": "^0.2.6",
46
- "@difizen/libro-lsp": "^0.2.6",
47
- "@difizen/libro-markdown-cell": "^0.2.6",
48
- "@difizen/libro-raw-cell": "^0.2.6",
49
- "@difizen/libro-language-client": "^0.2.6",
34
+ "@difizen/libro-cofine-editor": "^0.2.8",
35
+ "@difizen/libro-code-editor": "^0.2.8",
36
+ "@difizen/libro-code-cell": "^0.2.8",
37
+ "@difizen/libro-codemirror": "^0.2.8",
38
+ "@difizen/libro-rendermime": "^0.2.8",
39
+ "@difizen/libro-common": "^0.2.8",
40
+ "@difizen/libro-core": "^0.2.8",
41
+ "@difizen/libro-kernel": "^0.2.8",
42
+ "@difizen/libro-l10n": "^0.2.8",
43
+ "@difizen/libro-output": "^0.2.8",
44
+ "@difizen/libro-search": "^0.2.8",
45
+ "@difizen/libro-search-code-cell": "^0.2.8",
46
+ "@difizen/libro-lsp": "^0.2.8",
47
+ "@difizen/libro-markdown-cell": "^0.2.8",
48
+ "@difizen/libro-raw-cell": "^0.2.8",
49
+ "@difizen/libro-language-client": "^0.2.8",
50
50
  "@difizen/mana-app": "latest",
51
51
  "@difizen/mana-l10n": "latest",
52
52
  "@ant-design/colors": "^7.0.0",
@@ -34,20 +34,42 @@
34
34
  0 0 48px 16px rgba(0, 0, 0, 3%) !important;
35
35
  }
36
36
  .@{ant-prefix}-segmented {
37
- background-color: var(--mana-libro-filtered-background-color);
37
+ width: 282px;
38
+ margin-bottom: 12px;
39
+ background-color: var(--mana-libro-drawer-segmented-background-color);
38
40
  }
39
41
  .@{ant-prefix}-segmented:hover {
40
42
  background: var(--mana-libro-filtered-background-color) !important;
41
43
  }
44
+ .@{ant-prefix}-segmented-item {
45
+ width: 138px;
46
+ }
42
47
  .@{ant-prefix}-segmented-item-label {
43
- color: var(--mana-libro-drawer-title-color);
48
+ font-size: 12px;
49
+ line-height: 24px;
50
+ min-height: 24px;
51
+ color: var(--mana-libro-drawer-segmented-color);
52
+ }
53
+
54
+ .@{ant-prefix}-segmented-item-selected {
55
+ background-color: var(--mana-libro-drawer-segmented-select-background-color);
56
+ .@{ant-prefix}-segmented-item-label {
57
+ font-size: 12px;
58
+ line-height: 24px;
59
+ min-height: 24px;
60
+ color: var(--mana-libro-drawer-segmented-select-color);
61
+ }
44
62
  }
63
+
45
64
  .@{ant-prefix}-drawer-mask {
46
65
  opacity: 0;
47
66
  }
48
67
  .@{ant-prefix}-drawer-close {
49
68
  color: var(--mana-libro-drawer-close-color);
50
69
  }
70
+ .@{ant-prefix}-drawer-body {
71
+ padding-top: 0;
72
+ }
51
73
  .@{ant-prefix}-drawer-close:hover {
52
74
  color: var(--mana-libro-drawer-close-color);
53
75
  }
@@ -73,7 +95,7 @@
73
95
  }
74
96
 
75
97
  .libro-keybind-instructions-table {
76
- height: calc(100% - 48px) !important;
98
+ height: calc(100% - 92px) !important;
77
99
  margin-top: 16px;
78
100
  overflow-y: auto !important;
79
101
  }
@@ -177,24 +177,23 @@ export const KeybindInstrutionsComponent = forwardRef<
177
177
  >
178
178
  <div className="libro-keybind-instructions-command" ref={ref}>
179
179
  <Drawer
180
- title={
181
- <Segmented
182
- value={segment}
183
- onChange={(value) => setSegment(value as Segment)}
184
- options={[
185
- { label: l10n.t('快捷键'), value: 'keybind' },
186
- { label: 'Magic 命令', value: 'magic' },
187
- ]}
188
- />
189
- }
180
+ title="快捷键"
190
181
  placement="right"
191
182
  onClose={handleClose}
192
- width="360px"
183
+ width="330px"
193
184
  open={visible}
194
185
  mask={true}
195
186
  className="libro-keybind-instructions-drawer"
196
187
  maskClosable={true}
197
188
  >
189
+ <Segmented
190
+ value={segment}
191
+ onChange={(value) => setSegment(value as Segment)}
192
+ options={[
193
+ { label: l10n.t('快捷键'), value: 'keybind' },
194
+ { label: 'Magic 命令', value: 'magic' },
195
+ ]}
196
+ />
198
197
  {segment === 'magic' && (
199
198
  <div className="libro-magic-table">
200
199
  <Table
@@ -51,6 +51,26 @@ export class LibroJupyterColorContribution implements ColorContribution {
51
51
  defaults: { dark: '#EDEEEF', light: Color.rgba(0, 0, 0, 0.85) },
52
52
  description: '',
53
53
  },
54
+ {
55
+ id: 'libro.drawer.segmented.select.color',
56
+ defaults: { dark: '#edeeef', light: '#000a1a' },
57
+ description: '',
58
+ },
59
+ {
60
+ id: 'libro.drawer.segmented.select.background.color',
61
+ defaults: { dark: '#ffffff14', light: '#ffffff' },
62
+ description: '',
63
+ },
64
+ {
65
+ id: 'libro.drawer.segmented.color',
66
+ defaults: { dark: '#bdc0c4', light: '#000a1a78' },
67
+ description: '',
68
+ },
69
+ {
70
+ id: 'libro.drawer.segmented.background.color',
71
+ defaults: { dark: '#ffffff0f', light: '#151b210f' },
72
+ description: '',
73
+ },
54
74
  {
55
75
  id: 'libro.table.title.color',
56
76
  defaults: { dark: '#E3E4E6', light: Color.rgba(0, 10, 26, 0.89) },