@yh-ui/components 1.0.30 → 1.0.37

package/dist/descriptions/src/description-item.d.vue.ts

@@ -0,0 +1,99 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly label: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly span: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly width: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: "";
+    };
+    readonly minWidth: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: "";
+    };
+    readonly align: {
+        readonly type: import("vue").PropType<"left" | "center" | "right">;
+        readonly default: "left";
+    };
+    readonly labelAlign: {
+        readonly type: import("vue").PropType<"left" | "center" | "right">;
+        readonly default: "left";
+    };
+    readonly className: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly labelClassName: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly labelStyle: {
+        readonly type: import("vue").PropType<import("vue").CSSProperties>;
+    };
+    readonly contentStyle: {
+        readonly type: import("vue").PropType<import("vue").CSSProperties>;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly label: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly span: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly width: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: "";
+    };
+    readonly minWidth: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: "";
+    };
+    readonly align: {
+        readonly type: import("vue").PropType<"left" | "center" | "right">;
+        readonly default: "left";
+    };
+    readonly labelAlign: {
+        readonly type: import("vue").PropType<"left" | "center" | "right">;
+        readonly default: "left";
+    };
+    readonly className: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly labelClassName: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly labelStyle: {
+        readonly type: import("vue").PropType<import("vue").CSSProperties>;
+    };
+    readonly contentStyle: {
+        readonly type: import("vue").PropType<import("vue").CSSProperties>;
+    };
+}>> & Readonly<{}>, {
+    readonly width: string | number;
+    readonly minWidth: string | number;
+    readonly label: string;
+    readonly span: number;
+    readonly className: string;
+    readonly align: "left" | "center" | "right";
+    readonly labelClassName: string;
+    readonly labelAlign: "left" | "center" | "right";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/descriptions/src/description-item.vue.d.ts

@@ -81,14 +81,14 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly type: import("vue").PropType<import("vue").CSSProperties>;
     };
 }>> & Readonly<{}>, {
-    readonly label: string;
-    readonly span: number;
     readonly width: string | number;
     readonly minWidth: string | number;
-    readonly align: "center" | "left" | "right";
-    readonly labelClassName: string;
-    readonly labelAlign: "center" | "left" | "right";
+    readonly label: string;
+    readonly span: number;
     readonly className: string;
+    readonly align: "left" | "center" | "right";
+    readonly labelClassName: string;
+    readonly labelAlign: "left" | "center" | "right";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/descriptions/src/descriptions.d.vue.ts

@@ -0,0 +1,106 @@
+import type { CSSProperties } from 'vue';
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_1) => any;
+} & {
+    extra?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly title: StringConstructor;
+    readonly extra: StringConstructor;
+    readonly column: {
+        readonly type: NumberConstructor;
+        readonly default: 3;
+    };
+    readonly direction: {
+        readonly type: import("vue").PropType<"horizontal" | "vertical">;
+        readonly default: "horizontal";
+    };
+    readonly size: {
+        readonly type: import("vue").PropType<"large" | "default" | "small">;
+        readonly default: "default";
+    };
+    readonly border: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly colon: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly labelStyle: {
+        readonly type: import("vue").PropType<CSSProperties>;
+    };
+    readonly contentStyle: {
+        readonly type: import("vue").PropType<CSSProperties>;
+    };
+    readonly labelClassName: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly contentClassName: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly title: StringConstructor;
+    readonly extra: StringConstructor;
+    readonly column: {
+        readonly type: NumberConstructor;
+        readonly default: 3;
+    };
+    readonly direction: {
+        readonly type: import("vue").PropType<"horizontal" | "vertical">;
+        readonly default: "horizontal";
+    };
+    readonly size: {
+        readonly type: import("vue").PropType<"large" | "default" | "small">;
+        readonly default: "default";
+    };
+    readonly border: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly colon: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly labelStyle: {
+        readonly type: import("vue").PropType<CSSProperties>;
+    };
+    readonly contentStyle: {
+        readonly type: import("vue").PropType<CSSProperties>;
+    };
+    readonly labelClassName: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly contentClassName: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{}>, {
+    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+    readonly column: number;
+    readonly size: "small" | "default" | "large";
+    readonly border: boolean;
+    readonly direction: "horizontal" | "vertical";
+    readonly colon: boolean;
+    readonly labelClassName: string;
+    readonly contentClassName: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/descriptions/src/descriptions.vue

@@ -9,7 +9,10 @@ defineOptions({
 const props = defineProps(descriptionsProps);
 const slots = useSlots();
 const ns = useNamespace("descriptions");
-const { themeStyle } = useComponentTheme("descriptions", computed(() => props.themeOverrides));
+const { themeStyle } = useComponentTheme(
+  "descriptions",
+  computed(() => props.themeOverrides)
+);
 provide(descriptionsKey, { props });
 const getFlattenChildren = (nodes) => {
   const result = [];
@@ -59,8 +62,10 @@ const getStyle = (itemProps, type) => {
   const itemStyle = type === "label" ? itemProps.labelStyle : itemProps.contentStyle;
   Object.assign(style, itemStyle || {});
   if (type === "label") {
-    if (itemProps.width) style.width = typeof itemProps.width === "number" ? `${itemProps.width}px` : itemProps.width;
-    if (itemProps.minWidth) style.minWidth = typeof itemProps.minWidth === "number" ? `${itemProps.minWidth}px` : itemProps.minWidth;
+    if (itemProps.width)
+      style.width = typeof itemProps.width === "number" ? `${itemProps.width}px` : itemProps.width;
+    if (itemProps.minWidth)
+      style.minWidth = typeof itemProps.minWidth === "number" ? `${itemProps.minWidth}px` : itemProps.minWidth;
     style.textAlign = itemProps.labelAlign || itemProps.align || "left";
   } else {
     style.textAlign = itemProps.align || "left";
@@ -109,15 +114,19 @@ const descriptionsClasses = computed(() => [
             <!-- 横向布局 -->
             <tr v-if="direction === 'horizontal'" :class="ns.e('row')">
               <template v-for="(item, cellIndex) in row" :key="cellIndex">
-                <th :class="[ns.e('label'), ...getClassName(item.props, 'label')]"
-                  :style="getStyle(item.props, 'label')">
+                <th
+                  :class="[ns.e('label'), ...getClassName(item.props, 'label')]"
+                  :style="getStyle(item.props, 'label')"
+                >
                   <component :is="item.slots.label" v-if="item.slots.label" />
                   <template v-else>{{ item.props.label }}</template>
                   <span v-if="colon && !border && (item.props.label || item.slots.label)">:</span>
                 </th>
-                <td :class="[ns.e('content'), ...getClassName(item.props, 'content')]"
+                <td
+                  :class="[ns.e('content'), ...getClassName(item.props, 'content')]"
                   :style="getStyle(item.props, 'content')"
-                  :colspan="item.actualSpan * 2 - 1 > 1 ? item.actualSpan * 2 - 1 : void 0">
+                  :colspan="item.actualSpan * 2 - 1 > 1 ? item.actualSpan * 2 - 1 : void 0"
+                >
                   <component :is="item.slots.default" v-if="item.slots.default" />
                 </td>
               </template>
@@ -125,17 +134,25 @@ const descriptionsClasses = computed(() => [
             <!-- 垂直布局 -->
             <template v-else>
               <tr :class="ns.e('row')">
-                <th v-for="(item, cellIndex) in row" :key="cellIndex"
-                  :class="[ns.e('label'), ...getClassName(item.props, 'label')]" :style="getStyle(item.props, 'label')"
-                  :colspan="item.actualSpan">
+                <th
+                  v-for="(item, cellIndex) in row"
+                  :key="cellIndex"
+                  :class="[ns.e('label'), ...getClassName(item.props, 'label')]"
+                  :style="getStyle(item.props, 'label')"
+                  :colspan="item.actualSpan"
+                >
                   <component :is="item.slots.label" v-if="item.slots.label" />
                   <template v-else>{{ item.props.label }}</template>
                 </th>
               </tr>
               <tr :class="ns.e('row')">
-                <td v-for="(item, cellIndex) in row" :key="cellIndex"
+                <td
+                  v-for="(item, cellIndex) in row"
+                  :key="cellIndex"
                   :class="[ns.e('content'), ...getClassName(item.props, 'content')]"
-                  :style="getStyle(item.props, 'content')" :colspan="item.actualSpan">
+                  :style="getStyle(item.props, 'content')"
+                  :colspan="item.actualSpan"
+                >
                   <component :is="item.slots.default" v-if="item.slots.default" />
                 </td>
               </tr>

package/dist/descriptions/src/descriptions.vue.d.ts

@@ -88,12 +88,12 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly default: undefined;
     };
 }>> & Readonly<{}>, {
-    readonly size: "large" | "default" | "small";
-    readonly colon: boolean;
     readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
-    readonly direction: "vertical" | "horizontal";
-    readonly border: boolean;
     readonly column: number;
+    readonly size: "small" | "default" | "large";
+    readonly border: boolean;
+    readonly direction: "horizontal" | "vertical";
+    readonly colon: boolean;
     readonly labelClassName: string;
     readonly contentClassName: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;