cosey 0.3.3 → 0.3.5

package/components/card/card.d.ts

@@ -0,0 +1,11 @@
+export interface CardProps {
+}
+export interface CardSlots {
+    default?: (props: Record<string, never>) => any;
+}
+export interface CardEmits {
+    (e: 'click'): void;
+}
+export interface CardExpose {
+    method: () => void;
+}

package/components/card/card.js

@@ -0,0 +1 @@
+

package/components/card/card.vue.d.ts

@@ -0,0 +1,16 @@
+import { type CardProps, type CardSlots } from './card';
+type __VLS_Slots = CardSlots;
+declare const __VLS_component: import("vue").DefineComponent<CardProps, {
+    method: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: () => any;
+}, string, import("vue").PublicProps, Readonly<CardProps> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/card/card.vue.js

@@ -0,0 +1,31 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from 'vue';
+import stdin_default$1 from './style/index.js';
+import { useComponentConfig } from '../config-provider/config-provider.js';
+
+var stdin_default = /* @__PURE__ */defineComponent({
+  ...{
+    name: "Card"
+  },
+  __name: "card",
+  emits: ["click"],
+  setup(__props, {
+    expose: __expose
+  }) {
+    const props = __props;
+    const {
+      prefixCls
+    } = useComponentConfig("card", props);
+    const {
+      hashId
+    } = stdin_default$1(prefixCls);
+    __expose();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(hashId), unref(prefixCls)])
+      }, [renderSlot(_ctx.$slots, "default")], 2
+      /* CLASS */);
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/card/index.d.ts

@@ -0,0 +1,34 @@
+export * from './card';
+declare const _Card: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./card").CardProps> & Readonly<{
+        onClick?: (() => any) | undefined;
+    }>, {
+        method: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        click: () => any;
+    }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./card").CardProps> & Readonly<{
+        onClick?: (() => any) | undefined;
+    }>, {
+        method: () => void;
+    }, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./card").CardProps> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    method: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: () => any;
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: import("./card").CardSlots;
+}) & import("vue").Plugin;
+export { _Card as Card };
+export default _Card;

package/components/card/index.js

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

package/components/card/style/index.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/card/style/index.js

@@ -0,0 +1,14 @@
+import { getSimpleStyleHook } from 'cosey/components';
+
+var stdin_default = getSimpleStyleHook("Card", (token) => {
+  const { componentCls } = token;
+  return {
+    [`${componentCls}`]: {
+      backgroundColor: token.colorBgContainer,
+      paddingInline: token.sizeSM,
+      paddingBlock: token.size
+    }
+  };
+});
+
+export { stdin_default as default };

package/components/components.d.ts

@@ -1,5 +1,6 @@
 import { AudioCard } from './audio-card';
 import { AudioViewer } from './audio-viewer';
+import { Card } from './card';
 import { Close } from './close';
 import { Col } from './col';
 import { ConfigProvider } from './config-provider';
@@ -46,6 +47,7 @@ declare module 'vue' {
     interface GlobalComponents {
         CoAudioCard: typeof AudioCard;
         CoAudioViewer: typeof AudioViewer;
+        CoCard: typeof Card;
         CoClose: typeof Close;
         CoCol: typeof Col;
         CoConfigProvider: typeof ConfigProvider;
@@ -95,4 +97,4 @@ declare module 'vue' {
         CoVideoViewer: typeof VideoViewer;
     }
 }
-export { AudioCard, AudioViewer, Close, Col, ConfigProvider, Container, ContextMenu, ContextMenuItem, ContextSubMenu, Copy, DndSort, DndSortItem, Editor, Field, FileCard, Form, FormItem, FormDialog, FormDrawer, FormGroup, FormList, FormQuery, Highlight, HorizontalTree, Icon, IconifyIcon, ImageCard, LongText, Mask, MediaCard, MediaCardGroup, MediaViewer, NumberFormat, OnlyChild, OptionalWrapper, Panel, Row, ScrollView, SnugMenu, SnugMenuItem, SvgIcon, Table, TableAction, Toggle, Transition, TransitionGroup, Upload, VideoCard, VideoViewer, };
+export { AudioCard, AudioViewer, Card, Close, Col, ConfigProvider, Container, ContextMenu, ContextMenuItem, ContextSubMenu, Copy, DndSort, DndSortItem, Editor, Field, FileCard, Form, FormItem, FormDialog, FormDrawer, FormGroup, FormList, FormQuery, Highlight, HorizontalTree, Icon, IconifyIcon, ImageCard, LongText, Mask, MediaCard, MediaCardGroup, MediaViewer, NumberFormat, OnlyChild, OptionalWrapper, Panel, Row, ScrollView, SnugMenu, SnugMenuItem, SvgIcon, Table, TableAction, Toggle, Transition, TransitionGroup, Upload, VideoCard, VideoViewer, };

package/components/components.js

@@ -1,5 +1,6 @@
 export { AudioCard } from './audio-card/index.js';
 export { AudioViewer } from './audio-viewer/index.js';
+export { Card } from './card/index.js';
 export { Close } from './close/index.js';
 export { Col } from './col/index.js';
 export { ConfigProvider } from './config-provider/index.js';

package/components/index.d.ts

@@ -1,11 +1,13 @@
 export * from './audio-card';
 export * from './audio-viewer';
+export * from './card';
 export * from './close';
 export * from './col';
 export * from './config-provider';
 export * from './container';
 export * from './context-menu';
 export * from './copy';
+export * from './cssinjs';
 export * from './dnd-sort';
 export * from './editor';
 export * from './field';
@@ -44,7 +46,6 @@ export * from './transition-group';
 export * from './upload';
 export * from './video-card';
 export * from './video-viewer';
-export * from './cssinjs';
 import { type App } from 'vue';
 import * as components from './components';
 declare const installer: {

package/components/index.js

@@ -1,5 +1,6 @@
 export { AudioCard } from './audio-card/index.js';
 export { AudioViewer } from './audio-viewer/index.js';
+export { Card } from './card/index.js';
 export { Close } from './close/index.js';
 export { Col } from './col/index.js';
 export { ConfigProvider } from './config-provider/index.js';
@@ -49,6 +50,8 @@ export { defaultColProps } from './col/col.js';
 export { defaultConfigProvider, defaultPrefixCls, useComponentConfig, useConfig, useConfigProvide } from './config-provider/config-provider.js';
 export { containerContextKey } from './container/container.js';
 export { contextMenuContextSymbol } from './context-menu/context-menu.js';
+export { default as Keyframes } from './cssinjs/Keyframes.js';
+export { parseStyle } from './cssinjs/parser.js';
 export { dndSortContextSymbol } from './dnd-sort/dnd-sort.js';
 export { useDndSort } from './dnd-sort/useDndSort.js';
 export { useDndSortItem } from './dnd-sort/useDndSortItem.js';
@@ -99,8 +102,6 @@ export { defaultUploadProps } from './upload/upload.js';
 export { useUpload, useUploadProvide } from './upload-context.js';
 export { defaultVideoCardProps } from './video-card/video-card.js';
 export { defaultVideoViewerProps } from './video-viewer/video-viewer.js';
-export { default as Keyframes } from './cssinjs/Keyframes.js';
-export { parseStyle } from './cssinjs/parser.js';
 
 const installer = {
   install(app) {

package/components/table/index.d.ts

@@ -28,7 +28,7 @@ declare const _Table: {
         formProps: {
             type: import("vue").PropType<Partial<import("vue").ExtractPropTypes<{
                 schemes: {
-                    type: import("vue").PropType<import("..").FormItemProps<import("..").FieldType>[]>;
+                    type: import("vue").PropType<import(".").TableQueryScheme[]>;
                     default: () => never[];
                 };
                 grid: {
@@ -351,7 +351,7 @@ declare const _Table: {
         formProps: {
             type: import("vue").PropType<Partial<import("vue").ExtractPropTypes<{
                 schemes: {
-                    type: import("vue").PropType<import("..").FormItemProps<import("..").FieldType>[]>;
+                    type: import("vue").PropType<import(".").TableQueryScheme[]>;
                     default: () => never[];
                 };
                 grid: {

package/components/table/table-column/renderer.d.ts

@@ -1,4 +1,4 @@
-import { SwitchProps, type TableColumnCtx } from 'element-plus';
+import { type LinkProps, SwitchProps, type TableColumnCtx } from 'element-plus';
 import { type TableColumnProps } from './table-column';
 import { type LongTextProps } from '../../long-text';
 import { type MediaCardProps } from '../../media-card';
@@ -27,12 +27,21 @@ export type RendererType = 'text' | 'date' | 'datetime' | 'media' | {
     type: 'switch';
     props?: Partial<SwitchProps>;
     api?: (value: any, row: any) => Promise<any>;
+} | {
+    type: 'click';
+    props?: Partial<LinkProps>;
+    onClick?: (params: {
+        row: any;
+        value: any;
+        index: number;
+        column: TableColumnCtx<any>;
+    }) => void;
 };
 export declare const mapRendererColumnProps: Record<string, TableColumnProps>;
 /**
  * 可组合其他组件进行渲染
  */
-export declare function renderer<T extends RendererType>({ cellValue, row }: RendererOptions, type: RendererType | undefined, t: Translator): any;
+export declare function renderer<T extends RendererType>({ cellValue, row, index, column }: RendererOptions, type: RendererType | undefined, t: Translator): any;
 /**
  * 导出表格数据时使用的渲染器，只需要获取文本数据
  */

package/components/table/table-column/renderer.js

@@ -1,5 +1,5 @@
-import { ref, createVNode, mergeProps } from 'vue';
-import { ElSwitch, ElMessage, ElTag } from 'element-plus';
+import { createVNode, mergeProps, ref, isVNode } from 'vue';
+import { ElLink, ElSwitch, ElMessage, ElTag } from 'element-plus';
 import { get } from 'lodash-es';
 import { LongText as _LongText } from '../../long-text/index.js';
 import { MediaCard as _MediaCard } from '../../media-card/index.js';
@@ -9,6 +9,9 @@ import { Scope } from '../../../utils/vue.js';
 import { formatAsDate, formatAsDateTime } from '../../../utils/date.js';
 import { toArray } from '../../../utils/array.js';
 
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+}
 const mapRendererColumnProps = {
   media: {
     minWidth: 104,
@@ -24,7 +27,9 @@ const mapRendererColumnProps = {
 };
 function renderer({
   cellValue,
-  row
+  row,
+  index,
+  column
 }, type = "text", t) {
   if (isEmpty(cellValue)) {
     return "";
@@ -89,6 +94,21 @@ function renderer({
           }), null)]
         });
       }
+    case "click":
+      return createVNode(ElLink, mergeProps({
+        "type": "primary",
+        "underline": "never",
+        "style": "font-weight: normal; word-break: break-all;"
+      }, obj.props, {
+        "onClick": () => obj.onClick?.({
+          row,
+          value: cellValue,
+          index,
+          column
+        })
+      }), _isSlot(cellValue) ? cellValue : {
+        default: () => [cellValue]
+      });
   }
 }
 function exportRenderer(row, column, cellValue, index) {
@@ -110,6 +130,7 @@ function exportRenderer(row, column, cellValue, index) {
     case "media":
     case "longtext":
     case "switch":
+    case "click":
       return cellValue;
     case "mediagroup":
       return JSON.stringify(cellValue);

package/components/table/table-column/table-column.vue.js

@@ -46,7 +46,10 @@ const TableColumn = defineComponent({
           obj.formatter = (row, column, cellValue, index) => {
             return renderer({
               cellValue,
-              row}, obj.renderer, t);
+              row,
+              column,
+              index
+            }, obj.renderer, t);
           };
           const renderType = typeof obj.renderer === "object" ? obj.renderer.type : obj.renderer;
           const renderProps = mapRendererColumnProps[renderType];

package/components/table/table-query/table-query.d.ts

@@ -1,10 +1,16 @@
 import { type FieldType } from '../../field';
 import { type FormItemProps } from '../../form';
 import { type FormQuerySlots, type FormQueryEmits, type FormQueryExpose } from '../../form-query';
-import { type PropType, type ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes, VNodeChild } from 'vue';
+export type TableQueryScheme = FormItemProps<FieldType> & {
+    render?: (params: {
+        model: Record<string, any>;
+    }) => VNodeChild;
+    slots?: Record<string, unknown>;
+};
 export declare const tableQueryProps: {
     schemes: {
-        type: PropType<FormItemProps<FieldType>[]>;
+        type: PropType<TableQueryScheme[]>;
         default: () => never[];
     };
     grid: {

package/components/table/table-query/table-query.vue.d.ts

@@ -2,7 +2,7 @@ import { type TableQuerySlots } from './table-query';
 type __VLS_Slots = TableQuerySlots;
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     schemes: {
-        type: import("vue").PropType<import("../..").FormItemProps<import("../..").FieldType>[]>;
+        type: import("vue").PropType<import("./table-query").TableQueryScheme[]>;
         default: () => never[];
     };
     grid: {
@@ -155,7 +155,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     "update:collapsed": (val: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     schemes: {
-        type: import("vue").PropType<import("../..").FormItemProps<import("../..").FieldType>[]>;
+        type: import("vue").PropType<import("./table-query").TableQueryScheme[]>;
         default: () => never[];
     };
     grid: {
@@ -318,7 +318,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     scrollIntoViewOptions: boolean | Record<string, any>;
     minFields: number;
     collapsed: boolean;
-    schemes: import("../..").FormItemProps<keyof import("../..").MapFieldTypeComponentProps>[];
+    schemes: import("./table-query").TableQueryScheme[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/components/table/table-query/table-query.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent, useTemplateRef, reactive, onBeforeMount, createBlock, openBlock, unref, mergeProps, withKeys, withModifiers, withCtx, createElementBlock, Fragment, renderList } from 'vue';
+import { defineComponent, ref, reactive, onBeforeMount, createBlock, openBlock, resolveDynamicComponent, unref } from 'vue';
 import { tableQueryProps, omittedTableQueryProps, tableQueryExposeKeys } from './table-query.js';
 import { reactiveOmit } from '@vueuse/core';
 import { cloneDeep } from 'lodash-es';
 import { FormItem as _FormItem } from '../../form/index.js';
 import { FormQuery as _FormQuery } from '../../form-query/index.js';
-import { createMergedExpose } from '../../../utils/vue.js';
+import { createMergedExpose, defineTemplate } from '../../../utils/vue.js';
 
 var stdin_default = /* @__PURE__ */defineComponent({
   ...{
@@ -18,7 +18,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
   }) {
     const props = __props;
     const formQueryProps = reactiveOmit(props, omittedTableQueryProps);
-    const formQueryRef = useTemplateRef("formQuery");
+    const formQueryRef = ref();
     const formModel = reactive({});
     onBeforeMount(() => {
       props.schemes.forEach(item => {
@@ -40,26 +40,39 @@ var stdin_default = /* @__PURE__ */defineComponent({
       }
     };
     __expose(createMergedExpose(tableQueryExposeKeys, () => formQueryRef.value, customExpose));
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_FormQuery), mergeProps({
-        ref: "formQuery"
-      }, unref(formQueryProps), {
+    const template = defineTemplate(h => {
+      return h(_FormQuery, {
+        ...formQueryProps,
+        ref: formQueryRef,
         model: formModel,
-        onKeyup: withKeys(withModifiers(onEnter, ["prevent"]), ["enter"])
-      }), {
-        default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.schemes, (item, i) => {
-          return openBlock(), createBlock(unref(_FormItem), mergeProps({
-            key: i,
-            ref_for: true
-          }, item, {
-            modelValue: formModel[item.prop],
-            "onUpdate:modelValue": $event => formModel[item.prop] = $event
-          }), null, 16, ["modelValue", "onUpdate:modelValue"]);
-        }), 128
-        /* KEYED_FRAGMENT */))]),
-        _: 1
-        /* STABLE */
-      }, 16, ["model", "onKeyup"]);
+        onKeyupEnterPrevent: onEnter
+      }, () => {
+        return props.schemes.map(item => {
+          const {
+            slots,
+            render,
+            ...rest
+          } = item;
+          if (render) {
+            return h(_FormItem, rest, {
+              ...slots,
+              default: () => {
+                return render({
+                  model: formModel
+                });
+              }
+            });
+          }
+          return h(_FormItem, {
+            ...rest,
+            modelValue: formModel[rest.prop],
+            "onUpdate:modelValue": value => formModel[rest.prop] = value
+          }, slots);
+        });
+      });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(template)));
     };
   }
 });

package/package.json

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