naive-ui 2.23.0 → 2.23.1

package/es/upload/src/styles/index.cssr.js

@@ -4,33 +4,33 @@ import createIconSwitchTransition from '../../../_styles/transitions/icon-switch
 export default c([cB('upload', 'width: 100%;', [cM('dragger-inside', [cE('trigger', `
  display: block;
  `)]), cM('drag-over', [cB('upload-dragger', `
- border: var(--dragger-border-hover);
+ border: var(--n-dragger-border-hover);
  `)])]), cB('upload-dragger', `
  cursor: pointer;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
- border-radius: var(--border-radius);
+ border-radius: var(--n-border-radius);
  padding: 24px;
  opacity: 1;
  transition:
- opacity .3s var(--bezier),
- border-color .3s var(--bezier),
- background-color .3s var(--bezier);
- background-color: var(--dragger-color);
- border: var(--dragger-border);
+ opacity .3s var(--n-bezier),
+ border-color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier);
+ background-color: var(--n-dragger-color);
+ border: var(--n-dragger-border);
  `, [c('&:hover', `
- border: var(--dragger-border-hover);
+ border: var(--n-dragger-border-hover);
  `), cM('disabled', `
- opacity: var(--item-disabled-opacity);
+ opacity: var(--n-item-disabled-opacity);
  cursor: not-allowed;
  `)]), cB('upload-trigger', `
  display: inline-block;
  box-sizing: border-box;
  opacity: 1;
- transition: opacity .3s var(--bezier);
+ transition: opacity .3s var(--n-bezier);
  `, [c('+', [cB('upload-file-list', 'margin-top: 8px;')]), cM('disabled', `
- opacity: var(--item-disabled-opacity);
+ opacity: var(--n-item-disabled-opacity);
  cursor: not-allowed;
  `), cM('image-card', `
  width: 96px;
@@ -45,11 +45,11 @@ export default c([cB('upload', 'width: 100%;', [cM('dragger-inside', [cE('trigge
  align-items: center;
  justify-content: center;
  `)])]), cB('upload-file-list', `
- line-height: var(--line-height);
+ line-height: var(--n-line-height);
  opacity: 1;
- transition: opacity .3s var(--bezier);
+ transition: opacity .3s var(--n-bezier);
  `, [cM('disabled', `
- opacity: var(--item-disabled-opacity);
+ opacity: var(--n-item-disabled-opacity);
  cursor: not-allowed;
  `, [cB('upload-file', 'cursor: not-allowed;')]), cM('grid', `
  display: grid;
@@ -61,16 +61,16 @@ export default c([cB('upload', 'width: 100%;', [cM('dragger-inside', [cE('trigge
  box-sizing: border-box;
  cursor: default;
  padding: 0px 12px 0 6px;
- transition: background-color .3s var(--bezier);
- border-radius: var(--border-radius);
+ transition: background-color .3s var(--n-bezier);
+ border-radius: var(--n-border-radius);
  `, [fadeInHeightExpand(), cB('progress', [fadeInHeightExpand({
   foldPadding: true
 })]), c('&:hover', `
- background-color: var(--item-color-hover);
+ background-color: var(--n-item-color-hover);
  `, [cB('upload-file-info', [cE('action', `
  opacity: 1;
  `)])]), cM('image-type', `
- border-radius: var(--border-radius);
+ border-radius: var(--n-border-radius);
  text-decoration: underline;
  text-decoration-color: #0000;
  `, [cB('upload-file-info', `
@@ -104,14 +104,14 @@ export default c([cB('upload', 'width: 100%;', [cM('dragger-inside', [cE('trigge
  position: relative;
  width: 96px;
  height: 96px;
- border: var(--item-border-image-card);
- border-radius: var(--border-radius);
+ border: var(--n-item-border-image-card);
+ border-radius: var(--n-border-radius);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
- transition: border-color .3s var(--bezier), background-color .3s var(--bezier);
- border-radius: var(--border-radius);
+ transition: border-color .3s var(--n-bezier), background-color .3s var(--n-bezier);
+ border-radius: var(--n-border-radius);
  `, [cB('progress', `
  position: absolute;
  left: 8px;
@@ -141,17 +141,17 @@ export default c([cB('upload', 'width: 100%;', [cM('dragger-inside', [cE('trigge
  bottom: 0;
  border-radius: inherit;
  opacity: 0;
- transition: opacity .2s var(--bezier);
+ transition: opacity .2s var(--n-bezier);
  content: "";
  `), c('&:hover', [c('&::before', 'opacity: 1;'), cB('upload-file-info', [cE('thumbnail', 'opacity: .12;')])])]), cM('error-status', [c('&:hover', `
- background-color: var(--item-color-hover-error);
- `), cB('upload-file-info', [cE('name', 'color: var(--item-text-color-error);'), cE('thumbnail', 'color: var(--item-text-color-error);')]), cM('image-card-type', `
- border: var(--item-border-image-card-error);
+ background-color: var(--n-item-color-hover-error);
+ `), cB('upload-file-info', [cE('name', 'color: var(--n-item-text-color-error);'), cE('thumbnail', 'color: var(--n-item-text-color-error);')]), cM('image-card-type', `
+ border: var(--n-item-border-image-card-error);
  `)]), cM('with-url', `
  cursor: pointer;
  `, [cB('upload-file-info', [cE('name', `
- color: var(--item-text-color-success);
- text-decoration-color: var(--item-text-color-success);
+ color: var(--n-item-text-color-success);
+ text-decoration-color: var(--n-item-text-color-success);
  `, [c('a', `
  text-decoration: underline;
  `)])])]), cB('upload-file-info', `
@@ -163,12 +163,12 @@ export default c([cB('upload', 'width: 100%;', [cM('dragger-inside', [cE('trigge
  `, [cE('thumbnail', `
  font-size: 18px;
  opacity: 1;
- transition: opacity .2s var(--bezier);
- color: var(--item-icon-color);
+ transition: opacity .2s var(--n-bezier);
+ color: var(--n-item-icon-color);
  `, [cB('base-icon', `
  margin-right: 2px;
  vertical-align: middle;
- transition: color .3s var(--bezier);
+ transition: color .3s var(--n-bezier);
  `)]), cE('action', `
  padding-top: inherit;
  padding-bottom: inherit;
@@ -179,7 +179,7 @@ export default c([cB('upload', 'width: 100%;', [cM('dragger-inside', [cE('trigge
  width: 80px;
  display: flex;
  align-items: center;
- transition: opacity .2s var(--bezier);
+ transition: opacity .2s var(--n-bezier);
  justify-content: flex-end;
  opacity: 0;
  `, [cB('button', [c('&:not(:last-child)', {
@@ -201,7 +201,7 @@ export default c([cB('upload', 'width: 100%;', [cM('dragger-inside', [cE('trigge
  justify-content: center;
  align-items: center;
  `)]), cE('name', `
- color: var(--item-text-color);
+ color: var(--n-item-text-color);
  flex: 1;
  display: flex;
  justify-content: center;
@@ -209,10 +209,10 @@ export default c([cB('upload', 'width: 100%;', [cM('dragger-inside', [cE('trigge
  overflow: hidden;
  flex-direction: column;
  text-decoration-color: #0000;
- font-size: var(--font-size);
+ font-size: var(--n-font-size);
  transition:
- color .3s var(--bezier),
- text-decoration-color .3s var(--bezier); 
+ color .3s var(--n-bezier),
+ text-decoration-color .3s var(--n-bezier); 
  `, [c('a', `
  color: inherit;
  text-decoration: underline;

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.23.0";
+declare const _default: "2.23.1";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '2.23.0';
+export default '2.23.1';

package/lib/_utils/composable/use-houdini.js

@@ -1,14 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useHoudini = void 0;
-const vue_1 = require("vue");
 let houdiniRegistered = false;
 function useHoudini() {
-    (0, vue_1.onBeforeMount)(() => {
-        var _a;
-        if (!houdiniRegistered) {
-            houdiniRegistered = true;
-            if ((_a = window === null || window === void 0 ? void 0 : window.CSS) === null || _a === void 0 ? void 0 : _a.registerProperty) {
+    if (typeof window === 'undefined')
+        return;
+    if (!window.CSS)
+        return;
+    if (!houdiniRegistered) {
+        houdiniRegistered = true;
+        if ('registerProperty' in (window === null || window === void 0 ? void 0 : window.CSS)) {
+            try {
                 ;
                 CSS.registerProperty({
                     name: '--color-start',
@@ -23,7 +25,8 @@ function useHoudini() {
                     initialValue: '#0000'
                 });
             }
+            catch (e) { }
         }
-    });
+    }
 }
 exports.useHoudini = useHoudini;

package/lib/auto-complete/src/AutoComplete.d.ts

@@ -1072,8 +1072,8 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>;
     cssVars: import("vue").ComputedRef<{
-        '--menu-box-shadow': string;
-        '--bezier': string;
+        '--n-menu-box-shadow': string;
+        '--n-bezier': string;
     }>;
     mergedBordered: import("vue").ComputedRef<boolean>;
     namespace: import("vue").ComputedRef<string | undefined>;

package/lib/auto-complete/src/AutoComplete.js

@@ -211,8 +211,8 @@ exports.default = (0, vue_1.defineComponent)({
             cssVars: (0, vue_1.computed)(() => {
                 const { common: { cubicBezierEaseInOut }, self: { menuBoxShadow } } = themeRef.value;
                 return {
-                    '--menu-box-shadow': menuBoxShadow,
-                    '--bezier': cubicBezierEaseInOut
+                    '--n-menu-box-shadow': menuBoxShadow,
+                    '--n-bezier': cubicBezierEaseInOut
                 };
             }),
             mergedBordered: mergedBorderedRef,

package/lib/auto-complete/src/styles/index.cssr.js

@@ -13,8 +13,8 @@ Object.defineProperty(exports, "__esModule", {
 const cssr_1 = require("../../../_utils/cssr");
 
 const fade_in_scale_up_cssr_1 = __importDefault(require("../../../_styles/transitions/fade-in-scale-up.cssr")); // vars:
-// --bezier
-// --menu-box-shadow
+// --n-bezier
+// --n-menu-box-shadow
 
 
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('auto-complete', `
@@ -24,7 +24,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('auto-complete', `
  width: 100%;
  `), (0, cssr_1.cB)('auto-complete-menu', `
  margin: 4px 0;
- box-shadow: var(--menu-box-shadow);
+ box-shadow: var(--n-menu-box-shadow);
  `, [(0, fade_in_scale_up_cssr_1.default)({
-  originalTransition: 'background-color .3s var(--bezier)'
+  originalTransition: 'background-color .3s var(--n-bezier)'
 })])]);

package/lib/avatar/src/Avatar.d.ts

@@ -101,11 +101,11 @@ declare const _default: import("vue").DefineComponent<{
     mergedClsPrefix: import("vue").ComputedRef<string>;
     fitTextTransform: () => void;
     cssVars: import("vue").ComputedRef<{
-        '--font-size': string;
-        '--border-radius': string;
-        '--color': string;
-        '--bezier': string;
-        '--merged-size': string;
+        '--n-font-size': string;
+        '--n-border-radius': string;
+        '--n-color': string;
+        '--n-bezier': string;
+        '--n-merged-size': string;
     }>;
     hasLoadError: import("vue").Ref<boolean>;
     handleError: (e: Event) => void;

package/lib/avatar/src/Avatar.js

@@ -79,11 +79,11 @@ exports.default = (0, vue_1.defineComponent)({
                     height = themeRef.value.self[(0, _utils_1.createKey)('height', size)];
                 }
                 return {
-                    '--font-size': fontSize,
-                    '--border-radius': mergedRoundRef.value ? '50%' : borderRadius,
-                    '--color': propColor || color,
-                    '--bezier': cubicBezierEaseInOut,
-                    '--merged-size': `var(--avatar-size-override, ${height})`
+                    '--n-font-size': fontSize,
+                    '--n-border-radius': mergedRoundRef.value ? '50%' : borderRadius,
+                    '--n-color': propColor || color,
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-merged-size': `var(--n-avatar-size-override, ${height})`
                 };
             }),
             hasLoadError: hasLoadErrorRef,

package/lib/avatar/src/styles/index.cssr.js

@@ -5,27 +5,27 @@ Object.defineProperty(exports, "__esModule", {
 });
 
 const cssr_1 = require("../../../_utils/cssr"); // vars:
-// --font-size
-// --border-radius
-// --color
-// --bezier
-// --merged-size
+// --n-font-size
+// --n-border-radius
+// --n-color
+// --n-bezier
+// --n-merged-size
 
 
 exports.default = (0, cssr_1.cB)('avatar', `
- width: var(--merged-size);
- height: var(--merged-size);
+ width: var(--n-merged-size);
+ height: var(--n-merged-size);
  color: #FFF;
- font-size: var(--font-size);
+ font-size: var(--n-font-size);
  display: inline-flex;
  position: relative;
  overflow: hidden;
  text-align: center;
- border-radius: var(--border-radius);
- background-color: var(--color);
+ border-radius: var(--n-border-radius);
+ background-color: var(--n-color);
  transition:
- background-color .3s var(--bezier),
- color .3s var(--bezier);
+ background-color .3s var(--n-bezier),
+ color .3s var(--n-bezier);
 `, [(0, cssr_1.c)('img', `
  width: 100%;
  height: 100%;
@@ -37,5 +37,5 @@ exports.default = (0, cssr_1.cB)('avatar', `
  top: 50%;
  `), (0, cssr_1.cB)('icon', `
  vertical-align: bottom;
- font-size: calc(var(--merged-size) - 6px);
+ font-size: calc(var(--n-merged-size) - 6px);
  `), (0, cssr_1.cE)('text', 'line-height: 1.25')]);

package/lib/back-top/src/BackTop.d.ts

@@ -185,19 +185,19 @@ declare const _default: import("vue").DefineComponent<{
     handleScroll: () => void;
     handleClick: (e: MouseEvent) => void;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--border-radius': string;
-        '--height': string;
-        '--width': string;
-        '--box-shadow': string;
-        '--box-shadow-hover': string;
-        '--box-shadow-pressed': string;
-        '--color': string;
-        '--icon-size': string;
-        '--icon-color': string;
-        '--icon-color-hover': string;
-        '--icon-color-pressed': string;
-        '--text-color': string;
+        '--n-bezier': string;
+        '--n-border-radius': string;
+        '--n-height': string;
+        '--n-width': string;
+        '--n-box-shadow': string;
+        '--n-box-shadow-hover': string;
+        '--n-box-shadow-pressed': string;
+        '--n-color': string;
+        '--n-icon-size': string;
+        '--n-icon-color': string;
+        '--n-icon-color-hover': string;
+        '--n-icon-color-pressed': string;
+        '--n-text-color': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly show?: unknown;

package/lib/back-top/src/BackTop.js

@@ -178,19 +178,19 @@ exports.default = (0, vue_1.defineComponent)({
             cssVars: (0, vue_1.computed)(() => {
                 const { self: { color, boxShadow, boxShadowHover, boxShadowPressed, iconColor, iconColorHover, iconColorPressed, width, height, iconSize, borderRadius, textColor }, common: { cubicBezierEaseInOut } } = themeRef.value;
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--border-radius': borderRadius,
-                    '--height': height,
-                    '--width': width,
-                    '--box-shadow': boxShadow,
-                    '--box-shadow-hover': boxShadowHover,
-                    '--box-shadow-pressed': boxShadowPressed,
-                    '--color': color,
-                    '--icon-size': iconSize,
-                    '--icon-color': iconColor,
-                    '--icon-color-hover': iconColorHover,
-                    '--icon-color-pressed': iconColorPressed,
-                    '--text-color': textColor
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-border-radius': borderRadius,
+                    '--n-height': height,
+                    '--n-width': width,
+                    '--n-box-shadow': boxShadow,
+                    '--n-box-shadow-hover': boxShadowHover,
+                    '--n-box-shadow-pressed': boxShadowPressed,
+                    '--n-color': color,
+                    '--n-icon-size': iconSize,
+                    '--n-icon-color': iconColor,
+                    '--n-icon-color-hover': iconColorHover,
+                    '--n-icon-color-pressed': iconColorPressed,
+                    '--n-text-color': textColor
                 };
             })
         };

package/lib/back-top/src/styles/index.cssr.js

@@ -13,19 +13,19 @@ Object.defineProperty(exports, "__esModule", {
 const cssr_1 = require("../../../_utils/cssr");
 
 const fade_in_scale_up_cssr_1 = __importDefault(require("../../../_styles/transitions/fade-in-scale-up.cssr")); // vars:
-// --bezier
-// --border-radius
-// --height
-// --width
-// --box-shadow
-// --box-shadow-hover
-// --box-shadow-pressed
-// --color
-// --icon-size
-// --icon-color
-// --icon-color-hover
-// --icon-color-pressed
-// --text-color
+// --n-bezier
+// --n-border-radius
+// --n-height
+// --n-width
+// --n-box-shadow
+// --n-box-shadow-hover
+// --n-box-shadow-pressed
+// --n-color
+// --n-icon-size
+// --n-icon-color
+// --n-icon-color-hover
+// --n-icon-color-pressed
+// --n-text-color
 
 
 exports.default = (0, cssr_1.cB)('back-top', `
@@ -36,30 +36,30 @@ exports.default = (0, cssr_1.cB)('back-top', `
  display: flex;
  align-items: center;
  justify-content: center;
- color: var(--text-color);
+ color: var(--n-text-color);
  transition:
- color .3s var(--bezier),
- box-shadow .3s var(--bezier),
- background-color .3s var(--bezier);
- border-radius: var(--border-radius);
- height: var(--height);
- min-width: var(--width);
- box-shadow: var(--box-shadow);
- background-color: var(--color);
+ color .3s var(--n-bezier),
+ box-shadow .3s var(--n-bezier),
+ background-color .3s var(--n-bezier);
+ border-radius: var(--n-border-radius);
+ height: var(--n-height);
+ min-width: var(--n-width);
+ box-shadow: var(--n-box-shadow);
+ background-color: var(--n-color);
 `, [(0, fade_in_scale_up_cssr_1.default)(), (0, cssr_1.cM)('transition-disabled', {
   transition: 'none !important'
 }), (0, cssr_1.cB)('base-icon', `
- font-size: var(--icon-size);
- color: var(--icon-color);
- transition: color .3s var(--bezier);
+ font-size: var(--n-icon-size);
+ color: var(--n-icon-color);
+ transition: color .3s var(--n-bezier);
  `), (0, cssr_1.c)('svg', {
   pointerEvents: 'none'
 }), (0, cssr_1.c)('&:hover', {
-  boxShadow: 'var(--box-shadow-hover)'
+  boxShadow: 'var(--n-box-shadow-hover)'
 }, [(0, cssr_1.cB)('base-icon', {
-  color: 'var(--icon-color-hover)'
+  color: 'var(--n-icon-color-hover)'
 })]), (0, cssr_1.c)('&:active', {
-  boxShadow: 'var(--box-shadow-pressed)'
+  boxShadow: 'var(--n-box-shadow-pressed)'
 }, [(0, cssr_1.cB)('base-icon', {
-  color: 'var(--icon-color-pressed)'
+  color: 'var(--n-icon-color-pressed)'
 })])]);

package/lib/data-table/src/TableParts/Cell.js

@@ -38,10 +38,9 @@ exports.default = (0, vue_1.defineComponent)({
                 cell = (0, lodash_1.get)(row, key);
             }
         }
-        const tooltip = typeof ellipsis === 'object' ? ellipsis.tooltip : undefined;
-        if (tooltip) {
+        if (ellipsis && typeof ellipsis === 'object') {
             const { mergedTheme } = this;
-            return ((0, vue_1.h)(ellipsis_1.NEllipsis, { tooltip: tooltip, theme: mergedTheme.peers.Ellipsis, themeOverrides: mergedTheme.peerOverrides.Ellipsis }, { default: () => cell }));
+            return ((0, vue_1.h)(ellipsis_1.NEllipsis, Object.assign({}, ellipsis, { theme: mergedTheme.peers.Ellipsis, themeOverrides: mergedTheme.peerOverrides.Ellipsis }), { default: () => cell }));
         }
         return cell;
     }

package/lib/data-table/src/TableParts/Header.js

@@ -110,7 +110,7 @@ exports.default = (0, vue_1.defineComponent)({
                     column.type === 'selection' ? ((0, vue_1.h)(vue_1.Fragment, null,
                         (0, vue_1.h)(checkbox_1.NCheckbox, { key: currentPage, privateInsideTable: true, checked: allRowsChecked, indeterminate: someRowsChecked, disabled: headerCheckboxDisabled, onUpdateChecked: handleCheckboxUpdateChecked }),
                         checkOptions ? ((0, vue_1.h)(SelectionMenu_1.default, { clsPrefix: mergedClsPrefix })) : null)) : ellipsis === true || (ellipsis && !ellipsis.tooltip) ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-data-table-th__ellipsis` }, renderTitle(column))) // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
-                        : ellipsis && ellipsis.tooltip ? ((0, vue_1.h)(ellipsis_1.NEllipsis, { tooltip: ellipsis.tooltip, theme: mergedTheme.peers.Ellipsis, themeOverrides: mergedTheme.peerOverrides.Ellipsis }, {
+                        : ellipsis && typeof ellipsis === 'object' ? ((0, vue_1.h)(ellipsis_1.NEllipsis, Object.assign({}, ellipsis, { theme: mergedTheme.peers.Ellipsis, themeOverrides: mergedTheme.peerOverrides.Ellipsis }), {
                             default: () => renderTitle(column)
                         })) : (renderTitle(column)),
                     (0, utils_1.isColumnSortable)(column) ? ((0, vue_1.h)(SortButton_1.default, { column: column })) : null,

package/lib/date-picker/src/panel/date.d.ts

@@ -4,13 +4,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => string[];
     };
     readonly active: BooleanConstructor;
-    readonly dateFormat: {
-        readonly type: StringConstructor;
-        readonly default: "yyyy-MM-dd";
-    };
+    readonly dateFormat: StringConstructor;
     readonly timeFormat: {
         readonly type: StringConstructor;
-        readonly default: "HH:mm:ss";
+        readonly value: "HH:mm:ss";
     };
     readonly value: {
         readonly type: import("vue").PropType<import("../interface").Value | null>;
@@ -1149,22 +1146,20 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     value: import("../interface").Value | null;
     active: boolean;
-    dateFormat: string;
     onUpdateValue: import("../interface").OnPanelUpdateValue;
     actions: string[];
-    timeFormat: string;
 } & {
+    dateFormat?: string | undefined;
     onTabOut?: Function | undefined;
     onClose?: import("../interface").OnClose | undefined;
     onConfirm?: Function | undefined;
     defaultTime?: import("../interface").DefaultTime | undefined;
+    timeFormat?: string | undefined;
     shortcuts?: import("../interface").Shortcuts | undefined;
 }>, {
     value: import("../interface").Value | null;
     active: boolean;
-    dateFormat: string;
     actions: string[];
-    timeFormat: string;
 }>;
 /**
  * Date Panel

package/lib/date-picker/src/panel/daterange.d.ts

@@ -4,13 +4,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => string[];
     };
     readonly active: BooleanConstructor;
-    readonly dateFormat: {
-        readonly type: StringConstructor;
-        readonly default: "yyyy-MM-dd";
-    };
+    readonly dateFormat: StringConstructor;
     readonly timeFormat: {
         readonly type: StringConstructor;
-        readonly default: "HH:mm:ss";
+        readonly value: "HH:mm:ss";
     };
     readonly value: {
         readonly type: import("vue").PropType<import("../interface").Value | null>;
@@ -1148,21 +1145,19 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     value: import("../interface").Value | null;
     active: boolean;
-    dateFormat: string;
     onUpdateValue: import("../interface").OnPanelUpdateValue;
     actions: unknown[];
-    timeFormat: string;
 } & {
+    dateFormat?: string | undefined;
     onTabOut?: Function | undefined;
     onClose?: import("../interface").OnClose | undefined;
     onConfirm?: Function | undefined;
     defaultTime?: import("../interface").DefaultTime | undefined;
+    timeFormat?: string | undefined;
     shortcuts?: import("../interface").Shortcuts | undefined;
 }>, {
     value: import("../interface").Value | null;
     active: boolean;
-    dateFormat: string;
     actions: unknown[];
-    timeFormat: string;
 }>;
 export default _default;

package/lib/date-picker/src/panel/datetime.d.ts

@@ -4,13 +4,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => string[];
     };
     readonly active: BooleanConstructor;
-    readonly dateFormat: {
-        readonly type: StringConstructor;
-        readonly default: "yyyy-MM-dd";
-    };
+    readonly dateFormat: StringConstructor;
     readonly timeFormat: {
         readonly type: StringConstructor;
-        readonly default: "HH:mm:ss";
+        readonly value: "HH:mm:ss";
     };
     readonly value: {
         readonly type: import("vue").PropType<import("../interface").Value | null>;
@@ -1149,22 +1146,20 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     value: import("../interface").Value | null;
     active: boolean;
-    dateFormat: string;
     onUpdateValue: import("../interface").OnPanelUpdateValue;
     actions: string[];
-    timeFormat: string;
 } & {
+    dateFormat?: string | undefined;
     onTabOut?: Function | undefined;
     onClose?: import("../interface").OnClose | undefined;
     onConfirm?: Function | undefined;
     defaultTime?: import("../interface").DefaultTime | undefined;
+    timeFormat?: string | undefined;
     shortcuts?: import("../interface").Shortcuts | undefined;
 }>, {
     value: import("../interface").Value | null;
     active: boolean;
-    dateFormat: string;
     actions: string[];
-    timeFormat: string;
 }>;
 /**
  * DateTime Panel