@bagelink/vue 1.4.22 → 1.4.26
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/dist/components/Pill.vue.d.ts.map +1 -1
- package/dist/components/Slider.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/RichText/index.vue.d.ts +1 -0
- package/dist/components/form/inputs/RichText/index.vue.d.ts.map +1 -1
- package/dist/index.cjs +73 -64
- package/dist/index.mjs +73 -64
- package/dist/style.css +36 -38
- package/dist/utils/BagelFormUtils.d.ts +3 -1
- package/dist/utils/BagelFormUtils.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Pill.vue +0 -2
- package/src/components/Slider.vue +0 -11
- package/src/components/form/inputs/RichText/index.vue +13 -5
- package/src/utils/BagelFormUtils.ts +5 -9
package/dist/style.css
CHANGED
|
@@ -1893,34 +1893,32 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
|
|
|
1893
1893
|
line-height: 1.65;
|
|
1894
1894
|
}
|
|
1895
1895
|
|
|
1896
|
-
.rich-text-editor[data-v-
|
|
1896
|
+
.rich-text-editor[data-v-8304a538] {
|
|
1897
1897
|
background: var(--input-bg);
|
|
1898
1898
|
border: 1px solid var(--border-color);
|
|
1899
1899
|
transition: all 0.3s ease;
|
|
1900
1900
|
}
|
|
1901
|
-
.editor-container[data-v-
|
|
1901
|
+
.editor-container[data-v-8304a538] {
|
|
1902
1902
|
display: flex;
|
|
1903
1903
|
gap: 0.5rem;
|
|
1904
1904
|
}
|
|
1905
|
-
.content-area[data-v-
|
|
1906
|
-
.preview-area[data-v-
|
|
1905
|
+
.content-area[data-v-8304a538],
|
|
1906
|
+
.preview-area[data-v-8304a538] {
|
|
1907
1907
|
flex: 1;
|
|
1908
|
-
min-height: 200px;
|
|
1909
1908
|
background: var(--bgl-richtext-color);
|
|
1910
1909
|
}
|
|
1911
|
-
.split-view[data-v-
|
|
1910
|
+
.split-view[data-v-8304a538] {
|
|
1912
1911
|
display: grid;
|
|
1913
1912
|
grid-template-columns: 1fr 1fr;
|
|
1914
1913
|
}
|
|
1915
|
-
.editableContent[data-v-
|
|
1914
|
+
.editableContent[data-v-8304a538] {
|
|
1916
1915
|
width: 100%;
|
|
1917
|
-
min-height: 240px;
|
|
1918
1916
|
height: 100%;
|
|
1919
1917
|
border: none;
|
|
1920
1918
|
outline: none;
|
|
1921
1919
|
background: transparent;
|
|
1922
1920
|
}
|
|
1923
|
-
.html-editor[data-v-
|
|
1921
|
+
.html-editor[data-v-8304a538] {
|
|
1924
1922
|
width: 100%;
|
|
1925
1923
|
height: 100%;
|
|
1926
1924
|
min-height: 200px;
|
|
@@ -1931,12 +1929,12 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
|
|
|
1931
1929
|
color: white;
|
|
1932
1930
|
background-color: var(--bgl-black);
|
|
1933
1931
|
}
|
|
1934
|
-
.preview-area[data-v-
|
|
1932
|
+
.preview-area[data-v-8304a538] {
|
|
1935
1933
|
font-family: monospace;
|
|
1936
1934
|
white-space: pre-wrap;
|
|
1937
1935
|
overflow-x: auto;
|
|
1938
1936
|
}
|
|
1939
|
-
.fullscreen-mode[data-v-
|
|
1937
|
+
.fullscreen-mode[data-v-8304a538] {
|
|
1940
1938
|
position: fixed;
|
|
1941
1939
|
top: 0;
|
|
1942
1940
|
left: 0;
|
|
@@ -1945,15 +1943,15 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
|
|
|
1945
1943
|
z-index: 9999;
|
|
1946
1944
|
padding: 2rem;
|
|
1947
1945
|
}
|
|
1948
|
-
.fullscreen-mode .editor-container[data-v-
|
|
1946
|
+
.fullscreen-mode .editor-container[data-v-8304a538] {
|
|
1949
1947
|
height: calc(100vh - 4rem);
|
|
1950
1948
|
}
|
|
1951
|
-
.fullscreen-mode .content-area[data-v-
|
|
1952
|
-
.fullscreen-mode .preview-area[data-v-
|
|
1949
|
+
.fullscreen-mode .content-area[data-v-8304a538],
|
|
1950
|
+
.fullscreen-mode .preview-area[data-v-8304a538] {
|
|
1953
1951
|
height: 100%;
|
|
1954
1952
|
overflow-y: auto;
|
|
1955
1953
|
}
|
|
1956
|
-
.debug-controls[data-v-
|
|
1954
|
+
.debug-controls[data-v-8304a538] {
|
|
1957
1955
|
display: flex;
|
|
1958
1956
|
gap: 0.5rem;
|
|
1959
1957
|
justify-content: flex-end;
|
|
@@ -4260,36 +4258,36 @@ body:has(.bg-dark.is-active) {
|
|
|
4260
4258
|
padding: 0 4px;
|
|
4261
4259
|
}
|
|
4262
4260
|
|
|
4263
|
-
.pillLarge[data-v-
|
|
4261
|
+
.pillLarge[data-v-56ad3910]{
|
|
4264
4262
|
--pill-font-size: var(--bgl-font-size);
|
|
4265
4263
|
--pill-height:auto;
|
|
4266
4264
|
}
|
|
4267
|
-
.pillSmall[data-v-
|
|
4265
|
+
.pillSmall[data-v-56ad3910]{
|
|
4268
4266
|
--pill-font-size: 9px;
|
|
4269
4267
|
--pill-height:15px;
|
|
4270
4268
|
}
|
|
4271
|
-
.pillText[data-v-
|
|
4269
|
+
.pillText[data-v-56ad3910]{
|
|
4272
4270
|
font-size: var(--pill-font-size);
|
|
4273
4271
|
}
|
|
4274
|
-
.bgl_pill-btn[data-v-
|
|
4272
|
+
.bgl_pill-btn[data-v-56ad3910]{
|
|
4275
4273
|
color: var(--pill-btn-color);
|
|
4276
4274
|
background: var(--pill-btn-bg);
|
|
4277
4275
|
width: calc(var(--pill-height) / 1.25)!important;
|
|
4278
4276
|
height: calc(var(--pill-height) / 1.25)!important;
|
|
4279
4277
|
}
|
|
4280
|
-
.loading[data-v-
|
|
4278
|
+
.loading[data-v-56ad3910] {
|
|
4281
4279
|
border: 1px solid var(--bgl-light-text);
|
|
4282
4280
|
border-bottom: 2px solid var(--bgl-light-text);
|
|
4283
|
-
animation: spin-
|
|
4281
|
+
animation: spin-56ad3910 1s linear infinite;
|
|
4284
4282
|
border-radius: 100px;
|
|
4285
4283
|
width: 1rem;
|
|
4286
4284
|
height: 1rem;
|
|
4287
4285
|
margin: auto;
|
|
4288
4286
|
}
|
|
4289
|
-
.bgl_flatPill .loading[data-v-
|
|
4287
|
+
.bgl_flatPill .loading[data-v-56ad3910] {
|
|
4290
4288
|
border-bottom: 2px solid var(--bgl-text-color);
|
|
4291
4289
|
}
|
|
4292
|
-
@keyframes spin-
|
|
4290
|
+
@keyframes spin-56ad3910 {
|
|
4293
4291
|
0% {
|
|
4294
4292
|
transform: rotate(0deg);
|
|
4295
4293
|
}
|
|
@@ -4297,12 +4295,12 @@ body:has(.bg-dark.is-active) {
|
|
|
4297
4295
|
transform: rotate(360deg);
|
|
4298
4296
|
}
|
|
4299
4297
|
}
|
|
4300
|
-
.bgl_pill[data-v-
|
|
4298
|
+
.bgl_pill[data-v-56ad3910] {
|
|
4301
4299
|
padding-inline: calc(var(--pill-font-size) / 6);
|
|
4302
4300
|
padding-block: calc(var(--pill-font-size) / 24);
|
|
4303
4301
|
transition: var(--bgl-transition);
|
|
4304
|
-
background-color: var(--
|
|
4305
|
-
color: var(--
|
|
4302
|
+
background-color: var(--80c2f0ae);
|
|
4303
|
+
color: var(--0e0f2144);
|
|
4306
4304
|
display: inline-block;
|
|
4307
4305
|
margin-inline-end: 0.25rem;
|
|
4308
4306
|
border-radius: var(--pill-border-radius);
|
|
@@ -4310,44 +4308,44 @@ body:has(.bg-dark.is-active) {
|
|
|
4310
4308
|
vertical-align: middle;
|
|
4311
4309
|
margin-bottom: 0.25rem;
|
|
4312
4310
|
}
|
|
4313
|
-
.bgl_pill[disabled="true"][data-v-
|
|
4311
|
+
.bgl_pill[disabled="true"][data-v-56ad3910] {
|
|
4314
4312
|
opacity: 0.5;
|
|
4315
4313
|
cursor: not-allowed;
|
|
4316
4314
|
}
|
|
4317
|
-
.bgl_pill-flex[data-v-
|
|
4315
|
+
.bgl_pill-flex[data-v-56ad3910] {
|
|
4318
4316
|
display: flex;
|
|
4319
4317
|
align-items: center;
|
|
4320
4318
|
gap: 0.25rem;
|
|
4321
4319
|
justify-content: center;
|
|
4322
4320
|
height: 100%;
|
|
4323
4321
|
}
|
|
4324
|
-
.bgl_pill.bgl_flatPill[data-v-
|
|
4322
|
+
.bgl_pill.bgl_flatPill[data-v-56ad3910] {
|
|
4325
4323
|
background: transparent;
|
|
4326
4324
|
}
|
|
4327
|
-
.bgl_pill.round[data-v-
|
|
4325
|
+
.bgl_pill.round[data-v-56ad3910] {
|
|
4328
4326
|
border-radius: 1000px;
|
|
4329
4327
|
}
|
|
4330
|
-
.bgl_pill-border[data-v-
|
|
4331
|
-
outline: 1px solid var(--
|
|
4332
|
-
color: var(--
|
|
4328
|
+
.bgl_pill-border[data-v-56ad3910] {
|
|
4329
|
+
outline: 1px solid var(--80c2f0ae);
|
|
4330
|
+
color: var(--80c2f0ae);
|
|
4333
4331
|
background: transparent;
|
|
4334
4332
|
}
|
|
4335
4333
|
|
|
4336
|
-
.carousel-wrapper[data-v-
|
|
4334
|
+
.carousel-wrapper[data-v-fa8183f4] {
|
|
4337
4335
|
position: relative;
|
|
4338
4336
|
width: 100%;
|
|
4339
4337
|
}
|
|
4340
|
-
.carousel-container[data-v-
|
|
4338
|
+
.carousel-container[data-v-fa8183f4] {
|
|
4341
4339
|
margin: 0 auto;
|
|
4342
4340
|
overflow: hidden;
|
|
4343
4341
|
}
|
|
4344
|
-
.carousel-dots[data-v-
|
|
4342
|
+
.carousel-dots[data-v-fa8183f4] {
|
|
4345
4343
|
display: flex;
|
|
4346
4344
|
justify-content: center;
|
|
4347
4345
|
gap: 8px;
|
|
4348
4346
|
margin-top: 16px;
|
|
4349
4347
|
}
|
|
4350
|
-
.carousel-dot[data-v-
|
|
4348
|
+
.carousel-dot[data-v-fa8183f4] {
|
|
4351
4349
|
width: 12px;
|
|
4352
4350
|
height: 12px;
|
|
4353
4351
|
border-radius: 50px;
|
|
@@ -4357,7 +4355,7 @@ body:has(.bg-dark.is-active) {
|
|
|
4357
4355
|
cursor: pointer;
|
|
4358
4356
|
transition: all 0.3s ease-in-out;
|
|
4359
4357
|
}
|
|
4360
|
-
.carousel-dot.active[data-v-
|
|
4358
|
+
.carousel-dot.active[data-v-fa8183f4] {
|
|
4361
4359
|
background-color: var(--bgl-primary);
|
|
4362
4360
|
width: 26px;
|
|
4363
4361
|
}
|
|
@@ -35,7 +35,9 @@ interface NumFieldOptions<T, K extends Path<T>> extends InputOptions<T, K> {
|
|
|
35
35
|
center?: boolean;
|
|
36
36
|
useGrouping?: boolean;
|
|
37
37
|
}
|
|
38
|
-
|
|
38
|
+
interface RichTextOptions<T, P extends Path<T>> extends InputOptions<T, P> {
|
|
39
|
+
height?: number | string;
|
|
40
|
+
}
|
|
39
41
|
export declare function getBaseField<T, P extends Path<T, PO>, PO extends PathsOptions = DefaultPathsOptions>(id?: P, labelOrRest?: string | Partial<BaseBagelField<T, P>>, rest?: Partial<BaseBagelField<T, P>>): BaseBagelField<T, P, PO>;
|
|
40
42
|
export declare function richText<T, P extends Path<T, PO>, PO extends PathsOptions = DefaultPathsOptions>(id?: P, label?: string, options?: RichTextOptions<T, P>): BaseBagelField<T, P, PO>;
|
|
41
43
|
export declare function txtField<T, P extends Path<T, PO>, PO extends PathsOptions = DefaultPathsOptions>(id?: P, label?: string, options?: TextInputOptions<T, P>): InputBagelField<T, P, PO>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAc,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACzN,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAE/E,UAAU,YAAY,CACrB,CAAC,EACD,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,CAChB,SAAQ,OAAO,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,YAAY,CAAC,EAAE,aAAa,CAAA;CAC5B;AAED,UAAU,WAAW,CAAC,CAAC,EAAE,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,CAAE,SAAQ,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC;IACrE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,MAAM,CAAA;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,UAAU,gBAAgB,CAAC,CAAC,EAAE,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,CAAE,SAAQ,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1E,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAA;IACxC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,QAAQ,CAAA;CACpB;AAED,UAAU,gBAAgB,CAAC,CAAC,EAAE,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,CAAE,SAAQ,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,GAAG,CAAA;CAClC;AAED,UAAU,eAAe,CAAC,CAAC,EAAE,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,CAAE,SAAQ,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC;IACzE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,YAAY,CAAA;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,
|
|
1
|
+
{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/src/components/Pill.vue
CHANGED
|
@@ -102,9 +102,7 @@ const computedBackgroundColor = $computed(
|
|
|
102
102
|
<p
|
|
103
103
|
class="pillText"
|
|
104
104
|
>
|
|
105
|
-
{{ value || modelValue }}
|
|
106
105
|
{{ slots.default ? slots.default : value || modelValue }}
|
|
107
|
-
{{ value || modelValue }}
|
|
108
106
|
</p>
|
|
109
107
|
</template>
|
|
110
108
|
<Icon v-if="iconEnd" :icon="iconEnd" style="font-size: var(--pill-font-size)" />
|
|
@@ -153,9 +153,6 @@ const totalDots = computed(() => {
|
|
|
153
153
|
return config.value.loop ? innerElements.value.length : Math.ceil(innerElements.value.length - perPage.value + 1)
|
|
154
154
|
})
|
|
155
155
|
|
|
156
|
-
// Add a flag to track slot updates
|
|
157
|
-
const slotHasChanged = ref(false)
|
|
158
|
-
|
|
159
156
|
// Add MutationObserver ref
|
|
160
157
|
const slotObserver = ref<MutationObserver | null>(null)
|
|
161
158
|
|
|
@@ -1290,9 +1287,6 @@ function updateSlider(): void {
|
|
|
1290
1287
|
|
|
1291
1288
|
// Only proceed if we have elements to work with or if we need to clear for the first time
|
|
1292
1289
|
if (slotElements.length > 0 || (innerElements.value.length > 0 && emptyRebuildAttempts.value === 0)) {
|
|
1293
|
-
// Store previous count for comparison
|
|
1294
|
-
const previousCount = innerElements.value.length
|
|
1295
|
-
|
|
1296
1290
|
// Update elements with clones of slot content
|
|
1297
1291
|
innerElements.value = slotElements
|
|
1298
1292
|
|
|
@@ -1300,11 +1294,6 @@ function updateSlider(): void {
|
|
|
1300
1294
|
if (currentSlide.value >= innerElements.value.length) {
|
|
1301
1295
|
currentSlide.value = Math.max(0, innerElements.value.length - 1)
|
|
1302
1296
|
}
|
|
1303
|
-
|
|
1304
|
-
// If we're transitioning from 0 to some elements or vice versa,
|
|
1305
|
-
// we need special handling
|
|
1306
|
-
const isInitialPopulation = previousCount === 0 && slotElements.length > 0
|
|
1307
|
-
|
|
1308
1297
|
// Stop autoplay during rebuild to prevent errors
|
|
1309
1298
|
const wasAutoplay = config.value.autoplay !== 'disabled'
|
|
1310
1299
|
if (wasAutoplay) {
|
|
@@ -7,7 +7,7 @@ import { useCommands } from './composables/useCommands'
|
|
|
7
7
|
import { useEditor } from './composables/useEditor'
|
|
8
8
|
import { useEditorKeyboard } from './composables/useEditorKeyboard'
|
|
9
9
|
|
|
10
|
-
const props = defineProps<{ modelValue: string, toolbarConfig?: ToolbarConfig, debug?: boolean, label?: string }>()
|
|
10
|
+
const props = defineProps<{ modelValue: string, toolbarConfig?: ToolbarConfig, debug?: boolean, label?: string, height?: number | string }>()
|
|
11
11
|
const emit = defineEmits(['update:modelValue'])
|
|
12
12
|
|
|
13
13
|
const iframe = ref<HTMLIFrameElement>()
|
|
@@ -29,6 +29,16 @@ const commands = useCommands(editor.state, editor.state.debug)
|
|
|
29
29
|
const debugMethods = $computed(() => editor.state.debug)
|
|
30
30
|
const hasRTL = $computed(() => /[\u0591-\u07FF\uFB1D-\uFDFD\uFE70-\uFEFC]/.test(props.modelValue))
|
|
31
31
|
|
|
32
|
+
// Computed property to handle height prop
|
|
33
|
+
const editorHeight = $computed(() => {
|
|
34
|
+
if (typeof props.height === 'number') {
|
|
35
|
+
return `${props.height}px`
|
|
36
|
+
} else if (typeof props.height === 'string') {
|
|
37
|
+
return props.height
|
|
38
|
+
}
|
|
39
|
+
return '240px' // default height
|
|
40
|
+
})
|
|
41
|
+
|
|
32
42
|
// Cleanup on component unmount
|
|
33
43
|
onUnmounted(() => {
|
|
34
44
|
editor.cleanup()
|
|
@@ -164,7 +174,7 @@ watch(() => editor.state.content, (newValue) => {
|
|
|
164
174
|
@action="commands.execute"
|
|
165
175
|
/>
|
|
166
176
|
<div class="editor-container" :class="{ 'split-view': editor.state.isSplitView }">
|
|
167
|
-
<div class="content-area radius-05">
|
|
177
|
+
<div class="content-area radius-05" :style="{ height: editor.state.isFullscreen ? 'calc(100vh - 4rem)' : editorHeight }">
|
|
168
178
|
<iframe
|
|
169
179
|
id="rich-text-iframe"
|
|
170
180
|
ref="iframe"
|
|
@@ -179,7 +189,7 @@ watch(() => editor.state.content, (newValue) => {
|
|
|
179
189
|
v-if="editor.state.isSplitView"
|
|
180
190
|
v-model="editor.state.content"
|
|
181
191
|
language="html"
|
|
182
|
-
:height="editor.state.isFullscreen ? 'calc(100vh - 4rem)' :
|
|
192
|
+
:height="editor.state.isFullscreen ? 'calc(100vh - 4rem)' : editorHeight"
|
|
183
193
|
@update:modelValue="editor.updateState.content('html')"
|
|
184
194
|
/>
|
|
185
195
|
</div>
|
|
@@ -224,7 +234,6 @@ watch(() => editor.state.content, (newValue) => {
|
|
|
224
234
|
.content-area,
|
|
225
235
|
.preview-area {
|
|
226
236
|
flex: 1;
|
|
227
|
-
min-height: 200px;
|
|
228
237
|
background: var(--bgl-richtext-color);
|
|
229
238
|
}
|
|
230
239
|
|
|
@@ -235,7 +244,6 @@ watch(() => editor.state.content, (newValue) => {
|
|
|
235
244
|
|
|
236
245
|
.editableContent {
|
|
237
246
|
width: 100%;
|
|
238
|
-
min-height: 240px;
|
|
239
247
|
height: 100%;
|
|
240
248
|
border: none;
|
|
241
249
|
outline: none;
|
|
@@ -44,16 +44,11 @@ interface NumFieldOptions<T, K extends Path<T>> extends InputOptions<T, K> {
|
|
|
44
44
|
useGrouping?: boolean
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
> = InputOptions<T, P>
|
|
47
|
+
interface RichTextOptions<T, P extends Path<T>> extends InputOptions<T, P> {
|
|
48
|
+
height?: number | string
|
|
49
|
+
}
|
|
51
50
|
|
|
52
|
-
export function getBaseField<
|
|
53
|
-
T,
|
|
54
|
-
P extends Path<T, PO>,
|
|
55
|
-
PO extends PathsOptions = DefaultPathsOptions,
|
|
56
|
-
>(
|
|
51
|
+
export function getBaseField<T, P extends Path<T, PO>, PO extends PathsOptions = DefaultPathsOptions>(
|
|
57
52
|
id?: P,
|
|
58
53
|
labelOrRest: string | Partial<BaseBagelField<T, P>> = {},
|
|
59
54
|
rest: Partial<BaseBagelField<T, P>> = {}
|
|
@@ -80,6 +75,7 @@ export function richText<
|
|
|
80
75
|
vIf: options?.vIf,
|
|
81
76
|
placeholder: options?.placeholder,
|
|
82
77
|
attrs: {
|
|
78
|
+
height: options?.height,
|
|
83
79
|
autocomplete: options?.autocomplete,
|
|
84
80
|
},
|
|
85
81
|
}
|