cnhis-design-vue 3.1.8-beta.1 → 3.1.8-beta.4

package/es/packages/time-line/src/TimeLine.vue.d.ts

@@ -187,9 +187,9 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
         }, any>>>;
     }>>, {
-        size: "medium" | "large";
-        horizontal: boolean;
-        itemPlacement: "left" | "right";
+        readonly size: "medium" | "large";
+        readonly horizontal: boolean;
+        readonly itemPlacement: "left" | "right";
     }>;
     NTimelineItem: import("vue").DefineComponent<{
         time: PropType<string | number>;
@@ -1612,26 +1612,26 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>>>;
     }>>, {
-        type: import("naive-ui/es/button/src/interface").Type;
-        tag: keyof HTMLElementTagNameMap;
-        block: boolean;
-        round: boolean;
-        dashed: boolean;
-        text: boolean;
-        circle: boolean;
-        disabled: boolean;
-        focusable: boolean;
-        strong: boolean;
-        loading: boolean;
-        bordered: boolean;
-        tertiary: boolean;
-        ghost: boolean;
-        keyboard: boolean;
-        secondary: boolean;
-        quaternary: boolean;
-        iconPlacement: "left" | "right";
-        attrType: "button" | "reset" | "submit";
-        nativeFocusBehavior: boolean;
+        readonly type: import("naive-ui/es/button/src/interface").Type;
+        readonly tag: keyof HTMLElementTagNameMap;
+        readonly block: boolean;
+        readonly round: boolean;
+        readonly dashed: boolean;
+        readonly text: boolean;
+        readonly circle: boolean;
+        readonly disabled: boolean;
+        readonly focusable: boolean;
+        readonly strong: boolean;
+        readonly loading: boolean;
+        readonly bordered: boolean;
+        readonly tertiary: boolean;
+        readonly ghost: boolean;
+        readonly keyboard: boolean;
+        readonly secondary: boolean;
+        readonly quaternary: boolean;
+        readonly iconPlacement: "left" | "right";
+        readonly attrType: "button" | "reset" | "submit";
+        readonly nativeFocusBehavior: boolean;
     }>;
     NSpace: import("vue").DefineComponent<{
         readonly align: PropType<"center" | "stretch" | "baseline" | "start" | "end" | "flex-end" | "flex-start">;
@@ -1705,11 +1705,11 @@ declare const _default: import("vue").DefineComponent<{
             gapLarge: string;
         }, any>>>;
     }>>, {
-        inline: boolean;
-        size: number | "small" | "medium" | "large" | [number, number];
-        wrap: boolean;
-        vertical: boolean;
-        justify: import("naive-ui/es/space/src/Space").Justify;
+        readonly inline: boolean;
+        readonly size: number | "small" | "medium" | "large" | [number, number];
+        readonly wrap: boolean;
+        readonly vertical: boolean;
+        readonly justify: import("naive-ui/es/space/src/Space").Justify;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     items: {

package/es/packages/time-line/src/TimeLine.vue_vue_type_script_setup_true_lang.mjs

@@ -4,6 +4,7 @@ import { NTimeline, NTimelineItem, NSpace, NButton } from 'naive-ui';
 const _hoisted_1 = { class: "content" };
 const _hoisted_2 = { class: "content-name" };
 var script = /* @__PURE__ */ defineComponent({
+  name: "TimeLine",
   props: {
     items: { type: Array, required: false, default: () => [] }
   },

package/es/packages/time-line/style/index.less

@@ -1,35 +1,35 @@
-@border-width: 5px;
-.c-time-line {
-  &.n-timeline .n-timeline-item .n-timeline-item-timeline .n-timeline-item-timeline__circle {
-    width: 10px;
-    height: 10px;
-    border-left-width: @border-width;
-    border-right-width: @border-width;
-    border-top-width: @border-width;
-    border-bottom-width: @border-width;
-    margin-left: 2px;
-  }
-  .content {
-    width: 245px;
-    padding: 10px;
-    box-sizing: border-box;
-    border: 1px solid #D5D5D5;
-    border-radius: 4px;
-    background-color: #FAFAFA;
-    color: #212121;
-    font-size: 14px;
-    margin-bottom: 10px;
-    &-name {
-      font-size: 16px;
-      font-weight: 600;
-      &+span {
-        color: #666;
-      }
-    }
-    p {
-      margin: 5px 0 0;
-      line-height: 20px;
-      text-align: left;
-    }
-  }
+@border-width: 5px;
+.c-time-line {
+  &.n-timeline .n-timeline-item .n-timeline-item-timeline .n-timeline-item-timeline__circle {
+    width: 10px;
+    height: 10px;
+    border-left-width: @border-width;
+    border-right-width: @border-width;
+    border-top-width: @border-width;
+    border-bottom-width: @border-width;
+    margin-left: 2px;
+  }
+  .content {
+    width: 245px;
+    padding: 10px;
+    box-sizing: border-box;
+    border: 1px solid #D5D5D5;
+    border-radius: 4px;
+    background-color: #FAFAFA;
+    color: #212121;
+    font-size: 14px;
+    margin-bottom: 10px;
+    &-name {
+      font-size: 16px;
+      font-weight: 600;
+      &+span {
+        color: #666;
+      }
+    }
+    p {
+      margin: 5px 0 0;
+      line-height: 20px;
+      text-align: left;
+    }
+  }
 }