cosey 0.8.2 → 0.9.0

package/components/components.d.ts

@@ -7,6 +7,7 @@ import { ConfigProvider } from './config-provider';
 import { Container } from './container';
 import { ContextMenu, ContextMenuItem, ContextSubMenu } from './context-menu';
 import { Copy } from './copy';
+import { Descriptions } from './descriptions';
 import { DndSort, DndSortItem } from './dnd-sort';
 import { Editor } from './editor';
 import { Field } from './field';
@@ -63,6 +64,7 @@ declare module 'vue' {
         CoContextMenuItem: typeof ContextMenuItem;
         CoContextSubMenu: typeof ContextSubMenu;
         CoCopy: typeof Copy;
+        CoDescriptions: typeof Descriptions;
         CoDndSort: typeof DndSort;
         CoDndSortItem: typeof DndSortItem;
         CoEditor: typeof Editor;
@@ -111,4 +113,4 @@ declare module 'vue' {
         CoWeekRangePicker: typeof WeekRangePicker;
     }
 }
-export { AudioCard, AudioViewer, Card, Close, Col, ConfigProvider, Container, ContextMenu, ContextMenuItem, ContextSubMenu, Copy, DndSort, DndSortItem, Editor, Field, FileCard, Form, FormDialog, FormDrawer, FormGroup, FormItem, FormList, FormQuery, Highlight, HorizontalTree, Icon, IconifyIcon, ImageCard, InputNumberRange, LongText, Mask, MediaCard, MediaCardGroup, MediaViewer, NumberFormat, OnlyChild, OptionalWrapper, Panel, RemoteSelect, Ribbon, Row, ScrollView, SnugMenu, SnugMenuItem, StackDialog, SvgIcon, SvgaCard, SvgaViewer, Table, TableAction, Toggle, Transition, TransitionGroup, Upload, VideoCard, VideoViewer, WeekRangePicker, };
+export { AudioCard, AudioViewer, Card, Close, Col, ConfigProvider, Container, ContextMenu, ContextMenuItem, ContextSubMenu, Copy, Descriptions, DndSort, DndSortItem, Editor, Field, FileCard, Form, FormDialog, FormDrawer, FormGroup, FormItem, FormList, FormQuery, Highlight, HorizontalTree, Icon, IconifyIcon, ImageCard, InputNumberRange, LongText, Mask, MediaCard, MediaCardGroup, MediaViewer, NumberFormat, OnlyChild, OptionalWrapper, Panel, RemoteSelect, Ribbon, Row, ScrollView, SnugMenu, SnugMenuItem, StackDialog, SvgIcon, SvgaCard, SvgaViewer, Table, TableAction, Toggle, Transition, TransitionGroup, Upload, VideoCard, VideoViewer, WeekRangePicker, };

package/components/components.js

@@ -7,6 +7,7 @@ export { ConfigProvider } from './config-provider/index.js';
 export { Container } from './container/index.js';
 export { ContextMenu, ContextMenuItem, ContextSubMenu } from './context-menu/index.js';
 export { Copy } from './copy/index.js';
+export { Descriptions } from './descriptions/index.js';
 export { DndSort, DndSortItem } from './dnd-sort/index.js';
 export { Editor } from './editor/index.js';
 export { Field } from './field/index.js';

package/components/descriptions/descriptions.api.d.ts

@@ -0,0 +1,28 @@
+import type { ExtractPropTypes, PropType, SlotsType } from 'vue';
+export declare const descriptionsProps: {
+    data: {
+        type: PropType<any[][]>;
+        default: () => never[];
+    };
+    labelAlign: {
+        type: PropType<"left" | "center" | "right">;
+        default: string;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    colon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type DescriptionsProps = ExtractPropTypes<typeof descriptionsProps>;
+export interface DescriptionsSlots {
+    default: {};
+}
+export declare const descriptionsSlots: SlotsType<DescriptionsSlots>;
+export declare const descriptionsEmits: {};
+export type DescriptionsEmits = typeof descriptionsEmits;
+export interface DescriptionsExpose {
+}

package/components/descriptions/descriptions.api.js

@@ -0,0 +1,22 @@
+const descriptionsProps = {
+  data: {
+    type: Array,
+    default: () => []
+  },
+  labelAlign: {
+    type: String,
+    default: "right"
+  },
+  border: {
+    type: Boolean,
+    default: false
+  },
+  colon: {
+    type: Boolean,
+    default: true
+  }
+};
+const descriptionsSlots = {};
+const descriptionsEmits = {};
+
+export { descriptionsEmits, descriptionsProps, descriptionsSlots };

package/components/descriptions/descriptions.d.ts

@@ -0,0 +1,41 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: import("vue").PropType<any[][]>;
+        default: () => never[];
+    };
+    labelAlign: {
+        type: import("vue").PropType<"left" | "center" | "right">;
+        default: string;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    colon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: import("vue").PropType<any[][]>;
+        default: () => never[];
+    };
+    labelAlign: {
+        type: import("vue").PropType<"left" | "center" | "right">;
+        default: string;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    colon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    border: boolean;
+    data: any[][];
+    labelAlign: "left" | "right" | "center";
+    colon: boolean;
+}, import("vue").SlotsType<import("./descriptions.api").DescriptionsSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/descriptions/descriptions.js

@@ -0,0 +1,37 @@
+import { defineComponent, createVNode } from 'vue';
+import { descriptionsEmits, descriptionsSlots, descriptionsProps } from './descriptions.api.js';
+import stdin_default$1 from './descriptions.style.js';
+import { useComponentConfig } from '../config-provider/config-provider.api.js';
+
+var stdin_default = defineComponent({
+  name: "CoDescriptions",
+  props: descriptionsProps,
+  slots: descriptionsSlots,
+  emits: descriptionsEmits,
+  setup(props) {
+    const {
+      prefixCls
+    } = useComponentConfig("descriptions", props);
+    const {
+      hashId
+    } = stdin_default$1(prefixCls);
+    return () => {
+      return createVNode("table", {
+        "class": [hashId.value, prefixCls.value, `is-label-${props.labelAlign}`, {
+          "is-bordered": props.border,
+          "has-colon": props.colon
+        }]
+      }, [createVNode("tbody", null, [props.data?.map((row, i) => {
+        return createVNode("tr", {
+          "key": i
+        }, [row.map((cell, j) => {
+          return createVNode("td", {
+            "key": j
+          }, [createVNode("span", null, [cell])]);
+        })]);
+      })])]);
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/descriptions/descriptions.style.d.ts

@@ -0,0 +1,4 @@
+declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, themeManager?: import("../theme/theme-context").ThemeManager) => {
+    hashId: import("vue").Ref<string, string>;
+};
+export default _default;

package/components/descriptions/descriptions.style.js

@@ -0,0 +1,69 @@
+import { getSimpleStyleHook } from '../theme/getSimpleStyleHook.js';
+
+var stdin_default = getSimpleStyleHook("CoDescriptions", (token) => {
+  const { componentCls } = token;
+  return {
+    [`${componentCls}`]: {
+      borderCollapse: "collapse",
+      tr: {
+        background: "transparent"
+      },
+      td: {
+        "&:nth-child(2n-1)": {
+          color: token.colorTextTertiary
+        }
+      },
+      "&.is-label-left": {
+        td: {
+          "&:nth-child(2n-1)": {
+            textAlign: "left"
+          }
+        }
+      },
+      "&.is-label-center": {
+        td: {
+          "&:nth-child(2n-1)": {
+            textAlign: "center"
+          }
+        }
+      },
+      "&.is-label-right": {
+        td: {
+          "&:nth-child(2n-1)": {
+            textAlign: "right"
+          }
+        }
+      },
+      "&:not(.is-bordered)": {
+        td: {
+          "&:nth-child(2n)": {
+            paddingInlineStart: token.paddingXS
+          },
+          "&:nth-child(2n-1)": {
+            "&:not(:first-child)": {
+              paddingInlineStart: token.paddingSM
+            }
+          }
+        }
+      },
+      "&.is-bordered": {
+        td: {
+          border: `1px solid ${token.colorBorderSecondary}`,
+          paddingBlock: token.paddingXXS,
+          paddingInline: token.paddingXS
+        }
+      },
+      "&.has-colon": {
+        td: {
+          "&:nth-child(2n-1)": {
+            "span::after": {
+              content: '": "'
+            }
+          }
+        }
+      }
+    }
+  };
+});
+
+export { stdin_default as default };

package/components/descriptions/index.d.ts

@@ -0,0 +1,82 @@
+export * from './descriptions';
+declare const _Descriptions: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        data: {
+            type: import("vue").PropType<any[][]>;
+            default: () => never[];
+        };
+        labelAlign: {
+            type: import("vue").PropType<"left" | "center" | "right">;
+            default: string;
+        };
+        border: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        colon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        border: boolean;
+        data: any[][];
+        labelAlign: "left" | "right" | "center";
+        colon: boolean;
+    }, true, {}, import("vue").SlotsType<import("./descriptions.api").DescriptionsSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        data: {
+            type: import("vue").PropType<any[][]>;
+            default: () => never[];
+        };
+        labelAlign: {
+            type: import("vue").PropType<"left" | "center" | "right">;
+            default: string;
+        };
+        border: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        colon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        border: boolean;
+        data: any[][];
+        labelAlign: "left" | "right" | "center";
+        colon: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: import("vue").PropType<any[][]>;
+        default: () => never[];
+    };
+    labelAlign: {
+        type: import("vue").PropType<"left" | "center" | "right">;
+        default: string;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    colon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    border: boolean;
+    data: any[][];
+    labelAlign: "left" | "right" | "center";
+    colon: boolean;
+}, {}, string, import("vue").SlotsType<import("./descriptions.api").DescriptionsSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
+export { _Descriptions as Descriptions };
+export default _Descriptions;

package/components/descriptions/index.js

@@ -0,0 +1,7 @@
+import { withInstall } from '../utils.js';
+import stdin_default$1 from './descriptions.js';
+
+const _Descriptions = withInstall(stdin_default$1);
+var stdin_default = _Descriptions;
+
+export { _Descriptions as Descriptions, stdin_default as default };

package/components/index.d.ts

@@ -8,6 +8,7 @@ export * from './container';
 export * from './context-menu';
 export * from './copy';
 export * from './cssinjs';
+export * from './descriptions';
 export * from './dnd-sort';
 export * from './editor';
 export * from './field';

package/components/index.js

@@ -7,6 +7,7 @@ export { ConfigProvider } from './config-provider/index.js';
 export { Container } from './container/index.js';
 export { ContextMenu, ContextMenuItem, ContextSubMenu } from './context-menu/index.js';
 export { Copy } from './copy/index.js';
+export { Descriptions } from './descriptions/index.js';
 export { DndSort, DndSortItem } from './dnd-sort/index.js';
 export { Editor } from './editor/index.js';
 export { Field } from './field/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cosey",
-  "version": "0.8.2",
+  "version": "0.9.0",
   "description": "基于 Vue3 + vite 的后台管理系统框架",
   "type": "module",
   "main": "index.js",