cnhis-design-vue 3.1.9-beta.3 → 3.1.9-beta.4
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/packages/form-render/index.d.ts +264 -0
- package/es/packages/form-render/src/FormRender.vue.d.ts +264 -0
- package/es/packages/form-render/src/FormRender.vue_vue_type_script_setup_true_lang.mjs +21 -17
- package/es/packages/form-render/src/components/cascader.mjs +1 -1
- package/es/packages/form-render/src/components/select.mjs +40 -27
- package/es/packages/index.css +0 -3
- package/es/packages/index.less +0 -4
- package/es/packages/info-header/index.d.ts +18 -2
- package/es/packages/info-header/src/HiddenContent.vue.d.ts +29 -13
- package/es/packages/info-header/src/HiddenContent.vue_vue_type_script_setup_true_lang.mjs +6 -4
- package/es/packages/info-header/src/InfoHeader.vue.d.ts +18 -2
- package/es/packages/info-header/src/InfoHeader.vue_vue_type_script_setup_true_lang.mjs +10 -5
- package/es/packages/info-header/style/index.css +0 -3
- package/es/packages/info-header/style/index.less +0 -4
- package/es/src/utils/anime.mjs +1 -1
- package/package.json +1 -1
|
@@ -313,6 +313,270 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{
|
|
|
313
313
|
form: any;
|
|
314
314
|
}>;
|
|
315
315
|
FormConsumer: import("vue").DefineComponent<{}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
|
|
316
|
+
NForm: import("vue").DefineComponent<{
|
|
317
|
+
readonly inline: BooleanConstructor;
|
|
318
|
+
readonly labelWidth: import("vue").PropType<string | number>;
|
|
319
|
+
readonly labelAlign: import("vue").PropType<import("naive-ui/es/form/src/interface").LabelAlign>;
|
|
320
|
+
readonly labelPlacement: {
|
|
321
|
+
readonly type: import("vue").PropType<import("naive-ui/es/form/src/interface").LabelPlacement>;
|
|
322
|
+
readonly default: "top";
|
|
323
|
+
};
|
|
324
|
+
readonly model: {
|
|
325
|
+
readonly type: import("vue").PropType<Record<string, any>>;
|
|
326
|
+
readonly default: () => void;
|
|
327
|
+
};
|
|
328
|
+
readonly rules: import("vue").PropType<import("naive-ui").FormRules>;
|
|
329
|
+
readonly disabled: BooleanConstructor;
|
|
330
|
+
readonly size: import("vue").PropType<import("naive-ui/es/form/src/interface").Size>;
|
|
331
|
+
readonly showRequireMark: {
|
|
332
|
+
readonly type: import("vue").PropType<boolean | undefined>;
|
|
333
|
+
readonly default: undefined;
|
|
334
|
+
};
|
|
335
|
+
readonly requireMarkPlacement: import("vue").PropType<"left" | "right" | "right-hanging">;
|
|
336
|
+
readonly showFeedback: {
|
|
337
|
+
readonly type: BooleanConstructor;
|
|
338
|
+
readonly default: true;
|
|
339
|
+
};
|
|
340
|
+
readonly onSubmit: {
|
|
341
|
+
readonly type: import("vue").PropType<(e: Event) => void>;
|
|
342
|
+
readonly default: (e: Event) => void;
|
|
343
|
+
};
|
|
344
|
+
readonly showLabel: {
|
|
345
|
+
readonly type: import("vue").PropType<boolean | undefined>;
|
|
346
|
+
readonly default: undefined;
|
|
347
|
+
};
|
|
348
|
+
readonly validateMessages: import("vue").PropType<Partial<import("naive-ui/es/form/src/interface").FormValidateMessages>>;
|
|
349
|
+
readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Form", {
|
|
350
|
+
blankHeightSmall: string;
|
|
351
|
+
blankHeightMedium: string;
|
|
352
|
+
blankHeightLarge: string;
|
|
353
|
+
lineHeight: string;
|
|
354
|
+
labelTextColor: string;
|
|
355
|
+
asteriskColor: string;
|
|
356
|
+
feedbackTextColorError: string;
|
|
357
|
+
feedbackTextColorWarning: string;
|
|
358
|
+
feedbackTextColor: string;
|
|
359
|
+
feedbackPadding: string;
|
|
360
|
+
feedbackHeightSmall: string;
|
|
361
|
+
feedbackHeightMedium: string;
|
|
362
|
+
feedbackHeightLarge: string;
|
|
363
|
+
feedbackFontSizeSmall: string;
|
|
364
|
+
feedbackFontSizeMedium: string;
|
|
365
|
+
feedbackFontSizeLarge: string;
|
|
366
|
+
labelFontSizeLeftSmall: string;
|
|
367
|
+
labelFontSizeLeftMedium: string;
|
|
368
|
+
labelFontSizeLeftLarge: string;
|
|
369
|
+
labelFontSizeTopSmall: string;
|
|
370
|
+
labelFontSizeTopMedium: string;
|
|
371
|
+
labelFontSizeTopLarge: string;
|
|
372
|
+
labelHeightSmall: string;
|
|
373
|
+
labelHeightMedium: string;
|
|
374
|
+
labelHeightLarge: string;
|
|
375
|
+
labelPaddingVertical: string;
|
|
376
|
+
labelPaddingHorizontal: string;
|
|
377
|
+
labelTextAlignVertical: string;
|
|
378
|
+
labelTextAlignHorizontal: string;
|
|
379
|
+
}, any>>;
|
|
380
|
+
readonly themeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Form", {
|
|
381
|
+
blankHeightSmall: string;
|
|
382
|
+
blankHeightMedium: string;
|
|
383
|
+
blankHeightLarge: string;
|
|
384
|
+
lineHeight: string;
|
|
385
|
+
labelTextColor: string;
|
|
386
|
+
asteriskColor: string;
|
|
387
|
+
feedbackTextColorError: string;
|
|
388
|
+
feedbackTextColorWarning: string;
|
|
389
|
+
feedbackTextColor: string;
|
|
390
|
+
feedbackPadding: string;
|
|
391
|
+
feedbackHeightSmall: string;
|
|
392
|
+
feedbackHeightMedium: string;
|
|
393
|
+
feedbackHeightLarge: string;
|
|
394
|
+
feedbackFontSizeSmall: string;
|
|
395
|
+
feedbackFontSizeMedium: string;
|
|
396
|
+
feedbackFontSizeLarge: string;
|
|
397
|
+
labelFontSizeLeftSmall: string;
|
|
398
|
+
labelFontSizeLeftMedium: string;
|
|
399
|
+
labelFontSizeLeftLarge: string;
|
|
400
|
+
labelFontSizeTopSmall: string;
|
|
401
|
+
labelFontSizeTopMedium: string;
|
|
402
|
+
labelFontSizeTopLarge: string;
|
|
403
|
+
labelHeightSmall: string;
|
|
404
|
+
labelHeightMedium: string;
|
|
405
|
+
labelHeightLarge: string;
|
|
406
|
+
labelPaddingVertical: string;
|
|
407
|
+
labelPaddingHorizontal: string;
|
|
408
|
+
labelTextAlignVertical: string;
|
|
409
|
+
labelTextAlignHorizontal: string;
|
|
410
|
+
}, any>>>;
|
|
411
|
+
readonly builtinThemeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Form", {
|
|
412
|
+
blankHeightSmall: string;
|
|
413
|
+
blankHeightMedium: string;
|
|
414
|
+
blankHeightLarge: string;
|
|
415
|
+
lineHeight: string;
|
|
416
|
+
labelTextColor: string;
|
|
417
|
+
asteriskColor: string;
|
|
418
|
+
feedbackTextColorError: string;
|
|
419
|
+
feedbackTextColorWarning: string;
|
|
420
|
+
feedbackTextColor: string;
|
|
421
|
+
feedbackPadding: string;
|
|
422
|
+
feedbackHeightSmall: string;
|
|
423
|
+
feedbackHeightMedium: string;
|
|
424
|
+
feedbackHeightLarge: string;
|
|
425
|
+
feedbackFontSizeSmall: string;
|
|
426
|
+
feedbackFontSizeMedium: string;
|
|
427
|
+
feedbackFontSizeLarge: string;
|
|
428
|
+
labelFontSizeLeftSmall: string;
|
|
429
|
+
labelFontSizeLeftMedium: string;
|
|
430
|
+
labelFontSizeLeftLarge: string;
|
|
431
|
+
labelFontSizeTopSmall: string;
|
|
432
|
+
labelFontSizeTopMedium: string;
|
|
433
|
+
labelFontSizeTopLarge: string;
|
|
434
|
+
labelHeightSmall: string;
|
|
435
|
+
labelHeightMedium: string;
|
|
436
|
+
labelHeightLarge: string;
|
|
437
|
+
labelPaddingVertical: string;
|
|
438
|
+
labelPaddingHorizontal: string;
|
|
439
|
+
labelTextAlignVertical: string;
|
|
440
|
+
labelTextAlignHorizontal: string;
|
|
441
|
+
}, any>>>;
|
|
442
|
+
}, import("naive-ui").FormInst & {
|
|
443
|
+
mergedClsPrefix: import("vue").ComputedRef<string>;
|
|
444
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
445
|
+
readonly inline: BooleanConstructor;
|
|
446
|
+
readonly labelWidth: import("vue").PropType<string | number>;
|
|
447
|
+
readonly labelAlign: import("vue").PropType<import("naive-ui/es/form/src/interface").LabelAlign>;
|
|
448
|
+
readonly labelPlacement: {
|
|
449
|
+
readonly type: import("vue").PropType<import("naive-ui/es/form/src/interface").LabelPlacement>;
|
|
450
|
+
readonly default: "top";
|
|
451
|
+
};
|
|
452
|
+
readonly model: {
|
|
453
|
+
readonly type: import("vue").PropType<Record<string, any>>;
|
|
454
|
+
readonly default: () => void;
|
|
455
|
+
};
|
|
456
|
+
readonly rules: import("vue").PropType<import("naive-ui").FormRules>;
|
|
457
|
+
readonly disabled: BooleanConstructor;
|
|
458
|
+
readonly size: import("vue").PropType<import("naive-ui/es/form/src/interface").Size>;
|
|
459
|
+
readonly showRequireMark: {
|
|
460
|
+
readonly type: import("vue").PropType<boolean | undefined>;
|
|
461
|
+
readonly default: undefined;
|
|
462
|
+
};
|
|
463
|
+
readonly requireMarkPlacement: import("vue").PropType<"left" | "right" | "right-hanging">;
|
|
464
|
+
readonly showFeedback: {
|
|
465
|
+
readonly type: BooleanConstructor;
|
|
466
|
+
readonly default: true;
|
|
467
|
+
};
|
|
468
|
+
readonly onSubmit: {
|
|
469
|
+
readonly type: import("vue").PropType<(e: Event) => void>;
|
|
470
|
+
readonly default: (e: Event) => void;
|
|
471
|
+
};
|
|
472
|
+
readonly showLabel: {
|
|
473
|
+
readonly type: import("vue").PropType<boolean | undefined>;
|
|
474
|
+
readonly default: undefined;
|
|
475
|
+
};
|
|
476
|
+
readonly validateMessages: import("vue").PropType<Partial<import("naive-ui/es/form/src/interface").FormValidateMessages>>;
|
|
477
|
+
readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Form", {
|
|
478
|
+
blankHeightSmall: string;
|
|
479
|
+
blankHeightMedium: string;
|
|
480
|
+
blankHeightLarge: string;
|
|
481
|
+
lineHeight: string;
|
|
482
|
+
labelTextColor: string;
|
|
483
|
+
asteriskColor: string;
|
|
484
|
+
feedbackTextColorError: string;
|
|
485
|
+
feedbackTextColorWarning: string;
|
|
486
|
+
feedbackTextColor: string;
|
|
487
|
+
feedbackPadding: string;
|
|
488
|
+
feedbackHeightSmall: string;
|
|
489
|
+
feedbackHeightMedium: string;
|
|
490
|
+
feedbackHeightLarge: string;
|
|
491
|
+
feedbackFontSizeSmall: string;
|
|
492
|
+
feedbackFontSizeMedium: string;
|
|
493
|
+
feedbackFontSizeLarge: string;
|
|
494
|
+
labelFontSizeLeftSmall: string;
|
|
495
|
+
labelFontSizeLeftMedium: string;
|
|
496
|
+
labelFontSizeLeftLarge: string;
|
|
497
|
+
labelFontSizeTopSmall: string;
|
|
498
|
+
labelFontSizeTopMedium: string;
|
|
499
|
+
labelFontSizeTopLarge: string;
|
|
500
|
+
labelHeightSmall: string;
|
|
501
|
+
labelHeightMedium: string;
|
|
502
|
+
labelHeightLarge: string;
|
|
503
|
+
labelPaddingVertical: string;
|
|
504
|
+
labelPaddingHorizontal: string;
|
|
505
|
+
labelTextAlignVertical: string;
|
|
506
|
+
labelTextAlignHorizontal: string;
|
|
507
|
+
}, any>>;
|
|
508
|
+
readonly themeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Form", {
|
|
509
|
+
blankHeightSmall: string;
|
|
510
|
+
blankHeightMedium: string;
|
|
511
|
+
blankHeightLarge: string;
|
|
512
|
+
lineHeight: string;
|
|
513
|
+
labelTextColor: string;
|
|
514
|
+
asteriskColor: string;
|
|
515
|
+
feedbackTextColorError: string;
|
|
516
|
+
feedbackTextColorWarning: string;
|
|
517
|
+
feedbackTextColor: string;
|
|
518
|
+
feedbackPadding: string;
|
|
519
|
+
feedbackHeightSmall: string;
|
|
520
|
+
feedbackHeightMedium: string;
|
|
521
|
+
feedbackHeightLarge: string;
|
|
522
|
+
feedbackFontSizeSmall: string;
|
|
523
|
+
feedbackFontSizeMedium: string;
|
|
524
|
+
feedbackFontSizeLarge: string;
|
|
525
|
+
labelFontSizeLeftSmall: string;
|
|
526
|
+
labelFontSizeLeftMedium: string;
|
|
527
|
+
labelFontSizeLeftLarge: string;
|
|
528
|
+
labelFontSizeTopSmall: string;
|
|
529
|
+
labelFontSizeTopMedium: string;
|
|
530
|
+
labelFontSizeTopLarge: string;
|
|
531
|
+
labelHeightSmall: string;
|
|
532
|
+
labelHeightMedium: string;
|
|
533
|
+
labelHeightLarge: string;
|
|
534
|
+
labelPaddingVertical: string;
|
|
535
|
+
labelPaddingHorizontal: string;
|
|
536
|
+
labelTextAlignVertical: string;
|
|
537
|
+
labelTextAlignHorizontal: string;
|
|
538
|
+
}, any>>>;
|
|
539
|
+
readonly builtinThemeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Form", {
|
|
540
|
+
blankHeightSmall: string;
|
|
541
|
+
blankHeightMedium: string;
|
|
542
|
+
blankHeightLarge: string;
|
|
543
|
+
lineHeight: string;
|
|
544
|
+
labelTextColor: string;
|
|
545
|
+
asteriskColor: string;
|
|
546
|
+
feedbackTextColorError: string;
|
|
547
|
+
feedbackTextColorWarning: string;
|
|
548
|
+
feedbackTextColor: string;
|
|
549
|
+
feedbackPadding: string;
|
|
550
|
+
feedbackHeightSmall: string;
|
|
551
|
+
feedbackHeightMedium: string;
|
|
552
|
+
feedbackHeightLarge: string;
|
|
553
|
+
feedbackFontSizeSmall: string;
|
|
554
|
+
feedbackFontSizeMedium: string;
|
|
555
|
+
feedbackFontSizeLarge: string;
|
|
556
|
+
labelFontSizeLeftSmall: string;
|
|
557
|
+
labelFontSizeLeftMedium: string;
|
|
558
|
+
labelFontSizeLeftLarge: string;
|
|
559
|
+
labelFontSizeTopSmall: string;
|
|
560
|
+
labelFontSizeTopMedium: string;
|
|
561
|
+
labelFontSizeTopLarge: string;
|
|
562
|
+
labelHeightSmall: string;
|
|
563
|
+
labelHeightMedium: string;
|
|
564
|
+
labelHeightLarge: string;
|
|
565
|
+
labelPaddingVertical: string;
|
|
566
|
+
labelPaddingHorizontal: string;
|
|
567
|
+
labelTextAlignVertical: string;
|
|
568
|
+
labelTextAlignHorizontal: string;
|
|
569
|
+
}, any>>>;
|
|
570
|
+
}>>, {
|
|
571
|
+
readonly inline: boolean;
|
|
572
|
+
readonly disabled: boolean;
|
|
573
|
+
readonly onSubmit: (e: Event) => void;
|
|
574
|
+
readonly labelPlacement: import("naive-ui/es/form/src/interface").LabelPlacement;
|
|
575
|
+
readonly model: Record<string, any>;
|
|
576
|
+
readonly showRequireMark: boolean | undefined;
|
|
577
|
+
readonly showFeedback: boolean;
|
|
578
|
+
readonly showLabel: boolean | undefined;
|
|
579
|
+
}>;
|
|
316
580
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "formChange"[], "formChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
317
581
|
fieldList: {
|
|
318
582
|
type: import("vue").PropType<import("./src/types").FieldItem[]>;
|
|
@@ -313,6 +313,270 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
313
313
|
form: any;
|
|
314
314
|
}>;
|
|
315
315
|
FormConsumer: import("vue").DefineComponent<{}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
|
|
316
|
+
NForm: import("vue").DefineComponent<{
|
|
317
|
+
readonly inline: BooleanConstructor;
|
|
318
|
+
readonly labelWidth: PropType<string | number>;
|
|
319
|
+
readonly labelAlign: PropType<import("naive-ui/es/form/src/interface").LabelAlign>;
|
|
320
|
+
readonly labelPlacement: {
|
|
321
|
+
readonly type: PropType<import("naive-ui/es/form/src/interface").LabelPlacement>;
|
|
322
|
+
readonly default: "top";
|
|
323
|
+
};
|
|
324
|
+
readonly model: {
|
|
325
|
+
readonly type: PropType<Record<string, any>>;
|
|
326
|
+
readonly default: () => void;
|
|
327
|
+
};
|
|
328
|
+
readonly rules: PropType<import("naive-ui").FormRules>;
|
|
329
|
+
readonly disabled: BooleanConstructor;
|
|
330
|
+
readonly size: PropType<import("naive-ui/es/form/src/interface").Size>;
|
|
331
|
+
readonly showRequireMark: {
|
|
332
|
+
readonly type: PropType<boolean | undefined>;
|
|
333
|
+
readonly default: undefined;
|
|
334
|
+
};
|
|
335
|
+
readonly requireMarkPlacement: PropType<"left" | "right" | "right-hanging">;
|
|
336
|
+
readonly showFeedback: {
|
|
337
|
+
readonly type: BooleanConstructor;
|
|
338
|
+
readonly default: true;
|
|
339
|
+
};
|
|
340
|
+
readonly onSubmit: {
|
|
341
|
+
readonly type: PropType<(e: Event) => void>;
|
|
342
|
+
readonly default: (e: Event) => void;
|
|
343
|
+
};
|
|
344
|
+
readonly showLabel: {
|
|
345
|
+
readonly type: PropType<boolean | undefined>;
|
|
346
|
+
readonly default: undefined;
|
|
347
|
+
};
|
|
348
|
+
readonly validateMessages: PropType<Partial<import("naive-ui/es/form/src/interface").FormValidateMessages>>;
|
|
349
|
+
readonly theme: PropType<import("naive-ui/es/_mixins").Theme<"Form", {
|
|
350
|
+
blankHeightSmall: string;
|
|
351
|
+
blankHeightMedium: string;
|
|
352
|
+
blankHeightLarge: string;
|
|
353
|
+
lineHeight: string;
|
|
354
|
+
labelTextColor: string;
|
|
355
|
+
asteriskColor: string;
|
|
356
|
+
feedbackTextColorError: string;
|
|
357
|
+
feedbackTextColorWarning: string;
|
|
358
|
+
feedbackTextColor: string;
|
|
359
|
+
feedbackPadding: string;
|
|
360
|
+
feedbackHeightSmall: string;
|
|
361
|
+
feedbackHeightMedium: string;
|
|
362
|
+
feedbackHeightLarge: string;
|
|
363
|
+
feedbackFontSizeSmall: string;
|
|
364
|
+
feedbackFontSizeMedium: string;
|
|
365
|
+
feedbackFontSizeLarge: string;
|
|
366
|
+
labelFontSizeLeftSmall: string;
|
|
367
|
+
labelFontSizeLeftMedium: string;
|
|
368
|
+
labelFontSizeLeftLarge: string;
|
|
369
|
+
labelFontSizeTopSmall: string;
|
|
370
|
+
labelFontSizeTopMedium: string;
|
|
371
|
+
labelFontSizeTopLarge: string;
|
|
372
|
+
labelHeightSmall: string;
|
|
373
|
+
labelHeightMedium: string;
|
|
374
|
+
labelHeightLarge: string;
|
|
375
|
+
labelPaddingVertical: string;
|
|
376
|
+
labelPaddingHorizontal: string;
|
|
377
|
+
labelTextAlignVertical: string;
|
|
378
|
+
labelTextAlignHorizontal: string;
|
|
379
|
+
}, any>>;
|
|
380
|
+
readonly themeOverrides: PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Form", {
|
|
381
|
+
blankHeightSmall: string;
|
|
382
|
+
blankHeightMedium: string;
|
|
383
|
+
blankHeightLarge: string;
|
|
384
|
+
lineHeight: string;
|
|
385
|
+
labelTextColor: string;
|
|
386
|
+
asteriskColor: string;
|
|
387
|
+
feedbackTextColorError: string;
|
|
388
|
+
feedbackTextColorWarning: string;
|
|
389
|
+
feedbackTextColor: string;
|
|
390
|
+
feedbackPadding: string;
|
|
391
|
+
feedbackHeightSmall: string;
|
|
392
|
+
feedbackHeightMedium: string;
|
|
393
|
+
feedbackHeightLarge: string;
|
|
394
|
+
feedbackFontSizeSmall: string;
|
|
395
|
+
feedbackFontSizeMedium: string;
|
|
396
|
+
feedbackFontSizeLarge: string;
|
|
397
|
+
labelFontSizeLeftSmall: string;
|
|
398
|
+
labelFontSizeLeftMedium: string;
|
|
399
|
+
labelFontSizeLeftLarge: string;
|
|
400
|
+
labelFontSizeTopSmall: string;
|
|
401
|
+
labelFontSizeTopMedium: string;
|
|
402
|
+
labelFontSizeTopLarge: string;
|
|
403
|
+
labelHeightSmall: string;
|
|
404
|
+
labelHeightMedium: string;
|
|
405
|
+
labelHeightLarge: string;
|
|
406
|
+
labelPaddingVertical: string;
|
|
407
|
+
labelPaddingHorizontal: string;
|
|
408
|
+
labelTextAlignVertical: string;
|
|
409
|
+
labelTextAlignHorizontal: string;
|
|
410
|
+
}, any>>>;
|
|
411
|
+
readonly builtinThemeOverrides: PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Form", {
|
|
412
|
+
blankHeightSmall: string;
|
|
413
|
+
blankHeightMedium: string;
|
|
414
|
+
blankHeightLarge: string;
|
|
415
|
+
lineHeight: string;
|
|
416
|
+
labelTextColor: string;
|
|
417
|
+
asteriskColor: string;
|
|
418
|
+
feedbackTextColorError: string;
|
|
419
|
+
feedbackTextColorWarning: string;
|
|
420
|
+
feedbackTextColor: string;
|
|
421
|
+
feedbackPadding: string;
|
|
422
|
+
feedbackHeightSmall: string;
|
|
423
|
+
feedbackHeightMedium: string;
|
|
424
|
+
feedbackHeightLarge: string;
|
|
425
|
+
feedbackFontSizeSmall: string;
|
|
426
|
+
feedbackFontSizeMedium: string;
|
|
427
|
+
feedbackFontSizeLarge: string;
|
|
428
|
+
labelFontSizeLeftSmall: string;
|
|
429
|
+
labelFontSizeLeftMedium: string;
|
|
430
|
+
labelFontSizeLeftLarge: string;
|
|
431
|
+
labelFontSizeTopSmall: string;
|
|
432
|
+
labelFontSizeTopMedium: string;
|
|
433
|
+
labelFontSizeTopLarge: string;
|
|
434
|
+
labelHeightSmall: string;
|
|
435
|
+
labelHeightMedium: string;
|
|
436
|
+
labelHeightLarge: string;
|
|
437
|
+
labelPaddingVertical: string;
|
|
438
|
+
labelPaddingHorizontal: string;
|
|
439
|
+
labelTextAlignVertical: string;
|
|
440
|
+
labelTextAlignHorizontal: string;
|
|
441
|
+
}, any>>>;
|
|
442
|
+
}, import("naive-ui").FormInst & {
|
|
443
|
+
mergedClsPrefix: import("vue").ComputedRef<string>;
|
|
444
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
445
|
+
readonly inline: BooleanConstructor;
|
|
446
|
+
readonly labelWidth: PropType<string | number>;
|
|
447
|
+
readonly labelAlign: PropType<import("naive-ui/es/form/src/interface").LabelAlign>;
|
|
448
|
+
readonly labelPlacement: {
|
|
449
|
+
readonly type: PropType<import("naive-ui/es/form/src/interface").LabelPlacement>;
|
|
450
|
+
readonly default: "top";
|
|
451
|
+
};
|
|
452
|
+
readonly model: {
|
|
453
|
+
readonly type: PropType<Record<string, any>>;
|
|
454
|
+
readonly default: () => void;
|
|
455
|
+
};
|
|
456
|
+
readonly rules: PropType<import("naive-ui").FormRules>;
|
|
457
|
+
readonly disabled: BooleanConstructor;
|
|
458
|
+
readonly size: PropType<import("naive-ui/es/form/src/interface").Size>;
|
|
459
|
+
readonly showRequireMark: {
|
|
460
|
+
readonly type: PropType<boolean | undefined>;
|
|
461
|
+
readonly default: undefined;
|
|
462
|
+
};
|
|
463
|
+
readonly requireMarkPlacement: PropType<"left" | "right" | "right-hanging">;
|
|
464
|
+
readonly showFeedback: {
|
|
465
|
+
readonly type: BooleanConstructor;
|
|
466
|
+
readonly default: true;
|
|
467
|
+
};
|
|
468
|
+
readonly onSubmit: {
|
|
469
|
+
readonly type: PropType<(e: Event) => void>;
|
|
470
|
+
readonly default: (e: Event) => void;
|
|
471
|
+
};
|
|
472
|
+
readonly showLabel: {
|
|
473
|
+
readonly type: PropType<boolean | undefined>;
|
|
474
|
+
readonly default: undefined;
|
|
475
|
+
};
|
|
476
|
+
readonly validateMessages: PropType<Partial<import("naive-ui/es/form/src/interface").FormValidateMessages>>;
|
|
477
|
+
readonly theme: PropType<import("naive-ui/es/_mixins").Theme<"Form", {
|
|
478
|
+
blankHeightSmall: string;
|
|
479
|
+
blankHeightMedium: string;
|
|
480
|
+
blankHeightLarge: string;
|
|
481
|
+
lineHeight: string;
|
|
482
|
+
labelTextColor: string;
|
|
483
|
+
asteriskColor: string;
|
|
484
|
+
feedbackTextColorError: string;
|
|
485
|
+
feedbackTextColorWarning: string;
|
|
486
|
+
feedbackTextColor: string;
|
|
487
|
+
feedbackPadding: string;
|
|
488
|
+
feedbackHeightSmall: string;
|
|
489
|
+
feedbackHeightMedium: string;
|
|
490
|
+
feedbackHeightLarge: string;
|
|
491
|
+
feedbackFontSizeSmall: string;
|
|
492
|
+
feedbackFontSizeMedium: string;
|
|
493
|
+
feedbackFontSizeLarge: string;
|
|
494
|
+
labelFontSizeLeftSmall: string;
|
|
495
|
+
labelFontSizeLeftMedium: string;
|
|
496
|
+
labelFontSizeLeftLarge: string;
|
|
497
|
+
labelFontSizeTopSmall: string;
|
|
498
|
+
labelFontSizeTopMedium: string;
|
|
499
|
+
labelFontSizeTopLarge: string;
|
|
500
|
+
labelHeightSmall: string;
|
|
501
|
+
labelHeightMedium: string;
|
|
502
|
+
labelHeightLarge: string;
|
|
503
|
+
labelPaddingVertical: string;
|
|
504
|
+
labelPaddingHorizontal: string;
|
|
505
|
+
labelTextAlignVertical: string;
|
|
506
|
+
labelTextAlignHorizontal: string;
|
|
507
|
+
}, any>>;
|
|
508
|
+
readonly themeOverrides: PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Form", {
|
|
509
|
+
blankHeightSmall: string;
|
|
510
|
+
blankHeightMedium: string;
|
|
511
|
+
blankHeightLarge: string;
|
|
512
|
+
lineHeight: string;
|
|
513
|
+
labelTextColor: string;
|
|
514
|
+
asteriskColor: string;
|
|
515
|
+
feedbackTextColorError: string;
|
|
516
|
+
feedbackTextColorWarning: string;
|
|
517
|
+
feedbackTextColor: string;
|
|
518
|
+
feedbackPadding: string;
|
|
519
|
+
feedbackHeightSmall: string;
|
|
520
|
+
feedbackHeightMedium: string;
|
|
521
|
+
feedbackHeightLarge: string;
|
|
522
|
+
feedbackFontSizeSmall: string;
|
|
523
|
+
feedbackFontSizeMedium: string;
|
|
524
|
+
feedbackFontSizeLarge: string;
|
|
525
|
+
labelFontSizeLeftSmall: string;
|
|
526
|
+
labelFontSizeLeftMedium: string;
|
|
527
|
+
labelFontSizeLeftLarge: string;
|
|
528
|
+
labelFontSizeTopSmall: string;
|
|
529
|
+
labelFontSizeTopMedium: string;
|
|
530
|
+
labelFontSizeTopLarge: string;
|
|
531
|
+
labelHeightSmall: string;
|
|
532
|
+
labelHeightMedium: string;
|
|
533
|
+
labelHeightLarge: string;
|
|
534
|
+
labelPaddingVertical: string;
|
|
535
|
+
labelPaddingHorizontal: string;
|
|
536
|
+
labelTextAlignVertical: string;
|
|
537
|
+
labelTextAlignHorizontal: string;
|
|
538
|
+
}, any>>>;
|
|
539
|
+
readonly builtinThemeOverrides: PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Form", {
|
|
540
|
+
blankHeightSmall: string;
|
|
541
|
+
blankHeightMedium: string;
|
|
542
|
+
blankHeightLarge: string;
|
|
543
|
+
lineHeight: string;
|
|
544
|
+
labelTextColor: string;
|
|
545
|
+
asteriskColor: string;
|
|
546
|
+
feedbackTextColorError: string;
|
|
547
|
+
feedbackTextColorWarning: string;
|
|
548
|
+
feedbackTextColor: string;
|
|
549
|
+
feedbackPadding: string;
|
|
550
|
+
feedbackHeightSmall: string;
|
|
551
|
+
feedbackHeightMedium: string;
|
|
552
|
+
feedbackHeightLarge: string;
|
|
553
|
+
feedbackFontSizeSmall: string;
|
|
554
|
+
feedbackFontSizeMedium: string;
|
|
555
|
+
feedbackFontSizeLarge: string;
|
|
556
|
+
labelFontSizeLeftSmall: string;
|
|
557
|
+
labelFontSizeLeftMedium: string;
|
|
558
|
+
labelFontSizeLeftLarge: string;
|
|
559
|
+
labelFontSizeTopSmall: string;
|
|
560
|
+
labelFontSizeTopMedium: string;
|
|
561
|
+
labelFontSizeTopLarge: string;
|
|
562
|
+
labelHeightSmall: string;
|
|
563
|
+
labelHeightMedium: string;
|
|
564
|
+
labelHeightLarge: string;
|
|
565
|
+
labelPaddingVertical: string;
|
|
566
|
+
labelPaddingHorizontal: string;
|
|
567
|
+
labelTextAlignVertical: string;
|
|
568
|
+
labelTextAlignHorizontal: string;
|
|
569
|
+
}, any>>>;
|
|
570
|
+
}>>, {
|
|
571
|
+
readonly inline: boolean;
|
|
572
|
+
readonly disabled: boolean;
|
|
573
|
+
readonly onSubmit: (e: Event) => void;
|
|
574
|
+
readonly labelPlacement: import("naive-ui/es/form/src/interface").LabelPlacement;
|
|
575
|
+
readonly model: Record<string, any>;
|
|
576
|
+
readonly showRequireMark: boolean | undefined;
|
|
577
|
+
readonly showFeedback: boolean;
|
|
578
|
+
readonly showLabel: boolean | undefined;
|
|
579
|
+
}>;
|
|
316
580
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "formChange"[], "formChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
317
581
|
fieldList: {
|
|
318
582
|
type: PropType<FieldItem[]>;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { defineComponent, provide, computed, openBlock,
|
|
1
|
+
import { defineComponent, provide, computed, openBlock, createBlock, unref, normalizeStyle, withCtx, createVNode, renderSlot, createElementVNode, toDisplayString, createCommentVNode } from 'vue';
|
|
2
2
|
import { injectOrProvide } from './utils/index.mjs';
|
|
3
3
|
import { cloneDeep } from 'lodash-es';
|
|
4
4
|
import { InjectionBusinessCollector, InjectionChangeContextCollector, InjectionFormItemDepsCollector, InjectAsyncQueue, InjectionSchemaField } from './constants/index.mjs';
|
|
5
5
|
import * as index from './components/index.mjs';
|
|
6
6
|
import { createForm, onFieldValueChange } from '@formily/core';
|
|
7
7
|
import { FormProvider, FormConsumer, createSchemaField } from '@formily/vue';
|
|
8
|
+
import { NForm } from 'naive-ui';
|
|
8
9
|
import { useBusinessBinding } from './hooks/useBusinessBinding.mjs';
|
|
9
10
|
import { useAsyncQueue } from './hooks/useAsyncQueue.mjs';
|
|
10
11
|
import { useChangeContext } from './hooks/useChangeContext.mjs';
|
|
@@ -85,25 +86,28 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
85
86
|
setFieldState: formModel.setFieldState.bind(formModel)
|
|
86
87
|
});
|
|
87
88
|
return (_ctx, _cache) => {
|
|
88
|
-
return openBlock(),
|
|
89
|
+
return openBlock(), createBlock(unref(NForm), {
|
|
89
90
|
class: "form-render__wrapper",
|
|
90
91
|
style: normalizeStyle({ "--column": __props.column })
|
|
91
|
-
},
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
__props.consumer ? (openBlock(), createBlock(unref(FormConsumer), { key: 0 }, {
|
|
98
|
-
default: withCtx(({ form }) => [
|
|
99
|
-
createElementVNode("div", _hoisted_1, toDisplayString(JSON.stringify(form.values, null, 2)), 1)
|
|
92
|
+
}, {
|
|
93
|
+
default: withCtx(() => [
|
|
94
|
+
createVNode(unref(FormProvider), { form: unref(formModel) }, {
|
|
95
|
+
default: withCtx(() => [
|
|
96
|
+
renderSlot(_ctx.$slots, "default", { schemaFiled: unref(SchemaField) }, () => [
|
|
97
|
+
createVNode(unref(SchemaField), { schema: unref(renderSchema) }, null, 8, ["schema"])
|
|
100
98
|
]),
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
99
|
+
__props.consumer ? (openBlock(), createBlock(unref(FormConsumer), { key: 0 }, {
|
|
100
|
+
default: withCtx(({ form }) => [
|
|
101
|
+
createElementVNode("div", _hoisted_1, toDisplayString(JSON.stringify(form.values, null, 2)), 1)
|
|
102
|
+
]),
|
|
103
|
+
_: 1
|
|
104
|
+
})) : createCommentVNode("v-if", true)
|
|
105
|
+
]),
|
|
106
|
+
_: 3
|
|
107
|
+
}, 8, ["form"])
|
|
108
|
+
]),
|
|
109
|
+
_: 3
|
|
110
|
+
}, 8, ["style"]);
|
|
107
111
|
};
|
|
108
112
|
}
|
|
109
113
|
});
|
|
@@ -83,7 +83,7 @@ const script = defineComponent({
|
|
|
83
83
|
const renderOptions = computed(() => {
|
|
84
84
|
return _options.value || props.options || [];
|
|
85
85
|
});
|
|
86
|
-
watch(() =>
|
|
86
|
+
watch(() => props.value, (n, o) => {
|
|
87
87
|
if (n != null && o == null) {
|
|
88
88
|
fetchData();
|
|
89
89
|
}
|
|
@@ -27,22 +27,29 @@ const script = defineComponent({
|
|
|
27
27
|
emits: ["update:value"],
|
|
28
28
|
setup(props, {
|
|
29
29
|
slots,
|
|
30
|
-
emit
|
|
31
|
-
attrs
|
|
30
|
+
emit
|
|
32
31
|
}) {
|
|
33
32
|
const _options = ref(null);
|
|
34
33
|
let cachedOptions = null;
|
|
35
|
-
let lastSearch;
|
|
34
|
+
let lastSearch = ref("");
|
|
36
35
|
const asyncQueue = inject(InjectAsyncQueue);
|
|
37
36
|
const {
|
|
38
37
|
title,
|
|
39
38
|
field,
|
|
40
39
|
fieldKey
|
|
41
40
|
} = useFormField();
|
|
41
|
+
function filterOption(options, searchContent) {
|
|
42
|
+
return options.filter((option) => {
|
|
43
|
+
return !searchContent || String(option[labelKey.value]).includes(searchContent);
|
|
44
|
+
});
|
|
45
|
+
}
|
|
42
46
|
async function fetchData(content) {
|
|
43
|
-
if (content === lastSearch
|
|
44
|
-
|
|
45
|
-
|
|
47
|
+
if (content === lastSearch.value) {
|
|
48
|
+
if (cachedOptions)
|
|
49
|
+
return;
|
|
50
|
+
} else {
|
|
51
|
+
lastSearch.value = content || "";
|
|
52
|
+
}
|
|
46
53
|
const config = props.urlConfig;
|
|
47
54
|
if (!config) {
|
|
48
55
|
return cachedOptions = _options.value = null;
|
|
@@ -52,10 +59,7 @@ const script = defineComponent({
|
|
|
52
59
|
return cachedOptions = _options.value = null;
|
|
53
60
|
}
|
|
54
61
|
if (cachedOptions) {
|
|
55
|
-
return _options.value = cachedOptions
|
|
56
|
-
var _a;
|
|
57
|
-
return !content || ((_a = option[config.nameKey]) == null ? void 0 : _a.includes(content));
|
|
58
|
-
});
|
|
62
|
+
return _options.value = filterOption(cachedOptions, content);
|
|
59
63
|
}
|
|
60
64
|
try {
|
|
61
65
|
const data = await asyncQueue.addAsync({
|
|
@@ -65,7 +69,7 @@ const script = defineComponent({
|
|
|
65
69
|
});
|
|
66
70
|
_options.value = data.reduce((res, d) => {
|
|
67
71
|
var _a;
|
|
68
|
-
if (((_a = d[
|
|
72
|
+
if (((_a = d[labelKey.value]) == null ? void 0 : _a.includes(content)) || !content) {
|
|
69
73
|
res.push(d);
|
|
70
74
|
}
|
|
71
75
|
return res;
|
|
@@ -76,7 +80,11 @@ const script = defineComponent({
|
|
|
76
80
|
}
|
|
77
81
|
}
|
|
78
82
|
const renderOptions = computed(() => {
|
|
79
|
-
|
|
83
|
+
if (_options.value)
|
|
84
|
+
return _options.value;
|
|
85
|
+
if (!Array.isArray(props.options))
|
|
86
|
+
return [];
|
|
87
|
+
return filterOption(props.options, lastSearch.value);
|
|
80
88
|
});
|
|
81
89
|
const formItemDepsCollector = inject(InjectionFormItemDepsCollector);
|
|
82
90
|
watch(() => props.urlConfig, (config) => {
|
|
@@ -88,7 +96,7 @@ const script = defineComponent({
|
|
|
88
96
|
}, {
|
|
89
97
|
immediate: true
|
|
90
98
|
});
|
|
91
|
-
watch(() =>
|
|
99
|
+
watch(() => props.value, (n, o) => {
|
|
92
100
|
if (o == null && n != null) {
|
|
93
101
|
fetchData();
|
|
94
102
|
}
|
|
@@ -100,20 +108,25 @@ const script = defineComponent({
|
|
|
100
108
|
changeContextCollector == null ? void 0 : changeContextCollector.setContext(fieldKey.value, "currentOption", cloneDeep(option));
|
|
101
109
|
emit("update:value", v);
|
|
102
110
|
}
|
|
103
|
-
|
|
104
|
-
var _a, _b
|
|
105
|
-
return
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
111
|
+
const labelKey = computed(() => {
|
|
112
|
+
var _a, _b;
|
|
113
|
+
return (_b = (_a = props.urlConfig) == null ? void 0 : _a.nameKey) != null ? _b : "text";
|
|
114
|
+
});
|
|
115
|
+
const valueKey = computed(() => {
|
|
116
|
+
var _a, _b;
|
|
117
|
+
return (_b = (_a = props.urlConfig) == null ? void 0 : _a.valueKey) != null ? _b : "value";
|
|
118
|
+
});
|
|
119
|
+
return () => createVNode(NSelect, {
|
|
120
|
+
"value": props.value,
|
|
121
|
+
"onUpdate:value": update,
|
|
122
|
+
"remote": true,
|
|
123
|
+
"filterable": true,
|
|
124
|
+
"labelField": labelKey.value,
|
|
125
|
+
"valueField": valueKey.value,
|
|
126
|
+
"onSearch": fetchData,
|
|
127
|
+
"onUpdate:show": (show) => show && fetchData(),
|
|
128
|
+
"options": renderOptions.value
|
|
129
|
+
}, slots);
|
|
117
130
|
}
|
|
118
131
|
});
|
|
119
132
|
const SELECT = connect(script, mapProps({
|
package/es/packages/index.css
CHANGED
|
@@ -2549,9 +2549,6 @@ body > .vxe-table--tooltip-wrapper {
|
|
|
2549
2549
|
vertical-align: middle !important;
|
|
2550
2550
|
max-width: calc(var(--column-width) * 1px);
|
|
2551
2551
|
}
|
|
2552
|
-
.c-info-header__info .n-descriptions-table-content__content {
|
|
2553
|
-
font-weight: 700;
|
|
2554
|
-
}
|
|
2555
2552
|
.c-info-header__info .n-descriptions-table-content__label {
|
|
2556
2553
|
display: inline-block;
|
|
2557
2554
|
}
|
package/es/packages/index.less
CHANGED
|
@@ -97,7 +97,8 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
|
|
|
97
97
|
color: string;
|
|
98
98
|
textColor: string;
|
|
99
99
|
};
|
|
100
|
-
|
|
100
|
+
getDescriptionItemStyle: ({ bold, contentStyle }?: import("cnhis-design-vue/es/src/types").AnyObject) => import("vue").CSSProperties;
|
|
101
|
+
getEllipsisStyle: (index: number, { bold, contentStyle }?: import("cnhis-design-vue/es/src/types").AnyObject) => import("vue").CSSProperties;
|
|
101
102
|
needHidden: (item: import("cnhis-design-vue/es/src/types").AnyObject) => boolean;
|
|
102
103
|
infoRef: import("vue").Ref<HTMLElement | undefined>;
|
|
103
104
|
columnNum: import("vue").Ref<number>;
|
|
@@ -1430,6 +1431,10 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
|
|
|
1430
1431
|
width: {
|
|
1431
1432
|
type: NumberConstructor;
|
|
1432
1433
|
};
|
|
1434
|
+
contentStyle: {
|
|
1435
|
+
type: import("vue").PropType<import("vue").CSSProperties>;
|
|
1436
|
+
default: () => {};
|
|
1437
|
+
};
|
|
1433
1438
|
}, {
|
|
1434
1439
|
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
|
|
1435
1440
|
content: {
|
|
@@ -1439,6 +1444,10 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
|
|
|
1439
1444
|
width: {
|
|
1440
1445
|
type: NumberConstructor;
|
|
1441
1446
|
};
|
|
1447
|
+
contentStyle: {
|
|
1448
|
+
type: import("vue").PropType<import("vue").CSSProperties>;
|
|
1449
|
+
default: () => {};
|
|
1450
|
+
};
|
|
1442
1451
|
}>> & {
|
|
1443
1452
|
[x: `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
|
|
1444
1453
|
}>>;
|
|
@@ -1448,7 +1457,9 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
|
|
|
1448
1457
|
maxWidth: string;
|
|
1449
1458
|
width: string;
|
|
1450
1459
|
}>;
|
|
1451
|
-
|
|
1460
|
+
parsedContentStyle: import("vue").ComputedRef<"" | (import("vue").CSSProperties & {
|
|
1461
|
+
maxWidth: string;
|
|
1462
|
+
})>;
|
|
1452
1463
|
displayContent: import("vue").ComputedRef<string>;
|
|
1453
1464
|
NEllipsis: import("vue").DefineComponent<{
|
|
1454
1465
|
readonly expandTrigger: import("vue").PropType<"click">;
|
|
@@ -1781,7 +1792,12 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
|
|
|
1781
1792
|
width: {
|
|
1782
1793
|
type: NumberConstructor;
|
|
1783
1794
|
};
|
|
1795
|
+
contentStyle: {
|
|
1796
|
+
type: import("vue").PropType<import("vue").CSSProperties>;
|
|
1797
|
+
default: () => {};
|
|
1798
|
+
};
|
|
1784
1799
|
}>>, {
|
|
1800
|
+
contentStyle: import("vue").CSSProperties;
|
|
1785
1801
|
content: string;
|
|
1786
1802
|
}>;
|
|
1787
1803
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("openPatientInfo" | "fieldSet" | "update:compact")[], "openPatientInfo" | "fieldSet" | "update:compact", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { CSSProperties, PropType } from 'vue';
|
|
1
2
|
declare const _default: import("vue").DefineComponent<{
|
|
2
3
|
content: {
|
|
3
4
|
type: StringConstructor;
|
|
@@ -6,6 +7,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
6
7
|
width: {
|
|
7
8
|
type: NumberConstructor;
|
|
8
9
|
};
|
|
10
|
+
contentStyle: {
|
|
11
|
+
type: PropType<CSSProperties>;
|
|
12
|
+
default: () => {};
|
|
13
|
+
};
|
|
9
14
|
}, {
|
|
10
15
|
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
|
|
11
16
|
content: {
|
|
@@ -15,6 +20,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
15
20
|
width: {
|
|
16
21
|
type: NumberConstructor;
|
|
17
22
|
};
|
|
23
|
+
contentStyle: {
|
|
24
|
+
type: PropType<CSSProperties>;
|
|
25
|
+
default: () => {};
|
|
26
|
+
};
|
|
18
27
|
}>> & {
|
|
19
28
|
[x: `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
|
|
20
29
|
}>>;
|
|
@@ -24,16 +33,18 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
24
33
|
maxWidth: string;
|
|
25
34
|
width: string;
|
|
26
35
|
}>;
|
|
27
|
-
|
|
36
|
+
parsedContentStyle: import("vue").ComputedRef<"" | (CSSProperties & {
|
|
37
|
+
maxWidth: string;
|
|
38
|
+
})>;
|
|
28
39
|
displayContent: import("vue").ComputedRef<string>;
|
|
29
40
|
NEllipsis: import("vue").DefineComponent<{
|
|
30
|
-
readonly expandTrigger:
|
|
31
|
-
readonly lineClamp:
|
|
41
|
+
readonly expandTrigger: PropType<"click">;
|
|
42
|
+
readonly lineClamp: PropType<string | number>;
|
|
32
43
|
readonly tooltip: {
|
|
33
|
-
readonly type:
|
|
44
|
+
readonly type: PropType<boolean | import("naive-ui").PopoverProps>;
|
|
34
45
|
readonly default: true;
|
|
35
46
|
};
|
|
36
|
-
readonly theme:
|
|
47
|
+
readonly theme: PropType<import("naive-ui/es/_mixins").Theme<"Ellipsis", unknown, {
|
|
37
48
|
Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
|
|
38
49
|
borderRadius: string;
|
|
39
50
|
boxShadow: string;
|
|
@@ -57,7 +68,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
57
68
|
}, any>;
|
|
58
69
|
}>;
|
|
59
70
|
}>>;
|
|
60
|
-
readonly themeOverrides:
|
|
71
|
+
readonly themeOverrides: PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Ellipsis", unknown, {
|
|
61
72
|
Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
|
|
62
73
|
borderRadius: string;
|
|
63
74
|
boxShadow: string;
|
|
@@ -81,7 +92,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
81
92
|
}, any>;
|
|
82
93
|
}>;
|
|
83
94
|
}>>>;
|
|
84
|
-
readonly builtinThemeOverrides:
|
|
95
|
+
readonly builtinThemeOverrides: PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Ellipsis", unknown, {
|
|
85
96
|
Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
|
|
86
97
|
borderRadius: string;
|
|
87
98
|
boxShadow: string;
|
|
@@ -268,13 +279,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
268
279
|
renderTrigger: () => JSX.Element;
|
|
269
280
|
getTooltipDisabled: () => boolean;
|
|
270
281
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
271
|
-
readonly expandTrigger:
|
|
272
|
-
readonly lineClamp:
|
|
282
|
+
readonly expandTrigger: PropType<"click">;
|
|
283
|
+
readonly lineClamp: PropType<string | number>;
|
|
273
284
|
readonly tooltip: {
|
|
274
|
-
readonly type:
|
|
285
|
+
readonly type: PropType<boolean | import("naive-ui").PopoverProps>;
|
|
275
286
|
readonly default: true;
|
|
276
287
|
};
|
|
277
|
-
readonly theme:
|
|
288
|
+
readonly theme: PropType<import("naive-ui/es/_mixins").Theme<"Ellipsis", unknown, {
|
|
278
289
|
Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
|
|
279
290
|
borderRadius: string;
|
|
280
291
|
boxShadow: string;
|
|
@@ -298,7 +309,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
298
309
|
}, any>;
|
|
299
310
|
}>;
|
|
300
311
|
}>>;
|
|
301
|
-
readonly themeOverrides:
|
|
312
|
+
readonly themeOverrides: PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Ellipsis", unknown, {
|
|
302
313
|
Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
|
|
303
314
|
borderRadius: string;
|
|
304
315
|
boxShadow: string;
|
|
@@ -322,7 +333,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
322
333
|
}, any>;
|
|
323
334
|
}>;
|
|
324
335
|
}>>>;
|
|
325
|
-
readonly builtinThemeOverrides:
|
|
336
|
+
readonly builtinThemeOverrides: PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Ellipsis", unknown, {
|
|
326
337
|
Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
|
|
327
338
|
borderRadius: string;
|
|
328
339
|
boxShadow: string;
|
|
@@ -357,7 +368,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
357
368
|
width: {
|
|
358
369
|
type: NumberConstructor;
|
|
359
370
|
};
|
|
371
|
+
contentStyle: {
|
|
372
|
+
type: PropType<CSSProperties>;
|
|
373
|
+
default: () => {};
|
|
374
|
+
};
|
|
360
375
|
}>>, {
|
|
376
|
+
contentStyle: CSSProperties;
|
|
361
377
|
content: string;
|
|
362
378
|
}>;
|
|
363
379
|
export default _default;
|
|
@@ -6,7 +6,8 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
6
6
|
__name: "HiddenContent",
|
|
7
7
|
props: {
|
|
8
8
|
content: { type: String, default: "" },
|
|
9
|
-
width: { type: Number }
|
|
9
|
+
width: { type: Number },
|
|
10
|
+
contentStyle: { type: Object, default: () => ({}) }
|
|
10
11
|
},
|
|
11
12
|
setup(__props) {
|
|
12
13
|
const props = __props;
|
|
@@ -18,10 +19,11 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
18
19
|
const width = props.width + "px";
|
|
19
20
|
return { maxWidth: width, width };
|
|
20
21
|
});
|
|
21
|
-
const
|
|
22
|
+
const parsedContentStyle = computed(() => {
|
|
22
23
|
if (!props.width)
|
|
23
24
|
return "";
|
|
24
|
-
|
|
25
|
+
const maxWidth = props.width - 40 + "px";
|
|
26
|
+
return Object.assign({}, props.contentStyle, { maxWidth });
|
|
25
27
|
});
|
|
26
28
|
const displayContent = computed(() => {
|
|
27
29
|
const { content } = props;
|
|
@@ -41,7 +43,7 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
41
43
|
}, [
|
|
42
44
|
createElementVNode("div", _hoisted_1, [
|
|
43
45
|
createVNode(unref(NEllipsis), {
|
|
44
|
-
style: normalizeStyle(
|
|
46
|
+
style: normalizeStyle(unref(parsedContentStyle))
|
|
45
47
|
}, {
|
|
46
48
|
default: withCtx(() => [
|
|
47
49
|
createTextVNode(toDisplayString(unref(displayContent)), 1)
|
|
@@ -98,7 +98,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
98
98
|
color: string;
|
|
99
99
|
textColor: string;
|
|
100
100
|
};
|
|
101
|
-
|
|
101
|
+
getDescriptionItemStyle: ({ bold, contentStyle }?: AnyObject) => CSSProperties;
|
|
102
|
+
getEllipsisStyle: (index: number, { bold, contentStyle }?: AnyObject) => CSSProperties;
|
|
102
103
|
needHidden: (item: AnyObject) => boolean;
|
|
103
104
|
infoRef: import("vue").Ref<HTMLElement | undefined>;
|
|
104
105
|
columnNum: import("vue").Ref<number>;
|
|
@@ -1431,6 +1432,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1431
1432
|
width: {
|
|
1432
1433
|
type: NumberConstructor;
|
|
1433
1434
|
};
|
|
1435
|
+
contentStyle: {
|
|
1436
|
+
type: PropType<CSSProperties>;
|
|
1437
|
+
default: () => {};
|
|
1438
|
+
};
|
|
1434
1439
|
}, {
|
|
1435
1440
|
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
|
|
1436
1441
|
content: {
|
|
@@ -1440,6 +1445,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1440
1445
|
width: {
|
|
1441
1446
|
type: NumberConstructor;
|
|
1442
1447
|
};
|
|
1448
|
+
contentStyle: {
|
|
1449
|
+
type: PropType<CSSProperties>;
|
|
1450
|
+
default: () => {};
|
|
1451
|
+
};
|
|
1443
1452
|
}>> & {
|
|
1444
1453
|
[x: `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
|
|
1445
1454
|
}>>;
|
|
@@ -1449,7 +1458,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1449
1458
|
maxWidth: string;
|
|
1450
1459
|
width: string;
|
|
1451
1460
|
}>;
|
|
1452
|
-
|
|
1461
|
+
parsedContentStyle: import("vue").ComputedRef<"" | (CSSProperties & {
|
|
1462
|
+
maxWidth: string;
|
|
1463
|
+
})>;
|
|
1453
1464
|
displayContent: import("vue").ComputedRef<string>;
|
|
1454
1465
|
NEllipsis: import("vue").DefineComponent<{
|
|
1455
1466
|
readonly expandTrigger: PropType<"click">;
|
|
@@ -1782,7 +1793,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1782
1793
|
width: {
|
|
1783
1794
|
type: NumberConstructor;
|
|
1784
1795
|
};
|
|
1796
|
+
contentStyle: {
|
|
1797
|
+
type: PropType<CSSProperties>;
|
|
1798
|
+
default: () => {};
|
|
1799
|
+
};
|
|
1785
1800
|
}>>, {
|
|
1801
|
+
contentStyle: CSSProperties;
|
|
1786
1802
|
content: string;
|
|
1787
1803
|
}>;
|
|
1788
1804
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("openPatientInfo" | "fieldSet" | "update:compact")[], "openPatientInfo" | "fieldSet" | "update:compact", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -62,9 +62,12 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
62
62
|
textColor: type === "warning" ? "#ffffff" : "#2563F4"
|
|
63
63
|
};
|
|
64
64
|
}
|
|
65
|
-
function
|
|
65
|
+
function getDescriptionItemStyle({ bold = true, contentStyle = {} } = {}) {
|
|
66
|
+
return { fontWeight: bold ? 700 : 500, ...contentStyle };
|
|
67
|
+
}
|
|
68
|
+
function getEllipsisStyle(index, { bold = true, contentStyle = {} } = {}) {
|
|
66
69
|
const width = descriptionWidthList.value[index] + "px";
|
|
67
|
-
return { width, maxWidth: width };
|
|
70
|
+
return { width, maxWidth: width, fontWeight: bold ? 700 : 500, ...contentStyle };
|
|
68
71
|
}
|
|
69
72
|
function needHidden(item) {
|
|
70
73
|
return ["\u7535\u8BDD", "\u8EAB\u4EFD\u8BC1"].some((key) => {
|
|
@@ -162,14 +165,16 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
162
165
|
renderer: item.slot,
|
|
163
166
|
"root-slots": _ctx.$slots,
|
|
164
167
|
item,
|
|
168
|
+
style: normalizeStyle(getDescriptionItemStyle(item)),
|
|
165
169
|
width: descriptionWidthList.value[index]
|
|
166
|
-
}, null, 8, ["renderer", "root-slots", "item", "width"])) : needHidden(item) ? (openBlock(), createBlock(script$1, {
|
|
170
|
+
}, null, 8, ["renderer", "root-slots", "item", "style", "width"])) : needHidden(item) ? (openBlock(), createBlock(script$1, {
|
|
167
171
|
key: 1,
|
|
168
172
|
content: item[__props.valueField],
|
|
173
|
+
"content-style": getDescriptionItemStyle(item),
|
|
169
174
|
width: descriptionWidthList.value[index]
|
|
170
|
-
}, null, 8, ["content", "width"])) : (openBlock(), createBlock(unref(NEllipsis), {
|
|
175
|
+
}, null, 8, ["content", "content-style", "width"])) : (openBlock(), createBlock(unref(NEllipsis), {
|
|
171
176
|
key: 2,
|
|
172
|
-
style: normalizeStyle(getEllipsisStyle(index))
|
|
177
|
+
style: normalizeStyle(getEllipsisStyle(index, item))
|
|
173
178
|
}, {
|
|
174
179
|
default: withCtx(() => {
|
|
175
180
|
var _a;
|
|
@@ -80,9 +80,6 @@
|
|
|
80
80
|
vertical-align: middle !important;
|
|
81
81
|
max-width: calc(var(--column-width) * 1px);
|
|
82
82
|
}
|
|
83
|
-
.c-info-header__info .n-descriptions-table-content__content {
|
|
84
|
-
font-weight: 700;
|
|
85
|
-
}
|
|
86
83
|
.c-info-header__info .n-descriptions-table-content__label {
|
|
87
84
|
display: inline-block;
|
|
88
85
|
}
|
package/es/src/utils/anime.mjs
CHANGED
|
@@ -105,7 +105,7 @@ const doAnimation = (startValue, endValue, during = 1e3, callback, type = "easeI
|
|
|
105
105
|
const changeValue = endValue - startValue;
|
|
106
106
|
const updateTime = 1e3 / 60;
|
|
107
107
|
const updateCount = during / updateTime;
|
|
108
|
-
const rAF =
|
|
108
|
+
const rAF = requestAnimationFrame || function(cb) {
|
|
109
109
|
setTimeout(cb, updateTime);
|
|
110
110
|
};
|
|
111
111
|
const startPosition = 0;
|