cnhis-design-vue 3.1.5-beta.12 → 3.1.5-beta.15

package/es/packages/form-table/src/hooks/useValidate.d.ts

@@ -1,5 +1,5 @@
-import { AnyObject, Func } from 'cnhis-design-vue/es/src/types';
-import { MessageInstance, ValidateFunc, ValidateInfo } from 'cnhis-design-vue/es/packages/form-table/src/types';
+import { AnyObject, Func } from '../..\..\..\../es/src/types';
+import { MessageInstance, ValidateFunc, ValidateInfo } from '../..\..\..\../es/packages/form-table/src/types';
 export declare function useValidate(context: {
     message: MessageInstance;
 }): {

package/es/packages/form-table/src/hooks/useValidate.js

@@ -0,0 +1 @@
+export { useValidate } from './useValidate2.js';

package/es/packages/form-table/src/types/index.d.ts

@@ -1,4 +1,4 @@
-import { AnyObject, Func } from 'cnhis-design-vue/es/src/types';
+import { AnyObject, Func } from '../..\..\..\../es/src/types';
 import { PropType } from 'vue';
 export declare type PropObject = PropType<AnyObject>;
 export declare type MessageInstance = Record<'success' | 'error' | 'warning' | 'info', Func>;

package/es/packages/grid/index.d.ts

@@ -1,3 +1,3 @@
-import { SFCWithInstall } from 'cnhis-design-vue/es/src/types';
+import { SFCWithInstall } from '../..\../es/src/types';
 declare const Grid: SFCWithInstall<import("vue").DefineComponent<{}, any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
 export default Grid;

package/es/packages/grid/index.js

@@ -0,0 +1 @@
+export { default } from './index2.js';

package/es/packages/grid/index2.js

@@ -0,0 +1,14 @@
+import { COMPONENT_NAMESPACE } from '../../src/global/variable';
+import { safeComponentRegister } from '../../src/utils';
+import { loadVxeTable } from '../../src/utils/loadVxe';
+import { expandXEUtils } from '../../src/utils/utilExpand';
+import script from './src/Grid2.js';
+
+const Grid = script;
+Grid.install = function(app) {
+  safeComponentRegister(app, Grid, COMPONENT_NAMESPACE + "Grid");
+  loadVxeTable(app);
+  expandXEUtils();
+};
+
+export { Grid as default };

package/es/packages/grid/src/Grid.js

@@ -0,0 +1 @@
+export { default } from './Grid2.js';

package/es/packages/grid/src/Grid2.js

@@ -0,0 +1,28 @@
+import { defineComponent, createVNode, resolveComponent, mergeProps, isVNode } from 'vue';
+import { useMethods } from './hooks2.js';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var script = defineComponent({
+  name: "Grid",
+  setup(props, {
+    attrs,
+    slots
+  }) {
+    const renderVN = () => createVNode(resolveComponent("vxe-grid"), mergeProps({
+      "ref": "xGrid"
+    }, attrs), _isSlot(slots) ? slots : {
+      default: () => [slots]
+    });
+    return {
+      ...useMethods(),
+      renderVN
+    };
+  },
+  render() {
+    return this.renderVN();
+  }
+});
+
+export { script as default };

package/es/packages/grid/src/hooks.js

@@ -0,0 +1 @@
+export { useMethods } from './hooks2.js';

package/es/packages/index.css

@@ -45,7 +45,7 @@
   color: rgba(0, 0, 0, 0.8);
 }
 .big-table-filter-wrap .sort-icon-desc {
-  background-image: url('cnhis-design-vue/es/src/assets/img/icon-desc.png');
+  background-image: url('../src/assets/img/icon-desc.png');
 }
 .big-table-filter-wrap .filter-header {
   padding: 0 13px;
@@ -1486,7 +1486,7 @@ body > .vxe-table--tooltip-wrapper {
   border-color: #5585f5;
 }
 .c-chunk-uploader-btn:hover .guage-img {
-  content: url('cnhis-design-vue/es/src/assets/img/video_hover.png');
+  content: url('../src/assets/img/video_hover.png');
 }
 .c-chunk-uploader-btn:hover .c-uploader-btn .uploader-icon,
 .c-chunk-uploader-btn:hover .c-uploader-btn .uploader-text p,
@@ -1499,6 +1499,10 @@ body > .vxe-table--tooltip-wrapper {
   flex-wrap: wrap;
   width: 100%;
 }
+.c-choice-wrap .n-radio-input {
+  width: 14px;
+  height: 14px;
+}
 .c-choice-wrap .scale-choice-img-wrap {
   display: inline-block;
   position: relative;
@@ -1566,18 +1570,18 @@ body > .vxe-table--tooltip-wrapper {
   align-items: center;
   margin: 4px 0;
 }
-.c-choice-wrap label :deep(.n-radio__label) {
+.c-choice-wrap label .n-radio__label {
   flex: 1;
   display: inline-flex;
   align-items: center;
   white-space: normal;
 }
-.c-choice-wrap > :deep(.n-checkbox) {
+.c-choice-wrap > .n-checkbox {
   display: inline-flex;
   align-items: center;
   margin: 4px 0;
 }
-.c-choice-wrap > :deep(.n-checkbox) .n-checkbox__label {
+.c-choice-wrap > .n-checkbox .n-checkbox__label {
   flex: 1;
   display: inline-flex;
   align-items: center;
@@ -1609,9 +1613,6 @@ body > .vxe-table--tooltip-wrapper {
   box-sizing: border-box;
   color: rgba(0, 0, 0, 0.65);
 }
-.c-scale :deep(.n-form-item-label) {
-  font-weight: 700;
-}
 .c-scale .scale-container {
   width: 100%;
   height: 100%;
@@ -1638,7 +1639,7 @@ body > .vxe-table--tooltip-wrapper {
   border-radius: 10px;
   background-color: #dbdcdc;
 }
-.c-scale :deep(.no-data-tip) {
+.c-scale .no-data-tip {
   width: 100%;
   height: 100%;
 }
@@ -1670,6 +1671,7 @@ body > .vxe-table--tooltip-wrapper {
 }
 .main .required-text {
   color: #e02828;
+  font-weight: 700;
 }
 .main .evalute-label {
   display: inline-block;
@@ -1709,10 +1711,10 @@ body > .vxe-table--tooltip-wrapper {
 .rich-text-content {
   word-break: break-all;
 }
-.rich-text-content :deep(p) {
+.rich-text-content p {
   margin-bottom: 0;
 }
-.rich-text-content :deep(img) {
+.rich-text-content img {
   max-width: 100%;
 }
 .n-dialog.n-modal.c-evatip-dialog-wrap {
@@ -2009,6 +2011,9 @@ body > .vxe-table--tooltip-wrapper {
   width: 100%;
   text-align: left;
 }
+.c-scale .n-form-item {
+  --n-label-height: unset !important;
+}
 .no-data-tip {
   display: flex;
   flex-direction: column;
@@ -2075,13 +2080,13 @@ body > .vxe-table--tooltip-wrapper {
 }
 .c-scale-collection.prompt-message.is-strong {
   color: #ff1818;
-  padding: 1px 0 0 35px;
+  padding: 8px 8px 8px 35px;
 }
 .c-scale-collection.prompt-message .prompt-icon {
   font-size: 18px;
   position: absolute;
-  left: 0;
-  top: 0;
+  left: 8px;
+  top: 8px;
 }
 .c-scale-collection.prompt-message .prompt-message-content {
   line-height: 16px;
@@ -2095,13 +2100,13 @@ body > .vxe-table--tooltip-wrapper {
   width: 100%;
   cursor: pointer;
 }
-.c-map-container :deep(.n-input.map-input) .n-input__prefix {
+.c-map-container .n-input.map-input .n-input__prefix {
   transform: rotate(180deg);
 }
-.c-map-container :deep(.n-input.map-input) .n-input__prefix .n-icon {
+.c-map-container .n-input.map-input .n-input__prefix .n-icon {
   color: rgba(0, 0, 0, 0.65);
 }
-.c-map-container :deep(.n-input.map-input).n-input--disabled .n-input__input-el {
+.c-map-container .n-input.map-input.n-input--disabled .n-input__input-el {
   color: rgba(0, 0, 0, 0.65);
   background-color: #fff;
   cursor: pointer;
@@ -2112,33 +2117,33 @@ body > .vxe-table--tooltip-wrapper {
 .c-scale-upload {
   width: 100%;
 }
-.c-scale-upload :deep(.n-upload-file-list) {
+.c-scale-upload .n-upload-file-list {
   display: flex;
 }
-.c-scale-upload :deep(.n-upload-file-list) .n-upload-file .n-upload-file-info .n-upload-file-info__action.n-upload-file-info__action--image-card-type {
+.c-scale-upload .n-upload-file-list .n-upload-file .n-upload-file-info .n-upload-file-info__action.n-upload-file-info__action--image-card-type {
   box-sizing: border-box;
   background: rgba(0, 0, 0, 0.5);
 }
-.c-scale-upload :deep(.n-upload-file-list) .n-upload-file .n-upload-file-info .n-upload-file-info__action.n-upload-file-info__action--image-card-type span.n-button__icon {
+.c-scale-upload .n-upload-file-list .n-upload-file .n-upload-file-info .n-upload-file-info__action.n-upload-file-info__action--image-card-type span.n-button__icon {
   color: #fff;
 }
-.c-scale-upload :deep(.n-upload-file-list) .n-upload-trigger.n-upload-trigger--image-card {
+.c-scale-upload .n-upload-file-list .n-upload-trigger.n-upload-trigger--image-card {
   width: 184px;
   height: 184px;
   border-color: #d5d5d5;
   background-color: #fafafa;
 }
-.c-scale-upload :deep(.n-upload-file-list) .n-upload-file.n-upload-file--image-card-type {
+.c-scale-upload .n-upload-file-list .n-upload-file.n-upload-file--image-card-type {
   width: 184px;
   height: 184px;
   padding: 8px;
   border-color: #d5d5d5;
   background-color: #fafafa;
 }
-.c-scale-upload :deep(.n-upload-file-list) .n-upload-file.n-upload-file--image-card-type .n-image {
+.c-scale-upload .n-upload-file-list .n-upload-file.n-upload-file--image-card-type .n-image {
   height: 100%;
 }
-.c-scale-upload :deep(.n-upload-file-list) .n-upload-file.n-upload-file--image-card-type img {
+.c-scale-upload .n-upload-file-list .n-upload-file.n-upload-file--image-card-type img {
   object-fit: cover !important;
 }
 .c-scale-upload .upload-img-wrap {
@@ -2160,15 +2165,15 @@ body > .vxe-table--tooltip-wrapper {
 .c-scale-upload.scale-upload-file .dragger-upload-text {
   color: rgba(0, 0, 0, 0.65);
 }
-.c-scale-upload.scale-upload-file :deep(.n-upload-file-list) {
+.c-scale-upload.scale-upload-file .n-upload-file-list {
   display: flex;
   flex-direction: column;
   width: 100%;
 }
-.c-scale-upload.scale-upload-file :deep(.n-upload-file-list) .n-upload-file {
+.c-scale-upload.scale-upload-file .n-upload-file-list .n-upload-file {
   width: 100%;
 }
-.c-scale-upload.scale-upload-file :deep(.n-upload-trigger) {
+.c-scale-upload.scale-upload-file .n-upload-trigger {
   width: 100%;
   background: #fafafa;
   border-color: #d5d5d5;
@@ -2549,9 +2554,6 @@ body > .vxe-table--tooltip-wrapper {
   vertical-align: middle !important;
   max-width: calc(var(--column-width) * 1px);
 }
-.c-info-header__info .n-descriptions-table-content__content {
-  font-weight: 700;
-}
 .c-info-header__info .n-descriptions-table-content__label {
   display: inline-block;
 }
@@ -2672,3 +2674,11 @@ body > .vxe-table--tooltip-wrapper {
 .form-render__combinationContent {
   position: relative;
 }
+.form-render__complex {
+  width: 100%;
+}
+.form-render__complexContent {
+  display: grid !important;
+  grid-template-columns: repeat(var(--column), minmax(0px, 1fr));
+  gap: 0 8px;
+}

package/es/packages/index.d.ts

@@ -14,10 +14,11 @@ import CInfoHeader from './info-header';
 import CTimeLine from './time-line';
 import CBpmnWorkflow from './bpmn-workflow';
 import Editor from './editor';
-import FormRender from './form-render';
+import CFormRender from './form-render';
+import CFabricChart from './fabric-chart';
 export * from './form-render';
 declare function install(app: App): void;
-export { CGrid, CBigTable, CFieldSet, CDragLayout, CButtonPrint, CSelectPerson, CSelectLabel, CLabelFormContent, CScaleView, CMap, CVodChunkUpload, CRadio, CCheckbox, CSelect, CDatetime, CFormTable, CInfoHeader, CTimeLine, CBpmnWorkflow, Editor, FormRender };
+export { CGrid, CBigTable, CFieldSet, CDragLayout, CButtonPrint, CSelectPerson, CSelectLabel, CLabelFormContent, CScaleView, CMap, CVodChunkUpload, CRadio, CCheckbox, CSelect, CDatetime, CFormTable, CInfoHeader, CTimeLine, CBpmnWorkflow, Editor, CFormRender, CFabricChart };
 declare const _default: {
     install: typeof install;
 };

package/es/packages/index.js

@@ -0,0 +1,29 @@
+export { default } from './index2.js';
+export { default as CGrid } from './grid/index2.js';
+export { default as CBigTable } from './big-table/index2.js';
+export { default as CFieldSet } from './field-set/index2.js';
+export { default as CDragLayout } from './drag-layout/index2.js';
+export { default as CButtonPrint } from './button-print/index2.js';
+export { default as CSelectPerson } from './select-person/index2.js';
+export { CLabelFormContent, default as CSelectLabel } from './select-label/index2.js';
+export { default as CMap } from './map/index2.js';
+export { default as CVodChunkUpload } from './chunk-upload/index2.js';
+export { default as CFormTable } from './form-table/index2.js';
+export { default as CInfoHeader } from './info-header/index2.js';
+export { default as CTimeLine } from './time-line/index2.js';
+export { default as CBpmnWorkflow } from './bpmn-workflow/index2.js';
+export { default as Editor } from './editor/index2.js';
+export { default as CFormRender } from './form-render/index2.js';
+export { default as CFabricChart } from './fabric-chart/index2.js';
+export { useFieldList2Schema } from './form-render/src/hooks/useFieldList2Schema2.js';
+export { useFormRequest } from './form-render/src/hooks/useFormRequest2.js';
+export { useCommonLog } from './form-render/src/hooks/useCommonLog2.js';
+export { useFormField } from './form-render/src/hooks/useFormField2.js';
+export { AsyncQueue, useAsyncQueue } from './form-render/src/hooks/useAsyncQueue2.js';
+export { useFieldVisitor } from './form-render/src/hooks/useFieldVisitor2.js';
+export { useTypeNormalize } from './form-render/src/hooks/useTypeNormalize2.js';
+export { useFormValidator } from './form-render/src/hooks/useFormValidator2.js';
+export { BusinessCollector, useBusinessBinding } from './form-render/src/hooks/useBusinessBinding2.js';
+export { ContextCollector, useChangeContext } from './form-render/src/hooks/useChangeContext2.js';
+export { FormItemDepsCollector, useFormItemDeps } from './form-render/src/hooks/useFormItemDeps2.js';
+export { CCheckbox, CDatetime, CRadio, CScaleView, CSelect } from './scale-view/index2.js';

package/es/packages/index.less

@@ -53,7 +53,7 @@
   }
 
   .sort-icon-desc {
-    background-image: url('cnhis-design-vue/es/src/assets/img/icon-desc.png');
+    background-image: url('../src/assets/img/icon-desc.png');
   }
 
   .filter-header {
@@ -1721,7 +1721,7 @@ body {
     background: #f3f7ff;
     border-color: #5585f5;
     .guage-img {
-      content: url('cnhis-design-vue/es/src/assets/img/video_hover.png');
+      content: url('../src/assets/img/video_hover.png');
     }
     .c-uploader-btn .uploader-icon,
     .c-uploader-btn .uploader-text p,
@@ -1735,6 +1735,10 @@ body {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
+  .n-radio-input {
+    width: 14px;
+    height: 14px;
+  }
   .scale-choice-img-wrap {
     display: inline-block;
     position: relative;
@@ -1807,14 +1811,14 @@ body {
     display: inline-flex;
     align-items: center;
     margin: 4px 0;
-    :deep(.n-radio__label) {
+    .n-radio__label {
       flex: 1;
       display: inline-flex;
       align-items: center;
       white-space: normal;
     }
   }
-  > :deep(.n-checkbox) {
+  > .n-checkbox {
     display: inline-flex;
     align-items: center;
     margin: 4px 0;
@@ -1851,9 +1855,6 @@ body {
   padding-bottom: 50px;
   box-sizing: border-box;
   color: rgba(0, 0, 0, 0.65);
-  :deep(.n-form-item-label) {
-    font-weight: 700;
-  }
   .scale-container {
     width: 100%;
     height: 100%;
@@ -1882,7 +1883,7 @@ body {
       background-color: #dbdcdc;
     }
   }
-  :deep(.no-data-tip) {
+  .no-data-tip {
     width: 100%;
     height: 100%;
   }
@@ -1915,6 +1916,7 @@ body {
   }
   .required-text {
     color: #e02828;
+    font-weight: 700;
   }
   .evalute-label {
     display: inline-block;
@@ -1954,10 +1956,10 @@ body {
 }
 .rich-text-content {
   word-break: break-all;
-  :deep(p) {
+  p {
     margin-bottom: 0;
   }
-  :deep(img) {
+  img {
     max-width: 100%;
   }
 }
@@ -2269,6 +2271,9 @@ body {
     width: 100%;
     text-align: left;
   }
+  .n-form-item {
+    --n-label-height: unset !important;
+  }
 }
 
 .no-data-tip {
@@ -2337,13 +2342,13 @@ body {
     }
     &.is-strong {
       color: #ff1818;
-      padding: 1px 0 0 35px;
+      padding: 8px 8px 8px 35px;
     }
     .prompt-icon {
       font-size: 18px;
       position: absolute;
-      left: 0;
-      top: 0;
+      left: 8px;
+      top: 8px;
     }
     .prompt-message-content {
       line-height: 16px;
@@ -2360,7 +2365,7 @@ body {
 .c-map-container {
   width: 100%;
   cursor: pointer;
-  :deep(.n-input.map-input) {
+  .n-input.map-input {
     .n-input__prefix {
       transform: rotate(180deg);
       .n-icon {
@@ -2381,7 +2386,7 @@ body {
 
 .c-scale-upload {
   width: 100%;
-  :deep(.n-upload-file-list) {
+  .n-upload-file-list {
     display: flex;
     .n-upload-file .n-upload-file-info .n-upload-file-info__action.n-upload-file-info__action--image-card-type {
       box-sizing: border-box;
@@ -2432,7 +2437,7 @@ body {
     .dragger-upload-text {
       color: rgba(0, 0, 0, 0.65)
     }
-    :deep(.n-upload-file-list) {
+    .n-upload-file-list {
       display: flex;
       flex-direction: column;
       width: 100%;
@@ -2441,7 +2446,7 @@ body {
       }
 
     }
-    :deep(.n-upload-trigger)  {
+    .n-upload-trigger {
       width: 100%;
       background: #fafafa;
       border-color: #d5d5d5;
@@ -2890,10 +2895,6 @@ body {
       max-width: calc(var(--column-width) * 1px);
     }
 
-    .n-descriptions-table-content__content {
-      font-weight: 700;
-    }
-
     .n-descriptions-table-content__label {
       display: inline-block;
     }
@@ -3062,5 +3063,13 @@ body {
       position: relative;
     }
   }
+
+  &__complex {
+    width: 100%;
+
+    &Content {
+      @display();
+    }
+  }
 }
 

package/es/packages/index2.js

@@ -0,0 +1,67 @@
+import Grid from './grid/index2.js';
+export { default as CGrid } from './grid/index2.js';
+import BigTable from './big-table/index2.js';
+export { default as CBigTable } from './big-table/index2.js';
+import FieldSet from './field-set/index2.js';
+export { default as CFieldSet } from './field-set/index2.js';
+import DragLayout from './drag-layout/index2.js';
+export { default as CDragLayout } from './drag-layout/index2.js';
+import ButtonPrint from './button-print/index2.js';
+export { default as CButtonPrint } from './button-print/index2.js';
+import SelectPerson from './select-person/index2.js';
+export { default as CSelectPerson } from './select-person/index2.js';
+import SelectLabel, { CLabelFormContent as LabelFormContent } from './select-label/index2.js';
+export { CLabelFormContent, default as CSelectLabel } from './select-label/index2.js';
+import Map from './map/index2.js';
+export { default as CMap } from './map/index2.js';
+import VodChunkUpload from './chunk-upload/index2.js';
+export { default as CVodChunkUpload } from './chunk-upload/index2.js';
+import { CScaleView, CRadio, CCheckbox, CSelect, CDatetime } from './scale-view/index2.js';
+export { CCheckbox, CDatetime, CRadio, CScaleView, CSelect } from './scale-view/index2.js';
+import FormTable from './form-table/index2.js';
+export { default as CFormTable } from './form-table/index2.js';
+import InfoHeader from './info-header/index2.js';
+export { default as CInfoHeader } from './info-header/index2.js';
+import TimeLine from './time-line/index2.js';
+export { default as CTimeLine } from './time-line/index2.js';
+import BpmnWorkflow from './bpmn-workflow/index2.js';
+export { default as CBpmnWorkflow } from './bpmn-workflow/index2.js';
+import Editor from './editor/index2.js';
+export { default as Editor } from './editor/index2.js';
+import FormRender from './form-render/index2.js';
+export { default as CFormRender } from './form-render/index2.js';
+import FabricChart from './fabric-chart/index2.js';
+export { default as CFabricChart } from './fabric-chart/index2.js';
+
+const components = {
+  CGrid: Grid,
+  CBigTable: BigTable,
+  CFieldSet: FieldSet,
+  CDragLayout: DragLayout,
+  CButtonPrint: ButtonPrint,
+  CSelectPerson: SelectPerson,
+  CSelectLabel: SelectLabel,
+  CLabelFormContent: LabelFormContent,
+  CScaleView,
+  CMap: Map,
+  CVodChunkUpload: VodChunkUpload,
+  CRadio,
+  CCheckbox,
+  CSelect,
+  CDatetime,
+  CFormTable: FormTable,
+  CInfoHeader: InfoHeader,
+  CTimeLine: TimeLine,
+  CBpmnWorkflow: BpmnWorkflow,
+  Editor,
+  CFormRender: FormRender,
+  CFabricChart: FabricChart
+};
+function install(app) {
+  Object.values(components).forEach((component) => {
+    component.install(app);
+  });
+}
+var index = { install, ...components };
+
+export { index as default };

package/es/packages/info-header/index.js

@@ -0,0 +1 @@
+export { default } from './index2.js';

package/es/packages/info-header/index2.js

@@ -0,0 +1,11 @@
+import { COMPONENT_NAMESPACE } from '../../src/global/variable';
+import { safeComponentRegister } from '../../src/utils';
+import './src/InfoHeader2.js';
+import script from './src/InfoHeader.vue_vue_type_script_setup_true_lang.js';
+
+const InfoHeader = script;
+InfoHeader.install = function(app) {
+  safeComponentRegister(app, InfoHeader, COMPONENT_NAMESPACE + "InfoHeader");
+};
+
+export { InfoHeader as default };

package/es/packages/info-header/src/HiddenContent.js

@@ -0,0 +1,2 @@
+import './HiddenContent2.js';
+export { default } from './HiddenContent.vue_vue_type_script_setup_true_lang.js';

package/es/packages/info-header/src/HiddenContent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,62 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeStyle, unref, createElementVNode, createVNode, withCtx, createTextVNode, toDisplayString, normalizeClass } from 'vue';
+import { NEllipsis } from 'naive-ui';
+
+const _hoisted_1 = { class: "c-info-header__hidden--content" };
+var script = /* @__PURE__ */ defineComponent({
+  props: {
+    content: { type: String, default: "" },
+    width: { type: Number },
+    contentStyle: { type: Object, default: () => ({}) }
+  },
+  setup(__props) {
+    const props = __props;
+    const hidden = ref(true);
+    function toggleHidden() {
+      hidden.value = !hidden.value;
+    }
+    const wrapperStyle = computed(() => {
+      const width = props.width + "px";
+      return { maxWidth: width, width };
+    });
+    const parsedContentStyle = computed(() => {
+      if (!props.width)
+        return "";
+      const maxWidth = props.width - 40 + "px";
+      return Object.assign({}, props.contentStyle, { maxWidth });
+    });
+    const displayContent = computed(() => {
+      const { content } = props;
+      if (!hidden.value)
+        return content;
+      const length = content.length;
+      if (!length || length === 1)
+        return content;
+      const hiddenNum = Math.floor(length / 2);
+      const prefixNum = Math.floor((length - hiddenNum) / 2);
+      return `${content.substring(0, prefixNum)}${"*".repeat(hiddenNum)}${content == null ? void 0 : content.substring(prefixNum + hiddenNum)}`;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "c-info-header__hidden",
+        style: normalizeStyle(unref(wrapperStyle))
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createVNode(unref(NEllipsis), {
+            style: normalizeStyle(unref(parsedContentStyle))
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(displayContent)), 1)
+            ]),
+            _: 1
+          }, 8, ["style"])
+        ]),
+        createElementVNode("i", {
+          onClick: toggleHidden,
+          class: normalizeClass(["c-info-header__hidden--icon", "iconfont", `icon-${hidden.value ? "guanbi-yanjing" : "faxian-yanjing"}`])
+        }, null, 2)
+      ], 4);
+    };
+  }
+});
+
+export { script as default };

package/es/packages/info-header/src/HiddenContent2.js

@@ -0,0 +1,4 @@
+import script from './HiddenContent.vue_vue_type_script_setup_true_lang.js';
+export { default } from './HiddenContent.vue_vue_type_script_setup_true_lang.js';
+
+script.__file = "packages/info-header/src/HiddenContent.vue";

package/es/packages/info-header/src/InfoHeader.js

@@ -0,0 +1,2 @@
+import './InfoHeader2.js';
+export { default } from './InfoHeader.vue_vue_type_script_setup_true_lang.js';