cnhis-design-vue 3.4.0-beta.3 → 3.4.0-beta.7

package/es/components/table-filter/src/hooks/useRenderWidget.js

@@ -8,26 +8,25 @@ function randomkey() {
     return v.toString(16);
   });
 }
-const BlockEle = [WidgetTypeEnums.CHECKBOX_GROUP, WidgetTypeEnums.DATE, WidgetTypeEnums.DATE_TIME, WidgetTypeEnums.DATE_RANGE_INNER, WidgetTypeEnums.DATETIME_RANGE_INNER, WidgetTypeEnums.LABEL];
+const BlockEle = [
+  WidgetTypeEnums.CHECKBOX_GROUP,
+  WidgetTypeEnums.DATE,
+  WidgetTypeEnums.DATE_TIME,
+  WidgetTypeEnums.DATE_RANGE_INNER,
+  WidgetTypeEnums.DATETIME_RANGE_INNER,
+  WidgetTypeEnums.LABEL
+];
 function useRenderWidget() {
   function isRenderFunc(cfg) {
     var _a;
     return (_a = cfg.widgetCfg) == null ? void 0 : _a.isRender;
   }
   async function getDefValByRenderWidget(cfg) {
-    const {
-      widgetType,
-      defaultValue,
-      defValueUnit,
-      optionSetting,
-      multiple
-    } = cfg.widgetCfg || {};
+    const { widgetType, defaultValue, defValueUnit, optionSetting, multiple } = cfg.widgetCfg || {};
     const Widget = WidgetCfgMaps.get(widgetType);
     let defVal;
     if (Widget) {
-      const {
-        setDefaultValue
-      } = Widget;
+      const { setDefaultValue } = Widget;
       if (setDefaultValue)
         defVal = await setDefaultValue(defaultValue, defValueUnit, {
           optSetting: optionSetting != null ? optionSetting : WidgetOptionEnums.ALL,
@@ -41,9 +40,7 @@ function useRenderWidget() {
     const isRender = isRenderFunc(cfg);
     if (!isRender)
       return isRender;
-    const {
-      widgetType
-    } = cfg.widgetCfg || {};
+    const { widgetType } = cfg.widgetCfg || {};
     if (!cfg._frontId)
       cfg._frontId = randomkey();
     cfg.isRender = isRender;
@@ -62,14 +59,7 @@ function useRenderWidget() {
     const isRender = isRenderFunc(cfg);
     if (!isRender)
       return null;
-    const {
-      columnName,
-      con,
-      value,
-      widgetType,
-      unit = "",
-      widgetCfg
-    } = cfg;
+    const { columnName, con, value, widgetType, unit = "", widgetCfg } = cfg;
     const val = Array.isArray(value) ? value : value ? [value] : [];
     const obj = {
       widgetType,
@@ -95,23 +85,15 @@ function useRenderWidget() {
     const isRender = isRenderFunc(cfg);
     if (!isRender)
       return null;
-    const {
-      widgetType,
-      multiple
-    } = cfg.widgetCfg || {};
-    const {
-      value
-    } = conObj;
+    const { widgetType, multiple } = cfg.widgetCfg || {};
+    const { value } = conObj;
     if ((widgetType === WidgetTypeEnums.SELECT || widgetType === WidgetTypeEnums.CHECKBOX_GROUP) && multiple) {
       return Array.isArray(value) ? value : value ? [value] : [];
     }
     return !Array.isArray(value) ? value : value[0];
   }
   function isExistDefValByRenderWidget(cfg) {
-    const {
-      defaultValue,
-      defValueUnit
-    } = cfg.widgetCfg || {};
+    const { defaultValue, defValueUnit } = cfg.widgetCfg || {};
     return !!(defaultValue || defValueUnit);
   }
   function resetRenderWidgetValue(cfg) {

package/es/components/table-filter/src/tool/baseOptions.js

@@ -1,194 +1,62 @@
+import { i18n } from '../../../../_virtual/_virtual_i18n-methods.js';
 import { DateRangeOutDefEnums } from '../components/render-widget/enums.js';
 
 const widgetDateRangeOptions = [{
-  label: function() {
-    var _a, _b, _c;
-    try {
-      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.134")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.134")) || "\u4ECA\u5929";
-    } catch (e) {
-      return "\u4ECA\u5929";
-    }
-  }(),
+  label: i18n("10010.1.134", "\u4ECA\u5929"),
   value: DateRangeOutDefEnums.TODAY
 }, {
-  label: function() {
-    var _a, _b, _c;
-    try {
-      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.300")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.300")) || "\u660E\u5929";
-    } catch (e) {
-      return "\u660E\u5929";
-    }
-  }(),
+  label: i18n("10010.1.300", "\u660E\u5929"),
   value: DateRangeOutDefEnums.TOMORROW
 }, {
-  label: function() {
-    var _a, _b, _c;
-    try {
-      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.132")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.132")) || "\u6628\u5929";
-    } catch (e) {
-      return "\u6628\u5929";
-    }
-  }(),
+  label: i18n("10010.1.132", "\u6628\u5929"),
   value: DateRangeOutDefEnums.YESTERDAY
 }, {
-  label: function() {
-    var _a, _b, _c;
-    try {
-      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.47")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.47")) || "\u672C\u5468";
-    } catch (e) {
-      return "\u672C\u5468";
-    }
-  }(),
+  label: i18n("10010.1.47", "\u672C\u5468"),
   value: DateRangeOutDefEnums.THIS_WEEK
 }, {
-  label: function() {
-    var _a, _b, _c;
-    try {
-      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.323")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.323")) || "\u4E0B\u5468";
-    } catch (e) {
-      return "\u4E0B\u5468";
-    }
-  }(),
+  label: i18n("10010.1.323", "\u4E0B\u5468"),
   value: DateRangeOutDefEnums.NEXT_WEEK
 }, {
-  label: function() {
-    var _a, _b, _c;
-    try {
-      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.324")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.324")) || "\u4E0A\u5468";
-    } catch (e) {
-      return "\u4E0A\u5468";
-    }
-  }(),
+  label: i18n("10010.1.324", "\u4E0A\u5468"),
   value: DateRangeOutDefEnums.LAST_WEEK
 }, {
-  label: function() {
-    var _a, _b, _c;
-    try {
-      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.392")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.392")) || "\u8FD1\u4E00\u5468";
-    } catch (e) {
-      return "\u8FD1\u4E00\u5468";
-    }
-  }(),
+  label: i18n("10010.1.392", "\u8FD1\u4E00\u5468"),
   value: DateRangeOutDefEnums.PAST_WEEK
 }, {
-  label: function() {
-    var _a, _b, _c;
-    try {
-      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.404")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.404")) || "\u672C\u6708";
-    } catch (e) {
-      return "\u672C\u6708";
-    }
-  }(),
+  label: i18n("10010.1.404", "\u672C\u6708"),
   value: DateRangeOutDefEnums.THIS_MONTH
 }, {
-  label: function() {
-    var _a, _b, _c;
-    try {
-      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.326")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.326")) || "\u4E0A\u6708";
-    } catch (e) {
-      return "\u4E0A\u6708";
-    }
-  }(),
+  label: i18n("10010.1.326", "\u4E0A\u6708"),
   value: DateRangeOutDefEnums.LAST_MONTH
 }, {
-  label: function() {
-    var _a, _b, _c;
-    try {
-      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.393")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.393")) || "\u8FD1\u4E00\u6708";
-    } catch (e) {
-      return "\u8FD1\u4E00\u6708";
-    }
-  }(),
+  label: i18n("10010.1.393", "\u8FD1\u4E00\u6708"),
   value: DateRangeOutDefEnums.PAST_MONTH
 }, {
-  label: function() {
-    var _a, _b, _c;
-    try {
-      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.325")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.325")) || "\u4E0B\u6708";
-    } catch (e) {
-      return "\u4E0B\u6708";
-    }
-  }(),
+  label: i18n("10010.1.325", "\u4E0B\u6708"),
   value: DateRangeOutDefEnums.NEXT_MONTH
 }, {
-  label: function() {
-    var _a, _b, _c;
-    try {
-      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.327")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.327")) || "\u672C\u5B63\u5EA6";
-    } catch (e) {
-      return "\u672C\u5B63\u5EA6";
-    }
-  }(),
+  label: i18n("10010.1.327", "\u672C\u5B63\u5EA6"),
   value: DateRangeOutDefEnums.THIS_QUARTER
 }, {
-  label: function() {
-    var _a, _b, _c;
-    try {
-      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.329")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.329")) || "\u4E0A\u5B63\u5EA6";
-    } catch (e) {
-      return "\u4E0A\u5B63\u5EA6";
-    }
-  }(),
+  label: i18n("10010.1.329", "\u4E0A\u5B63\u5EA6"),
   value: DateRangeOutDefEnums.LAST_QUARTER
 }, {
-  label: function() {
-    var _a, _b, _c;
-    try {
-      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.328")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.328")) || "\u4E0B\u5B63\u5EA6";
-    } catch (e) {
-      return "\u4E0B\u5B63\u5EA6";
-    }
-  }(),
+  label: i18n("10010.1.328", "\u4E0B\u5B63\u5EA6"),
   value: DateRangeOutDefEnums.NEXT_QUARTER
 }, {
-  label: function() {
-    var _a, _b, _c;
-    try {
-      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.330")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.330")) || "\u672C\u5E74";
-    } catch (e) {
-      return "\u672C\u5E74";
-    }
-  }(),
+  label: i18n("10010.1.330", "\u672C\u5E74"),
   value: DateRangeOutDefEnums.THIS_YEAR
 }, {
-  label: function() {
-    var _a, _b, _c;
-    try {
-      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.358")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.358")) || "\u4E0A\u5E74";
-    } catch (e) {
-      return "\u4E0A\u5E74";
-    }
-  }(),
+  label: i18n("10010.1.358", "\u4E0A\u5E74"),
   value: DateRangeOutDefEnums.LAST_YEAR
 }, {
-  label: function() {
-    var _a, _b, _c;
-    try {
-      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.331")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.331")) || "\u4E0B\u5E74";
-    } catch (e) {
-      return "\u4E0B\u5E74";
-    }
-  }(),
+  label: i18n("10010.1.331", "\u4E0B\u5E74"),
   value: DateRangeOutDefEnums.NEXT_YEAR
 }, {
-  label: function() {
-    var _a, _b, _c;
-    try {
-      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.397")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.397")) || "\u8FD1\u534A\u5E74";
-    } catch (e) {
-      return "\u8FD1\u534A\u5E74";
-    }
-  }(),
+  label: i18n("10010.1.397", "\u8FD1\u534A\u5E74"),
   value: DateRangeOutDefEnums.PAST_HALF_YEAR
 }, {
-  label: function() {
-    var _a, _b, _c;
-    try {
-      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.667")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.667")) || "\u8FD1\u4E00\u5E74";
-    } catch (e) {
-      return "\u8FD1\u4E00\u5E74";
-    }
-  }(),
+  label: i18n("10010.1.667", "\u8FD1\u4E00\u5E74"),
   value: DateRangeOutDefEnums.PAST_YEAR
 }];
 

package/es/components/table-filter/src/tool/date.js

@@ -22,7 +22,9 @@ function parseExpressions(expressions, format) {
       if (typeof result === "number" && !isNaN(result)) {
         return moment(Math.floor(result)).format(format);
       } else {
-        console.warn(`parseExpressions: \u7D22\u5F15 ${index} \u7684\u8868\u8FBE\u5F0F "${exprStr}" \u6267\u884C\u7ED3\u679C\u4E0D\u662F\u6709\u6548\u6570\u5B57`);
+        console.warn(
+          `parseExpressions: \u7D22\u5F15 ${index} \u7684\u8868\u8FBE\u5F0F "${exprStr}" \u6267\u884C\u7ED3\u679C\u4E0D\u662F\u6709\u6548\u6570\u5B57`
+        );
         return null;
       }
     } catch (error) {
@@ -104,18 +106,11 @@ function getTimestamp(list) {
   return list.map((v) => v === null ? null : new Date(v).getTime());
 }
 const parseDateShortcuts = (row) => {
-  const {
-    dateShortcuts,
-    optionSetting,
-    format = "YYYY-MM-DD HH:mm:ss"
-  } = row;
+  const { dateShortcuts, optionSetting, format = "YYYY-MM-DD HH:mm:ss" } = row;
   if (!(dateShortcuts == null ? void 0 : dateShortcuts.length))
     return [];
   return dateShortcuts == null ? void 0 : dateShortcuts.map((v) => {
-    const {
-      name,
-      expressions
-    } = v;
+    const { name, expressions } = v;
     if (!name || !(expressions == null ? void 0 : expressions.length))
       return null;
     const resultExp = parseExpressions(expressions, format);

package/es/components/table-filter/src/tool/transformData.js

@@ -42,13 +42,7 @@ const transformDataToFront = (dataType, rawData = []) => {
         },
         mappingConfig: {
           mappingMethod: null,
-          mapping: optionList.map(({
-            name,
-            value
-          }) => ({
-            label: name,
-            value
-          }))
+          mapping: optionList.map(({ name, value }) => ({ label: name, value }))
         },
         remark: data.remark,
         optionInfo: data.optionInfo,
@@ -74,19 +68,10 @@ const transformDataToEnd = (data) => {
       remark,
       _rawData
     } = item;
-    const {
-      value,
-      presetVal
-    } = defValCfg;
-    const {
-      mapping
-    } = mappingConfig;
+    const { value, presetVal } = defValCfg;
+    const { mapping } = mappingConfig;
     if (item.dataType === DataTypeEnums.API) {
-      const {
-        p_name,
-        p_type,
-        type
-      } = item;
+      const { p_name, p_type, type } = item;
       return {
         ..._rawData,
         name: p_name,
@@ -105,13 +90,7 @@ const transformDataToEnd = (data) => {
         },
         optionInfo: {
           manualMapping: (_a = _rawData == null ? void 0 : _rawData.optionInfo) == null ? void 0 : _a.manualMapping,
-          list: mapping.map(({
-            label,
-            value: value2
-          }) => ({
-            name: label,
-            value: value2
-          }))
+          list: mapping.map(({ label, value: value2 }) => ({ name: label, value: value2 }))
         },
         remark
       };

package/es/components/time-line/src/TimeLine.vue2.js

@@ -1,12 +1,8 @@
 import { defineComponent, openBlock, createBlock, unref, withCtx, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, createVNode } from 'vue';
 import { NTimeline, NTimelineItem, NSpace, NButton } from 'naive-ui';
 
-const _hoisted_1 = {
-  class: "content"
-};
-const _hoisted_2 = {
-  class: "content-name"
-};
+const _hoisted_1 = { class: "content" };
+const _hoisted_2 = { class: "content-name" };
 const _hoisted_3 = {
   key: 0,
   class: "content-extra"
@@ -14,47 +10,56 @@ const _hoisted_3 = {
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TimeLine",
   props: {
-    items: {
-      type: Array,
-      default: () => []
-    }
+    items: { type: Array, default: () => [] }
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NTimeline), {
-        class: "c-time-line"
-      }, {
-        default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
-          return openBlock(), createBlock(unref(NTimelineItem), {
-            key: index,
-            type: item.type
-          }, {
-            default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(item.subItem, (t, i) => {
-              return openBlock(), createBlock(unref(NSpace), {
-                key: i,
-                vertical: "",
-                align: "start"
-              }, {
-                default: withCtx(() => [t.title ? (openBlock(), createBlock(unref(NButton), {
-                  key: 0,
-                  strong: "",
-                  secondary: "",
-                  type: item.type
-                }, {
-                  default: withCtx(() => [createTextVNode(toDisplayString(t.title), 1)]),
-                  _: 2
-                }, 1032, ["type"])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_1, [createVNode(unref(NSpace), {
-                  justify: "space-between"
-                }, {
-                  default: withCtx(() => [createElementVNode("span", _hoisted_2, toDisplayString(t.name), 1), createElementVNode("span", null, toDisplayString(t.time), 1)]),
-                  _: 2
-                }, 1024), t.extraText ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(t.extraText), 1)) : createCommentVNode("v-if", true), createElementVNode("p", null, toDisplayString(t.content), 1)])]),
-                _: 2
-              }, 1024);
-            }), 128))]),
-            _: 2
-          }, 1032, ["type"]);
-        }), 128))]),
+      return openBlock(), createBlock(unref(NTimeline), { class: "c-time-line" }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
+            return openBlock(), createBlock(unref(NTimelineItem), {
+              key: index,
+              type: item.type
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(item.subItem, (t, i) => {
+                  return openBlock(), createBlock(unref(NSpace), {
+                    key: i,
+                    vertical: "",
+                    align: "start"
+                  }, {
+                    default: withCtx(() => [
+                      t.title ? (openBlock(), createBlock(unref(NButton), {
+                        key: 0,
+                        strong: "",
+                        secondary: "",
+                        type: item.type
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(t.title), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["type"])) : createCommentVNode("v-if", true),
+                      createElementVNode("div", _hoisted_1, [
+                        createVNode(unref(NSpace), { justify: "space-between" }, {
+                          default: withCtx(() => [
+                            createElementVNode("span", _hoisted_2, toDisplayString(t.name), 1),
+                            createElementVNode("span", null, toDisplayString(t.time), 1)
+                          ]),
+                          _: 2
+                        }, 1024),
+                        t.extraText ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(t.extraText), 1)) : createCommentVNode("v-if", true),
+                        createElementVNode("p", null, toDisplayString(t.content), 1)
+                      ])
+                    ]),
+                    _: 2
+                  }, 1024);
+                }), 128))
+              ]),
+              _: 2
+            }, 1032, ["type"]);
+          }), 128))
+        ]),
         _: 1
       });
     };

package/es/components/time-picker/src/TimePicker.vue2.js

@@ -13,30 +13,21 @@ import { parse, isValid, getHours, getMinutes, getSeconds } from 'date-fns';
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TimePicker",
   props: {
-    to: {
-      type: [Object, String, Boolean],
-      default: "body"
-    },
+    to: { type: [Object, String, Boolean], default: "body" },
     shortcuts: {
       type: Array,
       default: () => []
     }
   },
   emits: ["update:formatted-value", "update:show"],
-  setup(__props, {
-    expose,
-    emit
-  }) {
+  setup(__props, { expose, emit }) {
     const props = __props;
     const attrs = useAttrs();
     const timePickerRef = ref();
     const isTimePickerOpen = ref(false);
     const panelContainer = ref();
     const timePickerAttrs = computed(() => {
-      const {
-        shortcuts,
-        ...restAttrs
-      } = attrs;
+      const { shortcuts, ...restAttrs } = attrs;
       return restAttrs;
     });
     const formatRef = computed(() => {
@@ -82,10 +73,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         panelContainer.value = null;
       }
     };
-    const {
-      focus,
-      blur
-    } = useDateTime(timePickerRef, {
+    const { focus, blur } = useDateTime(timePickerRef, {
       formatRef,
       attrs: timePickerAttrs
     });
@@ -95,48 +83,57 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       blur
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [createVNode(unref(NTimePicker), mergeProps({
-        ref_key: "timePickerRef",
-        ref: timePickerRef
-      }, unref(timePickerAttrs), {
-        to: __props.to,
-        "onUpdate:formattedValue": handleFormattedTimeUpdate,
-        "onUpdate:show": onUpdateShow
-      }), createSlots({
-        _: 2
-      }, [renderList(_ctx.$slots, (_, k) => {
-        return {
-          name: k,
-          fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(slotProps || {})))])
-        };
-      })]), 1040, ["to"]), createCommentVNode(" \u5FEB\u6377\u9009\u9879 - \u901A\u8FC7CSS\u63D2\u5165\u5230\u9762\u677F\u5185\u90E8 "), __props.shortcuts && __props.shortcuts.length > 0 && isTimePickerOpen.value && panelContainer.value ? (openBlock(), createBlock(Teleport, {
-        key: 0,
-        to: panelContainer.value
-      }, [createVNode(unref(NScrollbar), {
-        style: {
-          "max-height": "255px",
-          "margin": "8px"
-        }
-      }, {
-        default: withCtx(() => [createVNode(unref(NSpace), {
-          vertical: "",
-          wrap: false
-        }, {
-          default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.shortcuts, (shortcut) => {
-            return openBlock(), createBlock(unref(NButton), {
-              size: "tiny",
-              disabled: isDisabled(shortcut),
-              key: shortcut,
-              onClick: ($event) => handleShortcutClick(shortcut)
-            }, {
-              default: withCtx(() => [createTextVNode(toDisplayString(shortcut), 1)]),
-              _: 2
-            }, 1032, ["disabled", "onClick"]);
-          }), 128))]),
-          _: 1
-        })]),
-        _: 1
-      })], 8, ["to"])) : createCommentVNode("v-if", true)]);
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(unref(NTimePicker), mergeProps({
+          ref_key: "timePickerRef",
+          ref: timePickerRef
+        }, unref(timePickerAttrs), {
+          to: __props.to,
+          "onUpdate:formattedValue": handleFormattedTimeUpdate,
+          "onUpdate:show": onUpdateShow
+        }), createSlots({ _: 2 }, [
+          renderList(_ctx.$slots, (_, k) => {
+            return {
+              name: k,
+              fn: withCtx((slotProps) => [
+                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(slotProps || {})))
+              ])
+            };
+          })
+        ]), 1040, ["to"]),
+        createCommentVNode(" \u5FEB\u6377\u9009\u9879 - \u901A\u8FC7CSS\u63D2\u5165\u5230\u9762\u677F\u5185\u90E8 "),
+        __props.shortcuts && __props.shortcuts.length > 0 && isTimePickerOpen.value && panelContainer.value ? (openBlock(), createBlock(Teleport, {
+          key: 0,
+          to: panelContainer.value
+        }, [
+          createVNode(unref(NScrollbar), { style: { "max-height": "255px", "margin": "8px" } }, {
+            default: withCtx(() => [
+              createVNode(unref(NSpace), {
+                vertical: "",
+                wrap: false
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.shortcuts, (shortcut) => {
+                    return openBlock(), createBlock(unref(NButton), {
+                      size: "tiny",
+                      disabled: isDisabled(shortcut),
+                      key: shortcut,
+                      onClick: ($event) => handleShortcutClick(shortcut)
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(shortcut), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["disabled", "onClick"]);
+                  }), 128))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ], 8, ["to"])) : createCommentVNode("v-if", true)
+      ]);
     };
   }
 });