yc-pro-components 0.0.1

package/es/components/yc-dialog/index.d.ts

@@ -0,0 +1,183 @@
+import { DialogSize } from './src/type';
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
+import { default as YcDialogComponent } from './src/index.vue';
+
+export * from './src/type';
+export type YcDialogInstance = InstanceType<typeof YcDialogComponent>;
+export declare const YcDialog: {
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        width: {
+            type: PropType<string | number>;
+        };
+        size: {
+            type: PropType<DialogSize>;
+        };
+        maxHeight: {
+            type: PropType<string | number | false>;
+            default: string;
+        };
+        showHeaderBorder: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        width: {
+            type: PropType<string | number>;
+        };
+        size: {
+            type: PropType<DialogSize>;
+        };
+        maxHeight: {
+            type: PropType<string | number | false>;
+            default: string;
+        };
+        showHeaderBorder: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+    }>>, {
+        maxHeight: string | number | false;
+        showHeaderBorder: boolean;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        width: {
+            type: PropType<string | number>;
+        };
+        size: {
+            type: PropType<DialogSize>;
+        };
+        maxHeight: {
+            type: PropType<string | number | false>;
+            default: string;
+        };
+        showHeaderBorder: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+    }>>, {}, {}, {}, {}, {
+        maxHeight: string | number | false;
+        showHeaderBorder: boolean;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    width: {
+        type: PropType<string | number>;
+    };
+    size: {
+        type: PropType<DialogSize>;
+    };
+    maxHeight: {
+        type: PropType<string | number | false>;
+        default: string;
+    };
+    showHeaderBorder: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    maxHeight: string | number | false;
+    showHeaderBorder: boolean;
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+});
+export declare const ReDialog: {
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        width: {
+            type: PropType<string | number>;
+        };
+        size: {
+            type: PropType<DialogSize>;
+        };
+        maxHeight: {
+            type: PropType<string | number | false>;
+            default: string;
+        };
+        showHeaderBorder: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        width: {
+            type: PropType<string | number>;
+        };
+        size: {
+            type: PropType<DialogSize>;
+        };
+        maxHeight: {
+            type: PropType<string | number | false>;
+            default: string;
+        };
+        showHeaderBorder: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+    }>>, {
+        maxHeight: string | number | false;
+        showHeaderBorder: boolean;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        width: {
+            type: PropType<string | number>;
+        };
+        size: {
+            type: PropType<DialogSize>;
+        };
+        maxHeight: {
+            type: PropType<string | number | false>;
+            default: string;
+        };
+        showHeaderBorder: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+    }>>, {}, {}, {}, {}, {
+        maxHeight: string | number | false;
+        showHeaderBorder: boolean;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    width: {
+        type: PropType<string | number>;
+    };
+    size: {
+        type: PropType<DialogSize>;
+    };
+    maxHeight: {
+        type: PropType<string | number | false>;
+        default: string;
+    };
+    showHeaderBorder: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    maxHeight: string | number | false;
+    showHeaderBorder: boolean;
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+});
+export type { YcDialogProps as ReDialogProps, DialogSize as ReDialogSize } from './src/type';

package/es/components/yc-dialog/index.mjs

@@ -0,0 +1,7 @@
+import YcDialogComponent from './src/index.vue.mjs';
+export { SIZE_MAP } from './src/type.mjs';
+
+const YcDialog = YcDialogComponent;
+const ReDialog = YcDialogComponent;
+
+export { ReDialog, YcDialog };

package/es/components/yc-dialog/src/index.vue.d.ts

@@ -0,0 +1,50 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { DialogSize } from './type';
+
+interface YcDialogInternalProps {
+    /** 对话框宽度 */
+    width?: string | number;
+    /** 预设尺寸 */
+    size?: DialogSize;
+    /** 内容区最大高度，默认 720px，设置为 false 则不限制 */
+    maxHeight?: string | number | false;
+    /** 是否显示标题底部边框，默认 true */
+    showHeaderBorder?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<YcDialogInternalProps>, {
+    maxHeight: string;
+    showHeaderBorder: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<YcDialogInternalProps>, {
+    maxHeight: string;
+    showHeaderBorder: boolean;
+}>>>, {
+    maxHeight: string | number | false;
+    showHeaderBorder: boolean;
+}, {}>, {
+    header?(_: {}): any;
+    default?(_: {}): any;
+    footer?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/yc-dialog/src/index.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './index.vue2.mjs';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+
+var YcDialogComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+
+export { YcDialogComponent as default };

package/es/components/yc-dialog/src/index.vue2.mjs

@@ -0,0 +1,88 @@
+import { defineComponent, useAttrs, computed, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, createElementVNode, normalizeStyle, renderSlot } from 'vue';
+import { PlusDialog } from '../../dialog/index.mjs';
+import { SIZE_MAP } from './type.mjs';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "YcDialog"
+  },
+  __name: "index",
+  props: {
+    width: {},
+    size: {},
+    maxHeight: { type: [String, Number, Boolean], default: "720px" },
+    showHeaderBorder: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const attrs = useAttrs();
+    const dialogWidth = computed(() => {
+      if (props.width) {
+        return typeof props.width === "number" ? `${props.width}px` : props.width;
+      }
+      return props.size ? SIZE_MAP[props.size] : "560px";
+    });
+    const contentStyle = computed(
+      () => props.maxHeight === false ? {} : {
+        maxHeight: typeof props.maxHeight === "number" ? `${props.maxHeight}px` : props.maxHeight,
+        overflowY: "auto"
+      }
+    );
+    const dialogClass = computed(() => {
+      const classes = ["yc-dialog"];
+      if (!props.showHeaderBorder) {
+        classes.push("yc-dialog--no-header-border");
+      }
+      const externalCustomClass = attrs["custom-class"] || attrs.customClass;
+      if (externalCustomClass) {
+        const externalClasses = typeof externalCustomClass === "string" ? externalCustomClass.split(" ").filter(Boolean) : Array.isArray(externalCustomClass) ? externalCustomClass : [];
+        externalClasses.forEach((cls) => {
+          if (cls && typeof cls === "string" && !classes.includes(cls)) {
+            classes.push(cls);
+          }
+        });
+      }
+      return classes.join(" ");
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(PlusDialog), mergeProps(_ctx.$attrs, {
+        width: dialogWidth.value,
+        "custom-class": dialogClass.value
+      }), createSlots({
+        default: withCtx(() => [
+          createElementVNode(
+            "div",
+            {
+              class: "yc-dialog__content",
+              style: normalizeStyle(contentStyle.value)
+            },
+            [
+              renderSlot(_ctx.$slots, "default")
+            ],
+            4
+            /* STYLE */
+          )
+        ]),
+        _: 2
+        /* DYNAMIC */
+      }, [
+        _ctx.$slots.header ? {
+          name: "header",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "header")
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.$slots.footer ? {
+          name: "footer",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "footer")
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040, ["width", "custom-class"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/yc-dialog/src/type.d.ts

@@ -0,0 +1,13 @@
+import { PlusDialogProps } from 'yc-components/es/components/dialog';
+
+export type DialogSize = 'small' | 'medium' | 'large' | 'xlarge';
+export declare const SIZE_MAP: Record<DialogSize, string>;
+/** YcDialog 组件属性 - 继承 PlusDialogProps 并添加自定义属性 */
+export type YcDialogProps = Partial</* @vue-ignore */ PlusDialogProps> & {
+    /** 预设尺寸 */
+    size?: DialogSize;
+    /** 内容区最大高度，默认 720px，设置为 false 则不限制 */
+    maxHeight?: string | number | false;
+    /** 是否显示标题底部边框，默认 true */
+    showHeaderBorder?: boolean;
+};

package/es/components/yc-dialog/src/type.mjs

@@ -0,0 +1,8 @@
+const SIZE_MAP = {
+  small: "480px",
+  medium: "560px",
+  large: "720px",
+  xlarge: "800px"
+};
+
+export { SIZE_MAP };

package/es/components/yc-download-dialog/index.d.ts

@@ -0,0 +1,208 @@
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
+import { SFCWithInstall } from 'yc-components/es/utils';
+import { YcDownloadDialogProps, UploadRecord } from './src/type';
+import { default as YcDownloadDialog } from './src/index.vue';
+
+/** 批量导入下载对话框组件 */
+export declare const YcDownloadDialogWithInstall: SFCWithInstall<{
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        title: {
+            type: PropType<string>;
+            default: string;
+        };
+        modelValue: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        templateUrl: {
+            type: PropType<string>;
+        };
+        templateText: {
+            type: PropType<string>;
+            default: string;
+        };
+        uploadAction: {
+            type: PropType<string>;
+            default: string;
+        };
+        fetchRecords: {
+            type: PropType<() => Promise<{
+                data: UploadRecord[];
+                total: number;
+            }>>;
+        };
+        onUploadSuccess: {
+            type: PropType<(response: any, file: any) => void>;
+        };
+        onUploadError: {
+            type: PropType<(error: any, file: any) => void>;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        "onUpload-success"?: ((response: any, file: any) => any) | undefined;
+        "onUpload-error"?: ((error: any, file: any) => any) | undefined;
+        "onDownload-template"?: (() => any) | undefined;
+    }, {
+        fetchUploadRecords: () => Promise<void>;
+    }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        "update:modelValue": (value: boolean) => void;
+        "upload-success": (response: any, file: any) => void;
+        "upload-error": (error: any, file: any) => void;
+        "download-template": () => void;
+    }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        title: {
+            type: PropType<string>;
+            default: string;
+        };
+        modelValue: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        templateUrl: {
+            type: PropType<string>;
+        };
+        templateText: {
+            type: PropType<string>;
+            default: string;
+        };
+        uploadAction: {
+            type: PropType<string>;
+            default: string;
+        };
+        fetchRecords: {
+            type: PropType<() => Promise<{
+                data: UploadRecord[];
+                total: number;
+            }>>;
+        };
+        onUploadSuccess: {
+            type: PropType<(response: any, file: any) => void>;
+        };
+        onUploadError: {
+            type: PropType<(error: any, file: any) => void>;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        "onUpload-success"?: ((response: any, file: any) => any) | undefined;
+        "onUpload-error"?: ((error: any, file: any) => any) | undefined;
+        "onDownload-template"?: (() => any) | undefined;
+    }, {
+        title: string;
+        modelValue: boolean;
+        templateText: string;
+        uploadAction: string;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        title: {
+            type: PropType<string>;
+            default: string;
+        };
+        modelValue: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        templateUrl: {
+            type: PropType<string>;
+        };
+        templateText: {
+            type: PropType<string>;
+            default: string;
+        };
+        uploadAction: {
+            type: PropType<string>;
+            default: string;
+        };
+        fetchRecords: {
+            type: PropType<() => Promise<{
+                data: UploadRecord[];
+                total: number;
+            }>>;
+        };
+        onUploadSuccess: {
+            type: PropType<(response: any, file: any) => void>;
+        };
+        onUploadError: {
+            type: PropType<(error: any, file: any) => void>;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        "onUpload-success"?: ((response: any, file: any) => any) | undefined;
+        "onUpload-error"?: ((error: any, file: any) => any) | undefined;
+        "onDownload-template"?: (() => any) | undefined;
+    }, {
+        fetchUploadRecords: () => Promise<void>;
+    }, {}, {}, {}, {
+        title: string;
+        modelValue: boolean;
+        templateText: string;
+        uploadAction: string;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    templateUrl: {
+        type: PropType<string>;
+    };
+    templateText: {
+        type: PropType<string>;
+        default: string;
+    };
+    uploadAction: {
+        type: PropType<string>;
+        default: string;
+    };
+    fetchRecords: {
+        type: PropType<() => Promise<{
+            data: UploadRecord[];
+            total: number;
+        }>>;
+    };
+    onUploadSuccess: {
+        type: PropType<(response: any, file: any) => void>;
+    };
+    onUploadError: {
+        type: PropType<(error: any, file: any) => void>;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onUpload-success"?: ((response: any, file: any) => any) | undefined;
+    "onUpload-error"?: ((error: any, file: any) => any) | undefined;
+    "onDownload-template"?: (() => any) | undefined;
+}, {
+    fetchUploadRecords: () => Promise<void>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => void;
+    "upload-success": (response: any, file: any) => void;
+    "upload-error": (error: any, file: any) => void;
+    "download-template": () => void;
+}, string, {
+    title: string;
+    modelValue: boolean;
+    templateText: string;
+    uploadAction: string;
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        "download-icon"?(_: {}): any;
+        "upload-icon"?(_: {}): any;
+    };
+})>;
+export { YcDownloadDialog };
+export type { YcDownloadDialogProps, UploadRecord };
+export default YcDownloadDialog;
+export { YcDownloadDialog as ReDownloadDialog };
+export type YcDownloadDialogInstance = InstanceType<typeof YcDownloadDialog>;

package/es/components/yc-download-dialog/index.mjs

@@ -0,0 +1,13 @@
+import 'js-cookie';
+import 'dayjs';
+import 'numeral';
+import 'accounting';
+import 'good-storage';
+import 'crypto-js';
+import 'qs';
+import { withInstall as l } from '../../utils/dist/component.mjs';
+import YcDownloadDialog from './src/index.vue.mjs';
+
+const YcDownloadDialogWithInstall = l(YcDownloadDialog);
+
+export { YcDownloadDialog as ReDownloadDialog, YcDownloadDialog, YcDownloadDialogWithInstall, YcDownloadDialog as default };

package/es/components/yc-download-dialog/src/index.vue.d.ts

@@ -0,0 +1,57 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { YcDownloadDialogProps } from './type';
+
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<YcDownloadDialogProps>, {
+    title: string;
+    modelValue: boolean;
+    templateText: string;
+    uploadAction: string;
+}>, {
+    fetchUploadRecords: () => Promise<void>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => void;
+    "upload-success": (response: any, file: any) => void;
+    "upload-error": (error: any, file: any) => void;
+    "download-template": () => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<YcDownloadDialogProps>, {
+    title: string;
+    modelValue: boolean;
+    templateText: string;
+    uploadAction: string;
+}>>> & {
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onUpload-success"?: ((response: any, file: any) => any) | undefined;
+    "onUpload-error"?: ((error: any, file: any) => any) | undefined;
+    "onDownload-template"?: (() => any) | undefined;
+}, {
+    title: string;
+    modelValue: boolean;
+    templateText: string;
+    uploadAction: string;
+}, {}>, {
+    "download-icon"?(_: {}): any;
+    "upload-icon"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/yc-download-dialog/src/index.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './index.vue2.mjs';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+
+var YcDownloadDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b123d9a5"], ["__file", "index.vue"]]);
+
+export { YcDownloadDialog as default };