cosey 0.5.0 → 0.5.2

package/components/table-action/item.api.d.ts

@@ -0,0 +1,98 @@
+import { popconfirmProps } from 'element-plus';
+import { ExtractPublicPropTypes, PropType, type ExtractPropTypes } from 'vue';
+export declare const tableActionItemProps: {
+    link: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    type: {
+        type: PropType<"primary" | "success" | "warning" | "danger" | "info" | "text">;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+    };
+    popconfirm: {
+        type: PropType<Partial<ExtractPropTypes<typeof popconfirmProps>> & {
+            confirm?: (event: MouseEvent) => any;
+            cancel?: (event: MouseEvent) => void;
+        }>;
+    };
+    onClick: {
+        type: PropType<(event: MouseEvent) => void>;
+    };
+    hidden: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: {
+        type: StringConstructor;
+    };
+    size: {
+        readonly type: PropType<"" | "default" | "large" | "small">;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    disabled: BooleanConstructor;
+    nativeType: {
+        readonly type: PropType<"button" | "reset" | "submit">;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "button";
+    };
+    loading: BooleanConstructor;
+    loadingIcon: {
+        readonly type: PropType<string | import("vue").Component>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: () => any;
+    };
+    plain: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    text: BooleanConstructor;
+    bg: BooleanConstructor;
+    autofocus: BooleanConstructor;
+    round: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    circle: BooleanConstructor;
+    color: StringConstructor;
+    dark: BooleanConstructor;
+    autoInsertSpace: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    tag: {
+        readonly type: PropType<string | import("vue").Component>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "button";
+    };
+};
+export type TableActionItem = ExtractPublicPropTypes<typeof tableActionItemProps>;

package/components/table-action/item.api.js

@@ -0,0 +1,35 @@
+import { buttonProps } from 'element-plus';
+
+const tableActionItemProps = {
+  ...buttonProps,
+  link: {
+    type: Boolean,
+    default: true
+  },
+  type: {
+    type: String,
+    default: "primary"
+  },
+  label: {
+    type: String
+  },
+  popconfirm: {
+    type: Object
+  },
+  onClick: {
+    type: Function
+  },
+  hidden: {
+    type: Boolean,
+    default: false
+  },
+  visible: {
+    type: Boolean,
+    default: true
+  },
+  icon: {
+    type: String
+  }
+};
+
+export { tableActionItemProps };

package/components/table-action/item.d.ts

@@ -1,25 +1,23 @@
-import { popconfirmProps } from 'element-plus';
-import { PropType, type ExtractPropTypes } from 'vue';
-export declare const tableActionItemProps: {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     link: {
-        type: PropType<boolean>;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     type: {
-        type: PropType<"primary" | "success" | "warning" | "danger" | "info" | "text">;
+        type: import("vue").PropType<"primary" | "success" | "warning" | "danger" | "info" | "text">;
         default: string;
     };
     label: {
         type: StringConstructor;
     };
     popconfirm: {
-        type: PropType<Partial<ExtractPropTypes<typeof popconfirmProps>> & {
+        type: import("vue").PropType<Partial<import("vue").ExtractPropTypes<typeof import("element-plus").popconfirmProps>> & {
             confirm?: (event: MouseEvent) => any;
             cancel?: (event: MouseEvent) => void;
         }>;
     };
     onClick: {
-        type: PropType<(event: MouseEvent) => void>;
+        type: import("vue").PropType<(event: MouseEvent) => void>;
     };
     hidden: {
         type: BooleanConstructor;
@@ -33,14 +31,14 @@ export declare const tableActionItemProps: {
         type: StringConstructor;
     };
     size: {
-        readonly type: PropType<"" | "default" | "large" | "small">;
+        readonly type: import("vue").PropType<"" | "default" | "large" | "small">;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     disabled: BooleanConstructor;
     nativeType: {
-        readonly type: PropType<"button" | "reset" | "submit">;
+        readonly type: import("vue").PropType<"button" | "reset" | "submit">;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -49,7 +47,7 @@ export declare const tableActionItemProps: {
     };
     loading: BooleanConstructor;
     loadingIcon: {
-        readonly type: PropType<string | import("vue").Component>;
+        readonly type: import("vue").PropType<string | import("vue").Component>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -57,7 +55,7 @@ export declare const tableActionItemProps: {
         readonly default: () => any;
     };
     plain: {
-        readonly type: PropType<boolean>;
+        readonly type: import("vue").PropType<boolean>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -68,7 +66,7 @@ export declare const tableActionItemProps: {
     bg: BooleanConstructor;
     autofocus: BooleanConstructor;
     round: {
-        readonly type: PropType<boolean>;
+        readonly type: import("vue").PropType<boolean>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -79,7 +77,7 @@ export declare const tableActionItemProps: {
     color: StringConstructor;
     dark: BooleanConstructor;
     autoInsertSpace: {
-        readonly type: PropType<boolean>;
+        readonly type: import("vue").PropType<boolean>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -87,12 +85,124 @@ export declare const tableActionItemProps: {
         readonly default: undefined;
     };
     tag: {
-        readonly type: PropType<string | import("vue").Component>;
+        readonly type: import("vue").PropType<string | import("vue").Component>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     } & {
         readonly default: "button";
     };
-};
-export type TableActionItem = Partial<ExtractPropTypes<typeof tableActionItemProps>>;
+}>, () => import("vue/jsx-runtime").JSX.Element | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    link: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    type: {
+        type: import("vue").PropType<"primary" | "success" | "warning" | "danger" | "info" | "text">;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+    };
+    popconfirm: {
+        type: import("vue").PropType<Partial<import("vue").ExtractPropTypes<typeof import("element-plus").popconfirmProps>> & {
+            confirm?: (event: MouseEvent) => any;
+            cancel?: (event: MouseEvent) => void;
+        }>;
+    };
+    onClick: {
+        type: import("vue").PropType<(event: MouseEvent) => void>;
+    };
+    hidden: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: {
+        type: StringConstructor;
+    };
+    size: {
+        readonly type: import("vue").PropType<"" | "default" | "large" | "small">;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    disabled: BooleanConstructor;
+    nativeType: {
+        readonly type: import("vue").PropType<"button" | "reset" | "submit">;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "button";
+    };
+    loading: BooleanConstructor;
+    loadingIcon: {
+        readonly type: import("vue").PropType<string | import("vue").Component>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: () => any;
+    };
+    plain: {
+        readonly type: import("vue").PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    text: BooleanConstructor;
+    bg: BooleanConstructor;
+    autofocus: BooleanConstructor;
+    round: {
+        readonly type: import("vue").PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    circle: BooleanConstructor;
+    color: StringConstructor;
+    dark: BooleanConstructor;
+    autoInsertSpace: {
+        readonly type: import("vue").PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    tag: {
+        readonly type: import("vue").PropType<string | import("vue").Component>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "button";
+    };
+}>> & Readonly<{}>, {
+    hidden: boolean;
+    visible: boolean;
+    round: boolean;
+    dark: boolean;
+    text: boolean;
+    circle: boolean;
+    disabled: boolean;
+    type: "text" | "warning" | "success" | "primary" | "info" | "danger";
+    link: boolean;
+    autofocus: boolean;
+    loading: boolean;
+    tag: string | import("vue").Component;
+    plain: boolean;
+    nativeType: "button" | "reset" | "submit";
+    loadingIcon: string | import("vue").Component;
+    bg: boolean;
+    autoInsertSpace: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/table-action/item.js

@@ -1,35 +1,91 @@
-import { buttonProps } from 'element-plus';
+import { defineComponent, computed, ref, createVNode, Fragment, mergeProps, isVNode } from 'vue';
+import { omit } from 'lodash-es';
+import { ElPopconfirm, ElButton } from 'element-plus';
+import { tableActionItemProps } from './item.api.js';
+import stdin_default$1 from '../icon/icon.vue.js';
+import { useToken } from '../theme/util/useToken.js';
+import { useLocale } from '../../hooks/useLocale.js';
 
-const tableActionItemProps = {
-  ...buttonProps,
-  link: {
-    type: Boolean,
-    default: true
-  },
-  type: {
-    type: String,
-    default: "primary"
-  },
-  label: {
-    type: String
-  },
-  popconfirm: {
-    type: Object
-  },
-  onClick: {
-    type: Function
-  },
-  hidden: {
-    type: Boolean,
-    default: false
-  },
-  visible: {
-    type: Boolean,
-    default: true
-  },
-  icon: {
-    type: String
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+}
+var stdin_default = defineComponent({
+  name: "CoTableActionItem",
+  inheritAttrs: false,
+  props: tableActionItemProps,
+  setup(props) {
+    const {
+      t
+    } = useLocale();
+    const {
+      token
+    } = useToken();
+    const buttonProps = computed(() => {
+      return omit(props, "icon");
+    });
+    const loading = ref(false);
+    const mergedVisible = computed(() => {
+      return props.hidden ? false : props.visible;
+    });
+    const onConfirm = async (e, confirm) => {
+      loading.value = true;
+      try {
+        await props.popconfirm?.confirm?.(e);
+        confirm(e);
+      } catch {} finally {
+        loading.value = false;
+      }
+    };
+    const onCancel = (e, cancel) => {
+      cancel(e);
+    };
+    return () => {
+      if (!mergedVisible.value) return;
+      if (props.popconfirm) {
+        return createVNode(ElPopconfirm, props.popconfirm, {
+          reference: () => createVNode(ElButton, mergeProps(omit(buttonProps.value, "popconfirm"), {
+            "style": "margin: 0"
+          }), {
+            default: () => [props.icon && createVNode(stdin_default$1, {
+              "name": props.icon,
+              "style": {
+                marginInlineEnd: token.value.marginXXS + "px"
+              }
+            }, null), props.label]
+          }),
+          actions: ({
+            confirm,
+            cancel
+          }) => {
+            let _slot, _slot2;
+            return createVNode(Fragment, null, [createVNode(ElButton, {
+              "size": "small",
+              "onClick": event => onCancel(event, cancel)
+            }, _isSlot(_slot = t("co.common.no")) ? _slot : {
+              default: () => [_slot]
+            }), createVNode(ElButton, {
+              "type": "danger",
+              "size": "small",
+              "loading": loading.value,
+              "onClick": event => onConfirm(event, confirm)
+            }, _isSlot(_slot2 = t("co.common.yes")) ? _slot2 : {
+              default: () => [_slot2]
+            })]);
+          }
+        });
+      }
+      return createVNode(ElButton, mergeProps(buttonProps.value, {
+        "style": "margin: 0"
+      }), {
+        default: () => [props.icon && createVNode(stdin_default$1, {
+          "name": props.icon,
+          "style": {
+            marginInlineEnd: token.value.marginXXS + "px"
+          }
+        }, null), props.label]
+      });
+    };
   }
-};
+});
 
-export { tableActionItemProps };
+export { stdin_default as default };

package/components/table-action/table-action.api.d.ts

@@ -0,0 +1,9 @@
+import { type ExtractPropTypes, type PropType } from 'vue';
+import { type TableActionItem } from './item.api';
+export declare const tableActionProps: {
+    actions: {
+        type: PropType<TableActionItem[] | TableActionItem[][]>;
+        default: () => never[];
+    };
+};
+export type TableActionProps = ExtractPropTypes<typeof tableActionProps>;

package/components/table-action/table-action.api.js

@@ -0,0 +1,8 @@
+const tableActionProps = {
+  actions: {
+    type: Array,
+    default: () => []
+  }
+};
+
+export { tableActionProps };

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

@@ -1,7 +1,15 @@
-import { type TableActionItem } from './item';
-export interface TableActionProps {
-    actions?: TableActionItem[] | TableActionItem[][];
-}
-export declare const defaultTableActionProps: {
-    actions: () => never[];
-};
+import { TableActionItem } from './item.api';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    actions: {
+        type: import("vue").PropType<TableActionItem[] | TableActionItem[][]>;
+        default: () => never[];
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    actions: {
+        type: import("vue").PropType<TableActionItem[] | TableActionItem[][]>;
+        default: () => never[];
+    };
+}>> & Readonly<{}>, {
+    actions: TableActionItem[] | TableActionItem[][];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/table-action/table-action.js

@@ -1,5 +1,37 @@
-const defaultTableActionProps = {
-  actions: () => []
-};
+import { defineComponent, computed, createVNode, mergeProps } from 'vue';
+import { tableActionProps } from './table-action.api.js';
+import stdin_default$2 from './item.js';
+import stdin_default$1 from './table-action.style.js';
+import { useComponentConfig } from '../config-provider/config-provider.api.js';
 
-export { defaultTableActionProps };
+var stdin_default = defineComponent({
+  name: "CoTableAction",
+  props: tableActionProps,
+  setup(props) {
+    const dyadicActions = computed(() => {
+      return Array.isArray(props.actions[0]) ? props.actions : [props.actions];
+    });
+    const {
+      prefixCls
+    } = useComponentConfig("table-action", props);
+    const {
+      hashId
+    } = stdin_default$1(prefixCls);
+    return () => {
+      return createVNode("div", {
+        "class": [hashId.value, prefixCls.value]
+      }, [dyadicActions.value.map((actions, rowIndex) => {
+        return createVNode("div", {
+          "key": rowIndex,
+          "class": `${prefixCls.value}-row`
+        }, [actions.map((action, actionIndex) => {
+          return createVNode(stdin_default$2, mergeProps({
+            "key": actionIndex
+          }, action), null);
+        })]);
+      })]);
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/table-action/table-action.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/table-action/{style/index.js → table-action.style.js}

@@ -1,6 +1,6 @@
-import { getStyleHook } from '../../theme/getStyleHook.js';
+import { getSimpleStyleHook } from '../theme/getSimpleStyleHook.js';
 
-const getTableActionStyle = (token) => {
+var stdin_default = getSimpleStyleHook("CoTableAction", (token) => {
   const { componentCls } = token;
   return {
     [componentCls]: {
@@ -15,9 +15,6 @@ const getTableActionStyle = (token) => {
       }
     }
   };
-};
-var stdin_default = getStyleHook("TableAction", (token) => {
-  return [getTableActionStyle(token)];
 });
 
 export { stdin_default as default };

package/components/theme/getGlobalStyleHook.js

@@ -2,7 +2,7 @@ import { computed, watch } from 'vue';
 import { useStyleRegister } from './useStyleRegister.js';
 import { useToken } from './util/useToken.js';
 import { tokenValueToCssVar } from './util/tokenValueToCssVar.js';
-import { useConfig } from '../config-provider/config-provider.js';
+import { useConfig } from '../config-provider/config-provider.api.js';
 import { useMounted } from '../../hooks/useMounted.js';
 import { isClient } from '../../utils/env.js';
 

package/components/theme/getOverrideStyleHook.js

@@ -2,7 +2,7 @@ import { watch } from 'vue';
 import { parseStyle } from '../cssinjs/parser.js';
 import { useToken } from './util/useToken.js';
 import { tokenValueToCssVar } from './util/tokenValueToCssVar.js';
-import { useConfig } from '../config-provider/config-provider.js';
+import { useConfig } from '../config-provider/config-provider.api.js';
 import hash from '@emotion/hash';
 import { normalizeStyle } from './util/normalizeStyle.js';
 

package/components/theme/getSimpleStyleHook.js

@@ -2,7 +2,7 @@ import { computed, unref } from 'vue';
 import { useStyleRegister } from './useStyleRegister.js';
 import { useToken } from './util/useToken.js';
 import { tokenValueToCssVar } from './util/tokenValueToCssVar.js';
-import { useConfig } from '../config-provider/config-provider.js';
+import { useConfig } from '../config-provider/config-provider.api.js';
 
 function getSimpleStyleHook(component, styleFn) {
   return (_prefixCls = "", themeManager) => {

package/components/theme/getStyleHook.js

@@ -2,7 +2,7 @@ import { computed, unref } from 'vue';
 import { useStyleRegister } from './useStyleRegister.js';
 import { useToken } from './util/useToken.js';
 import { tokenValueToCssVar } from './util/tokenValueToCssVar.js';
-import { useConfig } from '../config-provider/config-provider.js';
+import { useConfig } from '../config-provider/config-provider.api.js';
 
 function getStyleHook(component, styleFn, getDefaultToken) {
   return (_prefixCls = "", themeManager) => {