yc-pro-components 0.0.1

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

@@ -0,0 +1,65 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { YcStatusDialogProps, StatusType } from './type';
+
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<YcStatusDialogProps>, {
+    visible: boolean;
+    status: string;
+    title: string;
+    content: string;
+    confirmText: string;
+    cancelText: string;
+    width: string;
+    showCancel: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    cancel: () => void;
+    confirm: () => void;
+    "update:visible": (value: boolean) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<YcStatusDialogProps>, {
+    visible: boolean;
+    status: string;
+    title: string;
+    content: string;
+    confirmText: string;
+    cancelText: string;
+    width: string;
+    showCancel: boolean;
+}>>> & {
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}, {
+    content: string;
+    title: string;
+    width: string | number;
+    visible: boolean;
+    status: StatusType;
+    cancelText: string;
+    confirmText: string;
+    showCancel: boolean;
+}, {}>, {
+    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-status-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 YcStatusDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-41a50537"], ["__file", "index.vue"]]);
+
+export { YcStatusDialog as default };

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

@@ -0,0 +1,155 @@
+import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, createElementBlock, resolveDynamicComponent, normalizeStyle, toDisplayString, renderSlot, createTextVNode, createCommentVNode, createVNode } from 'vue';
+import { ElDialog, ElButton } from 'element-plus';
+import * as ElementPlusIconsVue from '@element-plus/icons-vue';
+import { STATUS_CONFIG_MAP } from './type.mjs';
+
+const _hoisted_1 = { class: "dialog-header" };
+const _hoisted_2 = { class: "icon-wrapper" };
+const _hoisted_3 = ["src"];
+const _hoisted_4 = { class: "title-text" };
+const _hoisted_5 = { class: "dialog-content" };
+const _hoisted_6 = { class: "content-text" };
+const _hoisted_7 = { class: "dialog-footer" };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "YcStatusDialog"
+  },
+  __name: "index",
+  props: {
+    visible: { type: Boolean, default: false },
+    status: { default: "delete" },
+    title: { default: "" },
+    content: { default: "" },
+    icon: {},
+    customIconUrl: {},
+    confirmText: { default: "\u786E\u5B9A" },
+    cancelText: { default: "\u53D6\u6D88" },
+    width: { default: "480px" },
+    showCancel: { type: Boolean, default: true }
+  },
+  emits: ["update:visible", "confirm", "cancel"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const dialogVisible = computed({
+      get: () => props.visible,
+      set: (value) => {
+        emit("update:visible", value);
+      }
+    });
+    const currentStatusConfig = computed(() => {
+      return STATUS_CONFIG_MAP[props.status];
+    });
+    const isCustomIcon = computed(() => {
+      return !!props.customIconUrl;
+    });
+    const customIconSrc = computed(() => {
+      if (props.customIconUrl) return props.customIconUrl;
+      return "";
+    });
+    const iconComponent = computed(() => {
+      const iconName = props.icon || currentStatusConfig.value.icon;
+      return ElementPlusIconsVue[iconName];
+    });
+    const computedConfirmText = computed(() => {
+      if (props.confirmText) return props.confirmText;
+      return props.status === "delete" ? "\u5220\u9664" : "\u786E\u5B9A";
+    });
+    const handleConfirm = () => {
+      emit("confirm");
+      dialogVisible.value = false;
+    };
+    const handleCancel = () => {
+      emit("cancel");
+      dialogVisible.value = false;
+    };
+    const handleClose = () => {
+      emit("cancel");
+      dialogVisible.value = false;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElDialog), {
+        modelValue: dialogVisible.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dialogVisible.value = $event),
+        width: _ctx.width,
+        "before-close": handleClose,
+        class: "yc-status-dialog"
+      }, {
+        header: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              isCustomIcon.value ? (openBlock(), createElementBlock("img", {
+                key: 0,
+                src: customIconSrc.value,
+                class: "status-icon",
+                alt: "status-icon"
+              }, null, 8, _hoisted_3)) : (openBlock(), createBlock(resolveDynamicComponent(iconComponent.value), {
+                key: 1,
+                class: "status-icon",
+                style: normalizeStyle({ color: currentStatusConfig.value.iconColor })
+              }, null, 8, ["style"]))
+            ]),
+            createElementVNode(
+              "div",
+              _hoisted_4,
+              toDisplayString(_ctx.title),
+              1
+              /* TEXT */
+            )
+          ])
+        ]),
+        footer: withCtx(() => [
+          createElementVNode("div", _hoisted_7, [
+            renderSlot(_ctx.$slots, "footer", {}, () => [
+              _ctx.showCancel ? (openBlock(), createBlock(unref(ElButton), {
+                key: 0,
+                onClick: handleCancel
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(
+                    toDisplayString(_ctx.cancelText),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              })) : createCommentVNode("v-if", true),
+              createVNode(unref(ElButton), {
+                type: currentStatusConfig.value.confirmButtonType,
+                onClick: handleConfirm
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(
+                    toDisplayString(computedConfirmText.value),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["type"])
+            ], true)
+          ])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_5, [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createElementVNode(
+                "p",
+                _hoisted_6,
+                toDisplayString(_ctx.content),
+                1
+                /* TEXT */
+              )
+            ], true)
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["modelValue", "width"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -0,0 +1,46 @@
+/**
+ * 状态类型
+ */
+export type StatusType = 'delete' | 'warning' | 'success' | 'info';
+/**
+ * 状态配置
+ */
+export interface StatusConfig {
+    /** 图标类型 */
+    icon: string;
+    /** 图标颜色 */
+    iconColor: string;
+    /** 图标背景色 */
+    iconBgColor: string;
+    /** 确认按钮类型 */
+    confirmButtonType: 'primary' | 'success' | 'warning' | 'danger' | 'info';
+}
+/**
+ * YcStatusDialog 组件属性
+ */
+export interface YcStatusDialogProps {
+    /** 是否显示对话框 */
+    visible?: boolean;
+    /** 状态类型 */
+    status?: StatusType;
+    /** 标题 */
+    title?: string;
+    /** 内容 */
+    content?: string;
+    /** 自定义图标（Element Plus 图标名称） */
+    icon?: string;
+    /** 自定义图标 URL（CDN 图标地址，优先级高于 icon） */
+    customIconUrl?: string;
+    /** 确认按钮文案 */
+    confirmText?: string;
+    /** 取消按钮文案 */
+    cancelText?: string;
+    /** 对话框宽度 */
+    width?: string | number;
+    /** 是否显示取消按钮 */
+    showCancel?: boolean;
+}
+/**
+ * 状态配置映射
+ */
+export declare const STATUS_CONFIG_MAP: Record<StatusType, StatusConfig>;

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

@@ -0,0 +1,28 @@
+const STATUS_CONFIG_MAP = {
+  delete: {
+    icon: "WarningFilled",
+    iconColor: "#FF9800",
+    iconBgColor: "#FFF3E0",
+    confirmButtonType: "danger"
+  },
+  warning: {
+    icon: "WarningFilled",
+    iconColor: "#FF9800",
+    iconBgColor: "#FFF3E0",
+    confirmButtonType: "warning"
+  },
+  success: {
+    icon: "SuccessFilled",
+    iconColor: "#52C41A",
+    iconBgColor: "#F6FFED",
+    confirmButtonType: "success"
+  },
+  info: {
+    icon: "InfoFilled",
+    iconColor: "#1890FF",
+    iconBgColor: "#E6F7FF",
+    confirmButtonType: "primary"
+  }
+};
+
+export { STATUS_CONFIG_MAP };

package/es/components/yc-svg-icon/index.d.ts

@@ -0,0 +1,9 @@
+import { YcSvgIconProps } from './src/type';
+import { default as YcSvgIcon } from './src/index.vue';
+
+export type YcSvgIconInstance = InstanceType<typeof YcSvgIcon>;
+export * from './src/type';
+export { YcSvgIcon };
+export type { YcSvgIconProps };
+export { YcSvgIcon as ReSvgIcon };
+export type { YcSvgIconProps as ReSvgIconProps };

package/es/components/yc-svg-icon/index.mjs

@@ -0,0 +1 @@
+export { default as ReSvgIcon, default as YcSvgIcon } from './src/index.vue.mjs';

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

@@ -0,0 +1,43 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { YcSvgIconProps } from './type';
+
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<YcSvgIconProps>, {
+    size: number;
+    color: string;
+    preserveColor: boolean;
+    grayscale: boolean;
+    opacity: number;
+    customFilter: undefined;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<YcSvgIconProps>, {
+    size: number;
+    color: string;
+    preserveColor: boolean;
+    grayscale: boolean;
+    opacity: number;
+    customFilter: undefined;
+}>>>, {
+    size: string | number;
+    color: string;
+    opacity: number;
+    preserveColor: boolean;
+    grayscale: boolean;
+    customFilter: string;
+}, {}>;
+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];
+} & {};

package/es/components/yc-svg-icon/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 YcSvgIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-34e1f2f7"], ["__file", "index.vue"]]);
+
+export { YcSvgIcon as default };

package/es/components/yc-svg-icon/src/index.vue2.mjs

@@ -0,0 +1,85 @@
+import { defineComponent, computed, openBlock, createElementBlock, Fragment, createCommentVNode, mergeProps, createElementVNode } from 'vue';
+
+const _hoisted_1 = ["src"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "YcSvgIcon",
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: {
+    src: {},
+    size: { default: 20 },
+    color: { default: "currentColor" },
+    preserveColor: { type: Boolean, default: false },
+    grayscale: { type: Boolean, default: false },
+    opacity: { default: 1 },
+    customFilter: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const sizeValue = computed(() => {
+      const size = props.size;
+      return typeof size === "number" ? `${size}px` : size;
+    });
+    const filterStyle = computed(() => {
+      if (props.customFilter) {
+        return props.customFilter;
+      }
+      const filters = [];
+      if (props.grayscale) {
+        filters.push("grayscale(100%)");
+      }
+      return filters.length > 0 ? filters.join(" ") : void 0;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        Fragment,
+        null,
+        [
+          createCommentVNode(" \u4FDD\u6301\u539F\u59CB\u989C\u8272\u6216\u5E94\u7528 filter \u6548\u679C\uFF1A\u4F7F\u7528 img \u6807\u7B7E "),
+          _ctx.preserveColor || _ctx.grayscale || _ctx.customFilter ? (openBlock(), createElementBlock("img", mergeProps({ key: 0 }, _ctx.$attrs, {
+            src: _ctx.src,
+            class: "yc-svg-icon yc-svg-icon--original",
+            style: {
+              width: sizeValue.value,
+              height: sizeValue.value,
+              filter: filterStyle.value,
+              opacity: _ctx.opacity
+            },
+            alt: ""
+          }), null, 16, _hoisted_1)) : (openBlock(), createElementBlock(
+            Fragment,
+            { key: 1 },
+            [
+              createCommentVNode(" \u4F7F\u7528 mask \u6280\u672F\uFF1A\u53EF\u4EE5\u52A8\u6001\u6539\u8272 "),
+              createElementVNode(
+                "span",
+                mergeProps(_ctx.$attrs, {
+                  class: "yc-svg-icon",
+                  style: {
+                    width: sizeValue.value,
+                    height: sizeValue.value,
+                    backgroundColor: _ctx.color,
+                    WebkitMask: `url(${_ctx.src}) no-repeat center`,
+                    mask: `url(${_ctx.src}) no-repeat center`,
+                    opacity: _ctx.opacity
+                  }
+                }),
+                null,
+                16
+                /* FULL_PROPS */
+              )
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          ))
+        ],
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/yc-svg-icon/src/type.d.ts

@@ -0,0 +1,19 @@
+/**
+ * YcSvgIcon 组件属性
+ */
+export interface YcSvgIconProps {
+    /** SVG 图标地址（支持 CDN URL 或本地路径） */
+    src: string;
+    /** 图标大小，默认 20px */
+    size?: number | string;
+    /** 自定义颜色，默认继承父元素文字颜色（仅在 mask 模式下生效） */
+    color?: string;
+    /** 是否保持 SVG 原始颜色，不使用 mask 技术（适合彩色图标），默认 false */
+    preserveColor?: boolean;
+    /** 是否应用灰度效果（保留图标细节），默认 false */
+    grayscale?: boolean;
+    /** 透明度 0-1，默认 1 */
+    opacity?: number;
+    /** 自定义 CSS filter 字符串，如 'brightness(0.5) contrast(1.2)' */
+    customFilter?: string;
+}

package/es/components/yc-svg-icon/src/type.mjs

@@ -0,0 +1 @@
+

package/es/components/yc-tabs-with-filter/index.d.ts

@@ -0,0 +1,170 @@
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, Ref, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
+import { SFCWithInstall } from 'yc-components/es/utils';
+import { default as YcTabsWithFilter } from './src/index.vue';
+
+/** 带筛选按钮的 Tabs 组件 */
+export declare const YcTabsWithFilterWithInstall: SFCWithInstall<{
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        modelValue: {
+            type: PropType<string>;
+            required: true;
+        };
+        filterText: {
+            type: PropType<string>;
+            default: undefined;
+        };
+        showFilter: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        filterVisible: {
+            type: PropType<boolean>;
+            default: undefined;
+        };
+        useGlobalState: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        autoHideLayActions: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        "onFilter-toggle"?: ((visible: boolean) => any) | undefined;
+    }, {
+        showPageSearch: Ref<boolean>;
+    }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        "update:modelValue": (value: string) => void;
+        "filter-toggle": (visible: boolean) => void;
+    }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        modelValue: {
+            type: PropType<string>;
+            required: true;
+        };
+        filterText: {
+            type: PropType<string>;
+            default: undefined;
+        };
+        showFilter: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        filterVisible: {
+            type: PropType<boolean>;
+            default: undefined;
+        };
+        useGlobalState: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        autoHideLayActions: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        "onFilter-toggle"?: ((visible: boolean) => any) | undefined;
+    }, {
+        filterText: string;
+        showFilter: boolean;
+        filterVisible: boolean;
+        useGlobalState: boolean;
+        autoHideLayActions: boolean;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        modelValue: {
+            type: PropType<string>;
+            required: true;
+        };
+        filterText: {
+            type: PropType<string>;
+            default: undefined;
+        };
+        showFilter: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        filterVisible: {
+            type: PropType<boolean>;
+            default: undefined;
+        };
+        useGlobalState: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        autoHideLayActions: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        "onFilter-toggle"?: ((visible: boolean) => any) | undefined;
+    }, {
+        showPageSearch: Ref<boolean>;
+    }, {}, {}, {}, {
+        filterText: string;
+        showFilter: boolean;
+        filterVisible: boolean;
+        useGlobalState: boolean;
+        autoHideLayActions: boolean;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    modelValue: {
+        type: PropType<string>;
+        required: true;
+    };
+    filterText: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    showFilter: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    filterVisible: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    useGlobalState: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    autoHideLayActions: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onFilter-toggle"?: ((visible: boolean) => any) | undefined;
+}, {
+    showPageSearch: Ref<boolean>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => void;
+    "filter-toggle": (visible: boolean) => void;
+}, string, {
+    filterText: string;
+    showFilter: boolean;
+    filterVisible: boolean;
+    useGlobalState: boolean;
+    autoHideLayActions: boolean;
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {
+            filterVisible: boolean;
+        }): any;
+    };
+})>;
+export { YcTabsWithFilter };
+export default YcTabsWithFilter;
+export { YcTabsWithFilter as ReTabsWithFilter };
+export type YcTabsWithFilterInstance = InstanceType<typeof YcTabsWithFilter>;

package/es/components/yc-tabs-with-filter/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 YcTabsWithFilter from './src/index.vue.mjs';
+
+const YcTabsWithFilterWithInstall = l(YcTabsWithFilter);
+
+export { YcTabsWithFilter as ReTabsWithFilter, YcTabsWithFilter, YcTabsWithFilterWithInstall, YcTabsWithFilter as default };