cnhis-design-vue 3.1.8 → 3.1.9-beta.11

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

@@ -0,0 +1,11 @@
+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';
+
+const InfoHeader = script;
+InfoHeader.install = function(app) {
+  safeComponentRegister(app, InfoHeader, COMPONENT_NAMESPACE + "InfoHeader");
+};
+
+export { InfoHeader as default };

package/es/packages/info-header/src/{HiddenContent2.mjs → HiddenContent.js}

@@ -1,4 +1,4 @@
-import script from './HiddenContent.vue_vue_type_script_setup_true_lang.mjs';
-export { default } from './HiddenContent.vue_vue_type_script_setup_true_lang.mjs';
+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/HiddenContent.vue.d.ts

@@ -0,0 +1,379 @@
+import { CSSProperties, PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: NumberConstructor;
+    };
+    contentStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        content: {
+            type: StringConstructor;
+            default: string;
+        };
+        width: {
+            type: NumberConstructor;
+        };
+        contentStyle: {
+            type: PropType<CSSProperties>;
+            default: () => {};
+        };
+    }>> & {
+        [x: `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+    }>>;
+    hidden: import("vue").Ref<boolean>;
+    toggleHidden: () => void;
+    wrapperStyle: import("vue").ComputedRef<{
+        maxWidth: string;
+        width: string;
+    }>;
+    parsedContentStyle: import("vue").ComputedRef<"" | (CSSProperties & {
+        maxWidth: string;
+    })>;
+    displayContent: import("vue").ComputedRef<string>;
+    NEllipsis: import("vue").DefineComponent<{
+        readonly expandTrigger: PropType<"click">;
+        readonly lineClamp: PropType<string | number>;
+        readonly tooltip: {
+            readonly type: PropType<boolean | import("naive-ui").PopoverProps>;
+            readonly default: true;
+        };
+        readonly theme: PropType<import("naive-ui/es/_mixins").Theme<"Ellipsis", unknown, {
+            Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                borderRadius: string;
+                boxShadow: string;
+                color: string;
+                textColor: string;
+                padding: string;
+            }, {
+                Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                    fontSize: string;
+                    borderRadius: string;
+                    color: string;
+                    dividerColor: string;
+                    textColor: string;
+                    boxShadow: string;
+                    space: string;
+                    spaceArrow: string;
+                    arrowOffset: string;
+                    arrowOffsetVertical: string;
+                    arrowHeight: string;
+                    padding: string;
+                }, any>;
+            }>;
+        }>>;
+        readonly themeOverrides: PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Ellipsis", unknown, {
+            Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                borderRadius: string;
+                boxShadow: string;
+                color: string;
+                textColor: string;
+                padding: string;
+            }, {
+                Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                    fontSize: string;
+                    borderRadius: string;
+                    color: string;
+                    dividerColor: string;
+                    textColor: string;
+                    boxShadow: string;
+                    space: string;
+                    spaceArrow: string;
+                    arrowOffset: string;
+                    arrowOffsetVertical: string;
+                    arrowHeight: string;
+                    padding: string;
+                }, any>;
+            }>;
+        }>>>;
+        readonly builtinThemeOverrides: PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Ellipsis", unknown, {
+            Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                borderRadius: string;
+                boxShadow: string;
+                color: string;
+                textColor: string;
+                padding: string;
+            }, {
+                Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                    fontSize: string;
+                    borderRadius: string;
+                    color: string;
+                    dividerColor: string;
+                    textColor: string;
+                    boxShadow: string;
+                    space: string;
+                    spaceArrow: string;
+                    arrowOffset: string;
+                    arrowOffsetVertical: string;
+                    arrowHeight: string;
+                    padding: string;
+                }, any>;
+            }>;
+        }>>>;
+    }, {
+        mergedTheme: import("vue").ComputedRef<{
+            common: {
+                baseColor: string;
+                primaryColor: string;
+                primaryColorHover: string;
+                primaryColorPressed: string;
+                primaryColorSuppl: string;
+                infoColor: string;
+                infoColorHover: string;
+                infoColorPressed: string;
+                infoColorSuppl: string;
+                successColor: string;
+                successColorHover: string;
+                successColorPressed: string;
+                successColorSuppl: string;
+                warningColor: string;
+                warningColorHover: string;
+                warningColorPressed: string;
+                warningColorSuppl: string;
+                errorColor: string;
+                errorColorHover: string;
+                errorColorPressed: string;
+                errorColorSuppl: string;
+                textColorBase: string;
+                textColor1: string;
+                textColor2: string;
+                textColor3: string;
+                textColorDisabled: string;
+                placeholderColor: string;
+                placeholderColorDisabled: string;
+                iconColor: string;
+                iconColorHover: string;
+                iconColorPressed: string;
+                iconColorDisabled: string;
+                opacity1: string;
+                opacity2: string;
+                opacity3: string;
+                opacity4: string;
+                opacity5: string;
+                dividerColor: string;
+                borderColor: string;
+                closeIconColor: string;
+                closeIconColorHover: string;
+                closeIconColorPressed: string;
+                closeColorHover: string;
+                closeColorPressed: string;
+                clearColor: string;
+                clearColorHover: string;
+                clearColorPressed: string;
+                scrollbarColor: string;
+                scrollbarColorHover: string;
+                scrollbarWidth: string;
+                scrollbarHeight: string;
+                scrollbarBorderRadius: string;
+                progressRailColor: string;
+                railColor: string;
+                popoverColor: string;
+                tableColor: string;
+                cardColor: string;
+                modalColor: string;
+                bodyColor: string;
+                tagColor: string;
+                avatarColor: string;
+                invertedColor: string;
+                inputColor: string;
+                codeColor: string;
+                tabColor: string;
+                actionColor: string;
+                tableHeaderColor: string;
+                hoverColor: string;
+                tableColorHover: string;
+                tableColorStriped: string;
+                pressedColor: string;
+                opacityDisabled: string;
+                inputColorDisabled: string;
+                buttonColor2: string;
+                buttonColor2Hover: string;
+                buttonColor2Pressed: string;
+                boxShadow1: string;
+                boxShadow2: string;
+                boxShadow3: string;
+                fontFamily: string;
+                fontFamilyMono: string;
+                fontWeight: string;
+                fontWeightStrong: string;
+                cubicBezierEaseInOut: string;
+                cubicBezierEaseOut: string;
+                cubicBezierEaseIn: string;
+                borderRadius: string;
+                borderRadiusSmall: string;
+                fontSize: string;
+                fontSizeMini: string;
+                fontSizeTiny: string;
+                fontSizeSmall: string;
+                fontSizeMedium: string;
+                fontSizeLarge: string;
+                fontSizeHuge: string;
+                lineHeight: string;
+                heightMini: string;
+                heightTiny: string;
+                heightSmall: string;
+                heightMedium: string;
+                heightLarge: string;
+                heightHuge: string;
+                name: "common";
+            };
+            self: unknown;
+            peers: {
+                Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                    borderRadius: string;
+                    boxShadow: string;
+                    color: string;
+                    textColor: string;
+                    padding: string;
+                }, {
+                    Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
+                        space: string;
+                        spaceArrow: string;
+                        arrowOffset: string;
+                        arrowOffsetVertical: string;
+                        arrowHeight: string;
+                        padding: string;
+                    }, any>;
+                }>;
+            };
+            peerOverrides: {
+                Tooltip?: {
+                    peers?: {
+                        Popover?: import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Popover", {
+                            fontSize: string;
+                            borderRadius: string;
+                            color: string;
+                            dividerColor: string;
+                            textColor: string;
+                            boxShadow: string;
+                            space: string;
+                            spaceArrow: string;
+                            arrowOffset: string;
+                            arrowOffsetVertical: string;
+                            arrowHeight: string;
+                            padding: string;
+                        }, any>> | undefined;
+                    } | undefined;
+                } | undefined;
+            };
+        }>;
+        triggerRef: import("vue").Ref<HTMLElement | null>;
+        triggerInnerRef: import("vue").Ref<HTMLElement | null>;
+        tooltipRef: import("vue").Ref<{
+            syncPosition: () => void;
+            setShow: (value: boolean) => void;
+        } | null>;
+        handleClick: import("vue").ComputedRef<(() => void) | undefined>;
+        renderTrigger: () => JSX.Element;
+        getTooltipDisabled: () => boolean;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly expandTrigger: PropType<"click">;
+        readonly lineClamp: PropType<string | number>;
+        readonly tooltip: {
+            readonly type: PropType<boolean | import("naive-ui").PopoverProps>;
+            readonly default: true;
+        };
+        readonly theme: PropType<import("naive-ui/es/_mixins").Theme<"Ellipsis", unknown, {
+            Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                borderRadius: string;
+                boxShadow: string;
+                color: string;
+                textColor: string;
+                padding: string;
+            }, {
+                Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                    fontSize: string;
+                    borderRadius: string;
+                    color: string;
+                    dividerColor: string;
+                    textColor: string;
+                    boxShadow: string;
+                    space: string;
+                    spaceArrow: string;
+                    arrowOffset: string;
+                    arrowOffsetVertical: string;
+                    arrowHeight: string;
+                    padding: string;
+                }, any>;
+            }>;
+        }>>;
+        readonly themeOverrides: PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Ellipsis", unknown, {
+            Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                borderRadius: string;
+                boxShadow: string;
+                color: string;
+                textColor: string;
+                padding: string;
+            }, {
+                Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                    fontSize: string;
+                    borderRadius: string;
+                    color: string;
+                    dividerColor: string;
+                    textColor: string;
+                    boxShadow: string;
+                    space: string;
+                    spaceArrow: string;
+                    arrowOffset: string;
+                    arrowOffsetVertical: string;
+                    arrowHeight: string;
+                    padding: string;
+                }, any>;
+            }>;
+        }>>>;
+        readonly builtinThemeOverrides: PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Ellipsis", unknown, {
+            Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                borderRadius: string;
+                boxShadow: string;
+                color: string;
+                textColor: string;
+                padding: string;
+            }, {
+                Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                    fontSize: string;
+                    borderRadius: string;
+                    color: string;
+                    dividerColor: string;
+                    textColor: string;
+                    boxShadow: string;
+                    space: string;
+                    spaceArrow: string;
+                    arrowOffset: string;
+                    arrowOffsetVertical: string;
+                    arrowHeight: string;
+                    padding: string;
+                }, any>;
+            }>;
+        }>>>;
+    }>>, {
+        readonly tooltip: boolean | import("naive-ui").PopoverProps;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: NumberConstructor;
+    };
+    contentStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+}>>, {
+    contentStyle: CSSProperties;
+    content: string;
+}>;
+export default _default;

package/es/packages/info-header/src/{HiddenContent.vue_vue_type_script_setup_true_lang.mjs → HiddenContent.vue_vue_type_script_setup_true_lang.js}

@@ -3,9 +3,11 @@ import { NEllipsis } from 'naive-ui';
 
 const _hoisted_1 = { class: "c-info-header__hidden--content" };
 var script = /* @__PURE__ */ defineComponent({
+  __name: "HiddenContent",
   props: {
     content: { type: String, default: "" },
-    width: { type: Number }
+    width: { type: Number },
+    contentStyle: { type: Object, default: () => ({}) }
   },
   setup(__props) {
     const props = __props;
@@ -17,10 +19,11 @@ var script = /* @__PURE__ */ defineComponent({
       const width = props.width + "px";
       return { maxWidth: width, width };
     });
-    const maxWidth = computed(() => {
+    const parsedContentStyle = computed(() => {
       if (!props.width)
         return "";
-      return props.width - 40 + "px";
+      const maxWidth = props.width - 40 + "px";
+      return Object.assign({}, props.contentStyle, { maxWidth });
     });
     const displayContent = computed(() => {
       const { content } = props;
@@ -40,7 +43,7 @@ var script = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", _hoisted_1, [
           createVNode(unref(NEllipsis), {
-            style: normalizeStyle({ maxWidth: unref(maxWidth) })
+            style: normalizeStyle(unref(parsedContentStyle))
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(unref(displayContent)), 1)

package/es/packages/info-header/src/{InfoHeader2.mjs → InfoHeader.js}

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