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

package/es/components/step-notice/src/components/NoticeItemAside.vue2.js

@@ -3,19 +3,12 @@ import { NPopover } from 'naive-ui';
 import { useStepNoticeTheme } from '../hooks/useTheme.js';
 import { parseRender } from '../utils.js';
 
-const _hoisted_1 = {
-  class: "step-notice__itemAside"
-};
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("i", {
-  class: "step-notice__itemAsidePopperBridge"
-}, null, -1);
+const _hoisted_1 = { class: "step-notice__itemAside" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("i", { class: "step-notice__itemAsidePopperBridge" }, null, -1);
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NoticeItemAside",
   props: {
-    item: {
-      type: Object,
-      required: true
-    }
+    item: { type: Object, required: true }
   },
   setup(__props) {
     const props = __props;
@@ -37,33 +30,51 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return placementMap[getPositionInList(index)];
     }
     function getAsideClassList(noticeItem, index) {
-      return [`step-notice__itemAsideElement--${getPositionInList(index)}`, {
-        "is-active": noticeItem.content || noticeItem.subContent
-      }];
+      return [
+        `step-notice__itemAsideElement--${getPositionInList(index)}`,
+        { "is-active": noticeItem.content || noticeItem.subContent }
+      ];
     }
     const theme = useStepNoticeTheme();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.item.noticeList, (noticeItem, index) => {
-        return openBlock(), createBlock(unref(NPopover), {
-          raw: "",
-          "keep-alive-on-hover": "",
-          placement: getPlacement(index),
-          animated: false,
-          "show-arrow": false,
-          key: index
-        }, {
-          trigger: withCtx(() => [createElementVNode("div", {
-            class: normalizeClass(["step-notice__itemAsideElement", ...getAsideClassList(noticeItem, index)])
-          }, null, 2)]),
-          default: withCtx(() => [createElementVNode("div", {
-            class: normalizeClass(["step-notice__itemAsidePopper", ...getAsideClassList(noticeItem, index)]),
-            style: normalizeStyle(unref(theme))
-          }, [createElementVNode("header", null, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(noticeItem.header))))]), noticeItem.content || noticeItem.subContent ? (openBlock(), createElementBlock(Fragment, {
-            key: 0
-          }, [createElementVNode("section", null, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(noticeItem.content))))]), createElementVNode("footer", null, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(noticeItem.subContent))))])], 64)) : createCommentVNode("v-if", true), _hoisted_2], 6)]),
-          _: 2
-        }, 1032, ["placement"]);
-      }), 128))]);
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.item.noticeList, (noticeItem, index) => {
+          return openBlock(), createBlock(unref(NPopover), {
+            raw: "",
+            "keep-alive-on-hover": "",
+            placement: getPlacement(index),
+            animated: false,
+            "show-arrow": false,
+            key: index
+          }, {
+            trigger: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(["step-notice__itemAsideElement", ...getAsideClassList(noticeItem, index)])
+              }, null, 2)
+            ]),
+            default: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(["step-notice__itemAsidePopper", ...getAsideClassList(noticeItem, index)]),
+                style: normalizeStyle(unref(theme))
+              }, [
+                createElementVNode("header", null, [
+                  (openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(noticeItem.header))))
+                ]),
+                noticeItem.content || noticeItem.subContent ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  createElementVNode("section", null, [
+                    (openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(noticeItem.content))))
+                  ]),
+                  createElementVNode("footer", null, [
+                    (openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(noticeItem.subContent))))
+                  ])
+                ], 64)) : createCommentVNode("v-if", true),
+                _hoisted_2
+              ], 6)
+            ]),
+            _: 2
+          }, 1032, ["placement"]);
+        }), 128))
+      ]);
     };
   }
 });

package/es/components/step-notice/src/components/NoticeOperationList.vue2.js

@@ -3,34 +3,17 @@ import { CloseCircle, CheckmarkCircle } from '@vicons/ionicons5';
 import { useStepNoticeTheme } from '../hooks/useTheme.js';
 import { parseRender } from '../utils.js';
 
-const _hoisted_1 = {
-  class: "step-notice__itemOperationItemHeaderWrapper"
-};
-const _hoisted_2 = {
-  class: "step-notice__itemOperationItemHeader"
-};
-const _hoisted_3 = {
-  class: "step-notice__itemOperationItemSubHeader"
-};
-const _hoisted_4 = {
-  class: "step-notice__itemOperationItemContentWrapper"
-};
-const _hoisted_5 = {
-  class: "step-notice__itemOperationItemContent"
-};
-const _hoisted_6 = {
-  class: "step-notice__itemOperationItemSubContent"
-};
-const _hoisted_7 = {
-  class: "step-notice__itemOperationItemRemark"
-};
+const _hoisted_1 = { class: "step-notice__itemOperationItemHeaderWrapper" };
+const _hoisted_2 = { class: "step-notice__itemOperationItemHeader" };
+const _hoisted_3 = { class: "step-notice__itemOperationItemSubHeader" };
+const _hoisted_4 = { class: "step-notice__itemOperationItemContentWrapper" };
+const _hoisted_5 = { class: "step-notice__itemOperationItemContent" };
+const _hoisted_6 = { class: "step-notice__itemOperationItemSubContent" };
+const _hoisted_7 = { class: "step-notice__itemOperationItemRemark" };
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NoticeOperationList",
   props: {
-    operationList: {
-      type: Array,
-      required: true
-    }
+    operationList: { type: Array, required: true }
   },
   setup(__props) {
     const theme = useStepNoticeTheme();
@@ -38,18 +21,41 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("section", {
         class: "step-notice__itemOperationWrapper",
         style: normalizeStyle(unref(theme))
-      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.operationList, (operation, index) => {
-        return openBlock(), createElementBlock("section", {
-          key: index,
-          class: normalizeClass(["step-notice__itemOperationItem", `step-notice__itemOperationItem--${operation.type || "primary"}`])
-        }, [createElementVNode("header", _hoisted_1, [operation.type === "warning" ? (openBlock(), createBlock(unref(CloseCircle), {
-          key: 0,
-          class: "step-notice__itemOperationItemHeaderIcon"
-        })) : (openBlock(), createBlock(unref(CheckmarkCircle), {
-          key: 1,
-          class: "step-notice__itemOperationItemHeaderIcon"
-        })), createElementVNode("div", _hoisted_2, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(operation.header))))]), createElementVNode("div", _hoisted_3, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(operation.subHeader))))])]), createElementVNode("section", _hoisted_4, [createElementVNode("div", _hoisted_5, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(operation.content))))]), createElementVNode("div", _hoisted_6, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(operation.subContent))))])]), createElementVNode("footer", _hoisted_7, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(operation.remark))))])], 2);
-      }), 128))], 4);
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.operationList, (operation, index) => {
+          return openBlock(), createElementBlock("section", {
+            key: index,
+            class: normalizeClass(["step-notice__itemOperationItem", `step-notice__itemOperationItem--${operation.type || "primary"}`])
+          }, [
+            createElementVNode("header", _hoisted_1, [
+              operation.type === "warning" ? (openBlock(), createBlock(unref(CloseCircle), {
+                key: 0,
+                class: "step-notice__itemOperationItemHeaderIcon"
+              })) : (openBlock(), createBlock(unref(CheckmarkCircle), {
+                key: 1,
+                class: "step-notice__itemOperationItemHeaderIcon"
+              })),
+              createElementVNode("div", _hoisted_2, [
+                (openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(operation.header))))
+              ]),
+              createElementVNode("div", _hoisted_3, [
+                (openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(operation.subHeader))))
+              ])
+            ]),
+            createElementVNode("section", _hoisted_4, [
+              createElementVNode("div", _hoisted_5, [
+                (openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(operation.content))))
+              ]),
+              createElementVNode("div", _hoisted_6, [
+                (openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(operation.subContent))))
+              ])
+            ]),
+            createElementVNode("footer", _hoisted_7, [
+              (openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(operation.remark))))
+            ])
+          ], 2);
+        }), 128))
+      ], 4);
     };
   }
 });