cnhis-design-vue 3.4.0-beta.4 → 3.4.0-beta.41

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

@@ -36,22 +36,13 @@ function useAdvanced() {
   function transformData(advancedFilterData, extendData) {
     return advancedFilterData.map((item) => {
       var _a, _b, _c, _d, _e;
-      const {
-        optionInfo = {
-          list: [],
-          manualMapping: true,
-          dynamicOptionInfo: {},
-          showWholeOption: false,
-          showMode: "DROPDOWN"
-        },
-        type,
-        defaultValue,
-        optionType,
-        filterExplicit,
-        rangeFilter,
-        componentProps,
-        dateShortcuts
-      } = item;
+      const { optionInfo = {
+        list: [],
+        manualMapping: true,
+        dynamicOptionInfo: {},
+        showWholeOption: false,
+        showMode: "DROPDOWN"
+      }, type, defaultValue, optionType, filterExplicit, rangeFilter, componentProps, dateShortcuts } = item;
       const settingObj = {};
       const cfg = transformDataToFieldCfg(item);
       let defVal;
@@ -98,13 +89,7 @@ function useAdvanced() {
         isRender: true,
         widgetType,
         originType: type,
-        valueList: type === WidgetTypeEnums.SELECTTREE ? optionInfo == null ? void 0 : optionInfo.list : (_d = optionInfo == null ? void 0 : optionInfo.list) == null ? void 0 : _d.map(({
-          name,
-          value
-        }) => ({
-          value,
-          label: name
-        })),
+        valueList: type === WidgetTypeEnums.SELECTTREE ? optionInfo == null ? void 0 : optionInfo.list : (_d = optionInfo == null ? void 0 : optionInfo.list) == null ? void 0 : _d.map(({ name, value }) => ({ value, label: name })),
         defaultValue: defVal,
         defValueUnit: defValUnit,
         optionSetting: optionType,
@@ -132,11 +117,14 @@ function useAdvanced() {
     });
   }
   function getCacheDef(item, cacheList) {
-    const {
-      widgetType,
-      widgetCfg
-    } = item;
-    const isSelectType = () => [WidgetTypeEnums.SELECT, WidgetTypeEnums.CHECKBOX_GROUP, WidgetTypeEnums.SELECTDYNAMIC, WidgetTypeEnums.SELECTTREE, WidgetTypeEnums.SELECTTREEDYNAMIC].includes(widgetType);
+    const { widgetType, widgetCfg } = item;
+    const isSelectType = () => [
+      WidgetTypeEnums.SELECT,
+      WidgetTypeEnums.CHECKBOX_GROUP,
+      WidgetTypeEnums.SELECTDYNAMIC,
+      WidgetTypeEnums.SELECTTREE,
+      WidgetTypeEnums.SELECTTREEDYNAMIC
+    ].includes(widgetType);
     return isSelectType() && widgetCfg.multiple ? cacheList : cacheList[0];
   }
   function transformClassifyChild(conObjList, searchFieldList) {
@@ -204,9 +192,11 @@ function useAdvanced() {
         let curValue = "";
         const curKey = params.field_key;
         if (params.value) {
-          curValue = showArrType.includes(params.widgetType) || params.value && params.value.length > 1 ? params.value.map((resultVal) => {
-            return isString(resultVal) && resultVal.includes("&") ? resultVal.split("&")[1] : resultVal;
-          }) : params.value.toString();
+          curValue = showArrType.includes(params.widgetType) || params.value && params.value.length > 1 ? params.value.map(
+            (resultVal) => {
+              return isString(resultVal) && resultVal.includes("&") ? resultVal.split("&")[1] : resultVal;
+            }
+          ) : params.value.toString();
         }
         if (Array.isArray(curValue) && curValue.length > 0 && curValue.includes(WidgetValEnums.WHOLE)) {
           return;

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

@@ -1,9 +1,7 @@
 import { ref } from 'vue';
 import useRenderWidget from './useRenderWidget.js';
 
-const {
-  initRenderWidgetCfg
-} = useRenderWidget();
+const { initRenderWidgetCfg } = useRenderWidget();
 function useMixins() {
   const filterApiConfig = ref({});
   async function handleGetConfigApi(params, key, config = {}, filterApiConfigVal) {
@@ -31,11 +29,7 @@ function useMixins() {
       });
     }
   };
-  return {
-    filterApiConfig,
-    handleGetConfigApi,
-    outQuickSearchFn
-  };
+  return { filterApiConfig, handleGetConfigApi, outQuickSearchFn };
 }
 
 export { useMixins as default };

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
       });
     };