cnhis-design-vue 3.1.14-beta.8 → 3.1.15-beta.0

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

@@ -1,7 +1,6 @@
 import { COMPONENT_NAMESPACE } from '../../src/global/variable';
 import { safeComponentRegister } from '../../src/utils';
-import './src/InfoHeader.js';
-import script from './src/InfoHeader.vue_vue_type_script_setup_true_lang.js';
+import script from './src/InfoHeader.js';
 
 const InfoHeader = script;
 InfoHeader.install = function(app) {

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

@@ -1,4 +1,66 @@
-import script from './HiddenContent.vue_vue_type_script_setup_true_lang.js';
-export { default } from './HiddenContent.vue_vue_type_script_setup_true_lang.js';
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeStyle, unref, createElementVNode, createVNode, normalizeClass } from 'vue';
+import InfoEllipsis from './InfoEllipsis.js';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
-script.__file = "packages/info-header/src/HiddenContent.vue";
+const _hoisted_1 = { class: "c-info-header__hidden--content" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "HiddenContent",
+  props: {
+    content: { type: String, default: "" },
+    tip: String,
+    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(() => {
+      let { content } = props;
+      content += "";
+      if (!hidden.value)
+        return content;
+      if (!content)
+        return "-";
+      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(InfoEllipsis, {
+            "content-style": unref(parsedContentStyle),
+            content: unref(displayContent),
+            tip: __props.tip
+          }, null, 8, ["content-style", "content", "tip"])
+        ]),
+        createElementVNode("i", {
+          onClick: toggleHidden,
+          class: normalizeClass(["c-info-header__hidden--icon", "iconfont", `icon-${hidden.value ? "guanbi-yanjing" : "faxian-yanjing"}`])
+        }, null, 2)
+      ], 4);
+    };
+  }
+});
+var HiddenContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "HiddenContent.vue"]]);
+
+export { HiddenContent as default };