@thienvu18/designable-react-settings-form 2.0.1 → 2.0.2

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 (167) hide show
  1. package/esm/SchemaField.d.ts +5115 -1578
  2. package/esm/SchemaField.js +76 -41
  3. package/esm/SettingsForm.d.ts +4 -4
  4. package/esm/SettingsForm.js +99 -49
  5. package/esm/components/BackgroundStyleSetter/index.d.ts +4 -4
  6. package/esm/components/BackgroundStyleSetter/index.js +95 -42
  7. package/esm/components/BorderRadiusStyleSetter/index.d.ts +4 -4
  8. package/esm/components/BorderRadiusStyleSetter/index.js +13 -10
  9. package/esm/components/BorderStyleSetter/index.d.ts +5 -5
  10. package/esm/components/BorderStyleSetter/index.js +121 -68
  11. package/esm/components/BoxShadowStyleSetter/index.d.ts +6 -6
  12. package/esm/components/BoxShadowStyleSetter/index.js +72 -24
  13. package/esm/components/BoxStyleSetter/index.d.ts +7 -7
  14. package/esm/components/BoxStyleSetter/index.js +98 -46
  15. package/esm/components/CollapseItem/index.d.ts +6 -6
  16. package/esm/components/CollapseItem/index.js +35 -15
  17. package/esm/components/ColorInput/index.d.ts +5 -5
  18. package/esm/components/ColorInput/index.js +35 -17
  19. package/esm/components/ColorInput/styles.less +0 -5
  20. package/esm/components/CornerInput/index.d.ts +7 -7
  21. package/esm/components/CornerInput/index.js +50 -21
  22. package/esm/components/DisplayStyleSetter/index.d.ts +7 -7
  23. package/esm/components/DisplayStyleSetter/index.js +62 -33
  24. package/esm/components/DrawerSetter/index.d.ts +6 -6
  25. package/esm/components/DrawerSetter/index.js +82 -42
  26. package/esm/components/DrawerSetter/styles.less +2 -2
  27. package/esm/components/FlexStyleSetter/index.d.ts +5 -5
  28. package/esm/components/FlexStyleSetter/index.js +160 -110
  29. package/esm/components/FoldItem/index.d.ts +9 -7
  30. package/esm/components/FoldItem/index.js +80 -46
  31. package/esm/components/FontStyleSetter/index.d.ts +4 -4
  32. package/esm/components/FontStyleSetter/index.js +169 -85
  33. package/esm/components/ImageInput/index.d.ts +7 -7
  34. package/esm/components/ImageInput/index.js +59 -39
  35. package/esm/components/InputItems/index.d.ts +19 -17
  36. package/esm/components/InputItems/index.js +42 -16
  37. package/esm/components/MonacoInput/config.d.ts +1 -1
  38. package/esm/components/MonacoInput/config.js +40 -38
  39. package/esm/components/MonacoInput/format.d.ts +4 -1
  40. package/esm/components/MonacoInput/format.js +33 -29
  41. package/esm/components/MonacoInput/index.d.ts +13 -13
  42. package/esm/components/MonacoInput/index.js +298 -212
  43. package/esm/components/MonacoInput/themes/chrome.d.ts +44 -38
  44. package/esm/components/MonacoInput/themes/chrome.js +105 -105
  45. package/esm/components/MonacoInput/themes/monokai.d.ts +34 -30
  46. package/esm/components/MonacoInput/themes/monokai.js +139 -139
  47. package/esm/components/PolyInput/index.d.ts +17 -17
  48. package/esm/components/PolyInput/index.js +96 -66
  49. package/esm/components/PositionInput/index.d.ts +7 -7
  50. package/esm/components/PositionInput/index.js +48 -21
  51. package/esm/components/PositionInput/styles.less +0 -1
  52. package/esm/components/SizeInput/index.d.ts +6 -2
  53. package/esm/components/SizeInput/index.js +44 -46
  54. package/esm/components/SizeInput/styles.less +0 -1
  55. package/esm/components/ValueInput/index.d.ts +2 -2
  56. package/esm/components/ValueInput/index.js +89 -72
  57. package/esm/components/index.d.ts +20 -20
  58. package/esm/components/index.js +20 -20
  59. package/esm/effects/index.d.ts +2 -2
  60. package/esm/effects/index.js +2 -2
  61. package/esm/effects/useLocales.d.ts +2 -2
  62. package/esm/effects/useLocales.js +57 -59
  63. package/esm/effects/useSnapshot.d.ts +2 -2
  64. package/esm/effects/useSnapshot.js +9 -9
  65. package/esm/index.d.ts +5 -5
  66. package/esm/index.js +5 -5
  67. package/esm/locales/en-US.d.ts +12 -12
  68. package/esm/locales/en-US.js +10 -10
  69. package/esm/locales/index.d.ts +1 -1
  70. package/esm/locales/index.js +5 -5
  71. package/esm/locales/ko-KR.d.ts +12 -12
  72. package/esm/locales/ko-KR.js +10 -10
  73. package/esm/locales/zh-CN.d.ts +12 -12
  74. package/esm/locales/zh-CN.js +10 -10
  75. package/esm/registry.d.ts +2 -2
  76. package/esm/registry.js +11 -11
  77. package/esm/shared/context.d.ts +2 -2
  78. package/esm/shared/context.js +2 -2
  79. package/esm/shared/loadScript.d.ts +5 -5
  80. package/esm/shared/loadScript.js +27 -28
  81. package/esm/styles.less +5 -4
  82. package/esm/types.d.ts +8 -8
  83. package/esm/types.js +1 -1
  84. package/lib/SchemaField.d.ts +5115 -1578
  85. package/lib/SchemaField.js +44 -44
  86. package/lib/SettingsForm.d.ts +4 -4
  87. package/lib/SettingsForm.js +108 -55
  88. package/lib/components/BackgroundStyleSetter/index.d.ts +4 -4
  89. package/lib/components/BackgroundStyleSetter/index.js +106 -48
  90. package/lib/components/BorderRadiusStyleSetter/index.d.ts +4 -4
  91. package/lib/components/BorderRadiusStyleSetter/index.js +33 -14
  92. package/lib/components/BorderStyleSetter/index.d.ts +5 -5
  93. package/lib/components/BorderStyleSetter/index.js +138 -74
  94. package/lib/components/BoxShadowStyleSetter/index.d.ts +6 -6
  95. package/lib/components/BoxShadowStyleSetter/index.js +82 -30
  96. package/lib/components/BoxStyleSetter/index.d.ts +7 -7
  97. package/lib/components/BoxStyleSetter/index.js +122 -52
  98. package/lib/components/CollapseItem/index.d.ts +6 -6
  99. package/lib/components/CollapseItem/index.js +49 -21
  100. package/lib/components/ColorInput/index.d.ts +5 -5
  101. package/lib/components/ColorInput/index.js +39 -21
  102. package/lib/components/ColorInput/styles.less +0 -5
  103. package/lib/components/CornerInput/index.d.ts +7 -7
  104. package/lib/components/CornerInput/index.js +70 -28
  105. package/lib/components/DisplayStyleSetter/index.d.ts +7 -7
  106. package/lib/components/DisplayStyleSetter/index.js +75 -39
  107. package/lib/components/DrawerSetter/index.d.ts +6 -6
  108. package/lib/components/DrawerSetter/index.js +99 -48
  109. package/lib/components/DrawerSetter/styles.less +2 -2
  110. package/lib/components/FlexStyleSetter/index.d.ts +5 -5
  111. package/lib/components/FlexStyleSetter/index.js +208 -116
  112. package/lib/components/FoldItem/index.d.ts +9 -7
  113. package/lib/components/FoldItem/index.js +140 -72
  114. package/lib/components/FontStyleSetter/index.d.ts +4 -4
  115. package/lib/components/FontStyleSetter/index.js +216 -91
  116. package/lib/components/ImageInput/index.d.ts +7 -7
  117. package/lib/components/ImageInput/index.js +69 -47
  118. package/lib/components/InputItems/index.d.ts +19 -17
  119. package/lib/components/InputItems/index.js +101 -46
  120. package/lib/components/MonacoInput/config.d.ts +1 -1
  121. package/lib/components/MonacoInput/config.js +49 -45
  122. package/lib/components/MonacoInput/format.d.ts +4 -1
  123. package/lib/components/MonacoInput/format.js +38 -33
  124. package/lib/components/MonacoInput/index.d.ts +13 -13
  125. package/lib/components/MonacoInput/index.js +347 -241
  126. package/lib/components/MonacoInput/themes/chrome.d.ts +44 -38
  127. package/lib/components/MonacoInput/themes/chrome.js +107 -107
  128. package/lib/components/MonacoInput/themes/monokai.d.ts +34 -30
  129. package/lib/components/MonacoInput/themes/monokai.js +141 -141
  130. package/lib/components/PolyInput/index.d.ts +17 -17
  131. package/lib/components/PolyInput/index.js +151 -96
  132. package/lib/components/PositionInput/index.d.ts +7 -7
  133. package/lib/components/PositionInput/index.js +68 -28
  134. package/lib/components/PositionInput/styles.less +0 -1
  135. package/lib/components/SizeInput/index.d.ts +6 -2
  136. package/lib/components/SizeInput/index.js +47 -49
  137. package/lib/components/SizeInput/styles.less +0 -1
  138. package/lib/components/ValueInput/index.d.ts +2 -2
  139. package/lib/components/ValueInput/index.js +92 -75
  140. package/lib/components/index.d.ts +20 -20
  141. package/lib/components/index.js +52 -36
  142. package/lib/effects/index.d.ts +2 -2
  143. package/lib/effects/index.js +34 -18
  144. package/lib/effects/useLocales.d.ts +2 -2
  145. package/lib/effects/useLocales.js +67 -63
  146. package/lib/effects/useSnapshot.d.ts +2 -2
  147. package/lib/effects/useSnapshot.js +13 -13
  148. package/lib/index.d.ts +5 -5
  149. package/lib/index.js +37 -21
  150. package/lib/locales/en-US.d.ts +12 -12
  151. package/lib/locales/en-US.js +12 -12
  152. package/lib/locales/index.d.ts +1 -1
  153. package/lib/locales/index.js +16 -10
  154. package/lib/locales/ko-KR.d.ts +12 -12
  155. package/lib/locales/ko-KR.js +12 -12
  156. package/lib/locales/zh-CN.d.ts +12 -12
  157. package/lib/locales/zh-CN.js +12 -12
  158. package/lib/registry.d.ts +2 -2
  159. package/lib/registry.js +21 -19
  160. package/lib/shared/context.d.ts +2 -2
  161. package/lib/shared/context.js +5 -5
  162. package/lib/shared/loadScript.d.ts +5 -5
  163. package/lib/shared/loadScript.js +32 -32
  164. package/lib/styles.less +5 -4
  165. package/lib/types.d.ts +8 -8
  166. package/lib/types.js +2 -2
  167. package/package.json +4 -4
@@ -1 +1 @@
1
- export declare const initMonaco: () => void;
1
+ export declare const initMonaco: () => void
@@ -1,46 +1,50 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.initMonaco = void 0;
7
- const react_1 = require("@monaco-editor/react");
8
- const chrome_1 = __importDefault(require("./themes/chrome"));
9
- const monokai_1 = __importDefault(require("./themes/monokai"));
10
- const format_1 = require("./format");
11
- let initialized = false;
1
+ 'use strict'
2
+ var __importDefault =
3
+ (this && this.__importDefault) ||
4
+ function (mod) {
5
+ return mod && mod.__esModule ? mod : { default: mod }
6
+ }
7
+ Object.defineProperty(exports, '__esModule', { value: true })
8
+ exports.initMonaco = void 0
9
+ const react_1 = require('@monaco-editor/react')
10
+ const chrome_1 = __importDefault(require('./themes/chrome'))
11
+ const monokai_1 = __importDefault(require('./themes/monokai'))
12
+ const format_1 = require('./format')
13
+ let initialized = false
12
14
  const initMonaco = () => {
13
- if (initialized)
14
- return;
15
- react_1.loader.init().then((monaco) => {
16
- monaco.editor.defineTheme('monokai', monokai_1.default);
17
- monaco.editor.defineTheme('chrome-devtools', chrome_1.default);
18
- monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
19
- target: monaco.languages.typescript.ScriptTarget.Latest,
20
- allowNonTsExtensions: true,
21
- moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
22
- module: monaco.languages.typescript.ModuleKind.CommonJS,
23
- noEmit: true,
24
- esModuleInterop: true,
25
- jsx: monaco.languages.typescript.JsxEmit.React,
26
- reactNamespace: 'React',
27
- allowJs: true,
28
- });
29
- monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
30
- noSemanticValidation: false,
31
- noSyntaxValidation: true,
32
- });
33
- monaco.languages.registerDocumentFormattingEditProvider('typescript', {
34
- async provideDocumentFormattingEdits(model) {
35
- return [
36
- {
37
- text: await (0, format_1.format)(model['getDesignerLanguage']?.() || 'typescript', model.getValue()),
38
- range: model.getFullModelRange(),
39
- },
40
- ];
41
- },
42
- });
43
- initialized = true;
44
- });
45
- };
46
- exports.initMonaco = initMonaco;
15
+ if (initialized) return
16
+ react_1.loader.init().then((monaco) => {
17
+ monaco.editor.defineTheme('monokai', monokai_1.default)
18
+ monaco.editor.defineTheme('chrome-devtools', chrome_1.default)
19
+ monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
20
+ target: monaco.languages.typescript.ScriptTarget.Latest,
21
+ allowNonTsExtensions: true,
22
+ moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
23
+ module: monaco.languages.typescript.ModuleKind.CommonJS,
24
+ noEmit: true,
25
+ esModuleInterop: true,
26
+ jsx: monaco.languages.typescript.JsxEmit.React,
27
+ reactNamespace: 'React',
28
+ allowJs: true,
29
+ })
30
+ monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
31
+ noSemanticValidation: false,
32
+ noSyntaxValidation: true,
33
+ })
34
+ monaco.languages.registerDocumentFormattingEditProvider('typescript', {
35
+ async provideDocumentFormattingEdits(model) {
36
+ return [
37
+ {
38
+ text: await (0, format_1.format)(
39
+ model['getDesignerLanguage']?.() || 'typescript',
40
+ model.getValue()
41
+ ),
42
+ range: model.getFullModelRange(),
43
+ },
44
+ ]
45
+ },
46
+ })
47
+ initialized = true
48
+ })
49
+ }
50
+ exports.initMonaco = initMonaco
@@ -1 +1,4 @@
1
- export declare const format: (language: string, source: string) => Promise<string>;
1
+ export declare const format: (
2
+ language: string,
3
+ source: string
4
+ ) => Promise<string>
@@ -1,35 +1,40 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.format = void 0;
4
- const parser_1 = require("@babel/parser");
5
- const registry_1 = require("../../registry");
1
+ 'use strict'
2
+ Object.defineProperty(exports, '__esModule', { value: true })
3
+ exports.format = void 0
4
+ const parser_1 = require('@babel/parser')
5
+ const registry_1 = require('../../registry')
6
6
  const cache = {
7
- prettier: null,
8
- };
7
+ prettier: null,
8
+ }
9
9
  const format = async (language, source) => {
10
- cache.prettier =
11
- cache.prettier ||
12
- new Function(`return import("${(0, registry_1.getNpmCDNRegistry)()}/prettier@2.x/esm/standalone.mjs")`)();
13
- return cache.prettier.then((module) => {
14
- if (language === 'javascript.expression' ||
15
- language === 'typescript.expression') {
16
- return source;
17
- }
18
- if (/(?:javascript|typescript)/gi.test(language)) {
19
- return module.default.format(source, {
20
- semi: false,
21
- parser(text) {
22
- return (0, parser_1.parse)(text, {
23
- sourceType: 'module',
24
- plugins: ['typescript', 'jsx'],
25
- });
26
- },
27
- });
28
- }
29
- if (language === 'json') {
30
- return JSON.stringify(JSON.parse(source), null, 2);
31
- }
32
- return source;
33
- });
34
- };
35
- exports.format = format;
10
+ cache.prettier =
11
+ cache.prettier ||
12
+ new Function(
13
+ `return import("${(0,
14
+ registry_1.getNpmCDNRegistry)()}/prettier@2.x/esm/standalone.mjs")`
15
+ )()
16
+ return cache.prettier.then((module) => {
17
+ if (
18
+ language === 'javascript.expression' ||
19
+ language === 'typescript.expression'
20
+ ) {
21
+ return source
22
+ }
23
+ if (/(?:javascript|typescript)/gi.test(language)) {
24
+ return module.default.format(source, {
25
+ semi: false,
26
+ parser(text) {
27
+ return (0, parser_1.parse)(text, {
28
+ sourceType: 'module',
29
+ plugins: ['typescript', 'jsx'],
30
+ })
31
+ },
32
+ })
33
+ }
34
+ if (language === 'json') {
35
+ return JSON.stringify(JSON.parse(source), null, 2)
36
+ }
37
+ return source
38
+ })
39
+ }
40
+ exports.format = format
@@ -1,16 +1,16 @@
1
- import React from 'react';
2
- import { EditorProps, loader } from '@monaco-editor/react';
3
- import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
4
- import './styles.less';
5
- import './config';
6
- export type Monaco = typeof monaco;
1
+ import { EditorProps, loader } from '@monaco-editor/react'
2
+ import * as monaco from 'monaco-editor/esm/vs/editor/editor.api'
3
+ import React from 'react'
4
+ import './config'
5
+ import './styles.less'
6
+ export type Monaco = typeof monaco
7
7
  export interface MonacoInputProps extends EditorProps {
8
- helpLink?: string | boolean;
9
- helpCode?: string;
10
- helpCodeViewWidth?: number | string;
11
- extraLib?: string;
12
- onChange?: (value: string) => void;
8
+ helpLink?: string | boolean
9
+ helpCode?: string
10
+ helpCodeViewWidth?: number | string
11
+ extraLib?: string
12
+ onChange?: (value: string) => void
13
13
  }
14
14
  export declare const MonacoInput: React.FC<MonacoInputProps> & {
15
- loader?: typeof loader;
16
- };
15
+ loader?: typeof loader
16
+ }