yc-pro-components 0.0.1

package/es/components/yc-animate-selector/src/index.vue2.mjs

@@ -0,0 +1,135 @@
+import { defineComponent, mergeModels, useModel, ref, computed, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, createElementBlock, Fragment, renderList, normalizeClass, normalizeStyle, withModifiers, toDisplayString, withDirectives, vShow } from 'vue';
+import { animates } from './animate.mjs';
+import { cloneDeep } from 'lodash-es';
+
+const _hoisted_1 = { class: "yc-animate-container" };
+const _hoisted_2 = { class: "yc-animate-list" };
+const _hoisted_3 = ["onMouseenter", "onClick"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "YcAnimateSelector"
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    placeholder: {
+      type: String,
+      default: "\u8BF7\u9009\u62E9\u52A8\u753B"
+    }
+  }, {
+    "modelValue": { type: String },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const inputValue = useModel(__props, "modelValue");
+    const searchVal = ref();
+    const animatesList = ref(animates);
+    const copyAnimatesList = cloneDeep(animatesList);
+    const animateClass = computed(() => {
+      return [
+        "yc-animate-item"
+      ];
+    });
+    const animateStyle = computed(
+      () => (i) => inputValue.value === i ? {
+        borderColor: "var(--el-color-primary)",
+        color: "var(--el-color-primary)"
+      } : ""
+    );
+    function onChangeIcon(animate) {
+      inputValue.value = animate;
+    }
+    function onClear() {
+      inputValue.value = "";
+    }
+    function filterMethod(value) {
+      searchVal.value = value;
+      animatesList.value = copyAnimatesList.value.filter(
+        (i) => i.includes(value)
+      );
+    }
+    const animateMap = ref({});
+    function onMouseEnter(index) {
+      var _a;
+      animateMap.value[index] = ((_a = animateMap.value[index]) == null ? void 0 : _a.loading) ? Object.assign({}, animateMap.value[index], {
+        loading: false
+      }) : Object.assign({}, animateMap.value[index], {
+        loading: true
+      });
+    }
+    function onMouseleave() {
+      animateMap.value = {};
+    }
+    return (_ctx, _cache) => {
+      const _component_el_empty = resolveComponent("el-empty");
+      const _component_el_scrollbar = resolveComponent("el-scrollbar");
+      const _component_el_select = resolveComponent("el-select");
+      return openBlock(), createBlock(_component_el_select, {
+        clearable: "",
+        filterable: "",
+        placeholder: __props.placeholder,
+        "popper-class": "yc-animate-popper",
+        "model-value": inputValue.value,
+        "filter-method": filterMethod,
+        onClear
+      }, {
+        empty: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createVNode(_component_el_scrollbar, {
+              noresize: "",
+              height: "212px",
+              "view-style": { overflow: "hidden" },
+              class: "yc-animate-scrollbar"
+            }, {
+              default: withCtx(() => [
+                createElementVNode("ul", _hoisted_2, [
+                  (openBlock(true), createElementBlock(
+                    Fragment,
+                    null,
+                    renderList(animatesList.value, (animate, index) => {
+                      var _a;
+                      return openBlock(), createElementBlock("li", {
+                        key: index,
+                        class: normalizeClass(animateClass.value),
+                        style: normalizeStyle(animateStyle.value(animate)),
+                        onMouseenter: withModifiers(($event) => onMouseEnter(index), ["prevent"]),
+                        onMouseleave: withModifiers(onMouseleave, ["prevent"]),
+                        onClick: ($event) => onChangeIcon(animate)
+                      }, [
+                        createElementVNode(
+                          "h4",
+                          {
+                            class: normalizeClass([
+                              `animate__animated animate__${((_a = animateMap.value[index]) == null ? void 0 : _a.loading) ? animate + " animate__infinite" : ""} `
+                            ])
+                          },
+                          toDisplayString(animate),
+                          3
+                          /* TEXT, CLASS */
+                        )
+                      ], 46, _hoisted_3);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ]),
+                withDirectives(createVNode(_component_el_empty, {
+                  description: `${searchVal.value} \u52A8\u753B\u4E0D\u5B58\u5728`,
+                  "image-size": 60
+                }, null, 8, ["description"]), [
+                  [vShow, animatesList.value.length === 0]
+                ])
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["placeholder", "model-value"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -0,0 +1,31 @@
+import { AuthCheckFn } from 'yc-components';
+import { DefineComponent, PropType, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+import { SFCWithInstall } from 'yc-components/es/utils';
+import { default as YcAuth } from './src/index';
+
+export declare const YcAuthWithInstall: SFCWithInstall<DefineComponent<{
+    value: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    hasAuth: {
+        type: PropType<AuthCheckFn>;
+        default: undefined;
+    };
+}, () => any, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    value: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    hasAuth: {
+        type: PropType<AuthCheckFn>;
+        default: undefined;
+    };
+}>>, {
+    value: string | string[];
+    hasAuth: AuthCheckFn;
+}, {}>>;
+export { YcAuth };
+export default YcAuth;
+export { YcAuth as ReAuth };
+export type YcAuthInstance = InstanceType<typeof YcAuth>;

package/es/components/yc-auth/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 YcAuth from './src/index.mjs';
+
+const YcAuthWithInstall = l(YcAuth);
+
+export { YcAuth as ReAuth, YcAuth, YcAuthWithInstall, YcAuth as default };

package/es/components/yc-auth/src/index.d.ts

@@ -0,0 +1,61 @@
+import { AuthCheckFn as GlobalAuthCheckFn } from '../../yc-config-provider/src/type';
+import { PropType, DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+
+export type AuthCheckFn = GlobalAuthCheckFn;
+/**
+ * YcAuth - 权限控制组件
+ *
+ * @description
+ * 根据权限判断是否渲染子组件。
+ *
+ * 权限检查函数来源（优先级从高到低）：
+ * 1. props.hasAuth - 直接传入的函数
+ * 2. YcConfigProvider.hasAuth - 全局配置的函数
+ * 3. 默认函数 - 始终返回 true
+ *
+ * @example
+ * ```vue
+ * <!-- 使用全局配置的权限函数 -->
+ * <YcAuth :value="['admin']">
+ *   <el-button>管理员可见</el-button>
+ * </YcAuth>
+ *
+ * <!-- 使用自定义权限函数 -->
+ * <YcAuth :value="['admin']" :has-auth="customAuthFn">
+ *   <el-button>管理员可见</el-button>
+ * </YcAuth>
+ * ```
+ */
+declare const _default: DefineComponent<{
+    /** 权限值 */
+    value: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    /**
+     * 权限检查函数
+     * @description 如果不传，将使用 YcConfigProvider 中配置的 hasAuth 函数
+     */
+    hasAuth: {
+        type: PropType<GlobalAuthCheckFn>;
+        default: undefined;
+    };
+}, () => any, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    /** 权限值 */
+    value: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    /**
+     * 权限检查函数
+     * @description 如果不传，将使用 YcConfigProvider 中配置的 hasAuth 函数
+     */
+    hasAuth: {
+        type: PropType<GlobalAuthCheckFn>;
+        default: undefined;
+    };
+}>>, {
+    value: string | string[];
+    hasAuth: GlobalAuthCheckFn;
+}, {}>;
+export default _default;

package/es/components/yc-auth/src/index.mjs

@@ -0,0 +1,39 @@
+import { defineComponent, inject, createVNode, Fragment } from 'vue';
+import { YC_CONFIG_KEY, DEFAULT_YC_CONFIG } from '../../yc-config-provider/src/type.mjs';
+
+var YcAuth = /* @__PURE__ */ defineComponent({
+  name: "YcAuth",
+  props: {
+    /** 权限值 */
+    value: {
+      type: [String, Array],
+      default: () => []
+    },
+    /**
+     * 权限检查函数
+     * @description 如果不传，将使用 YcConfigProvider 中配置的 hasAuth 函数
+     */
+    hasAuth: {
+      type: Function,
+      default: void 0
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    const globalConfig = inject(YC_CONFIG_KEY, DEFAULT_YC_CONFIG);
+    const getAuthFn = () => {
+      if (props.hasAuth) return props.hasAuth;
+      if (globalConfig.hasAuth) return globalConfig.hasAuth;
+      return () => true;
+    };
+    return () => {
+      var _a;
+      if (!slots) return null;
+      const authFn = getAuthFn();
+      return authFn(props.value) ? createVNode(Fragment, null, [(_a = slots.default) == null ? void 0 : _a.call(slots)]) : null;
+    };
+  }
+});
+
+export { YcAuth as default };

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

@@ -0,0 +1,148 @@
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
+import { SFCWithInstall } from 'yc-components/es/utils';
+import { YcCardProps } from './src/type';
+import { default as YcCard } from './src/index.vue';
+
+export declare const YcCardWithInstall: SFCWithInstall<{
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        width: {
+            type: PropType<string | number>;
+        };
+        background: {
+            type: PropType<string>;
+            default: string;
+        };
+        height: {
+            type: PropType<string | number>;
+        };
+        padding: {
+            type: PropType<string | number>;
+        };
+        bodyClass: {
+            type: PropType<string>;
+            default: string;
+        };
+        shadow: {
+            type: PropType<"hover" | "always" | "never">;
+            default: string;
+        };
+        radius: {
+            type: PropType<string | number>;
+            default: number;
+        };
+    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        width: {
+            type: PropType<string | number>;
+        };
+        background: {
+            type: PropType<string>;
+            default: string;
+        };
+        height: {
+            type: PropType<string | number>;
+        };
+        padding: {
+            type: PropType<string | number>;
+        };
+        bodyClass: {
+            type: PropType<string>;
+            default: string;
+        };
+        shadow: {
+            type: PropType<"hover" | "always" | "never">;
+            default: string;
+        };
+        radius: {
+            type: PropType<string | number>;
+            default: number;
+        };
+    }>>, {
+        background: string;
+        bodyClass: string;
+        shadow: "hover" | "always" | "never";
+        radius: string | number;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        width: {
+            type: PropType<string | number>;
+        };
+        background: {
+            type: PropType<string>;
+            default: string;
+        };
+        height: {
+            type: PropType<string | number>;
+        };
+        padding: {
+            type: PropType<string | number>;
+        };
+        bodyClass: {
+            type: PropType<string>;
+            default: string;
+        };
+        shadow: {
+            type: PropType<"hover" | "always" | "never">;
+            default: string;
+        };
+        radius: {
+            type: PropType<string | number>;
+            default: number;
+        };
+    }>>, {}, {}, {}, {}, {
+        background: string;
+        bodyClass: string;
+        shadow: "hover" | "always" | "never";
+        radius: string | number;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    width: {
+        type: PropType<string | number>;
+    };
+    background: {
+        type: PropType<string>;
+        default: string;
+    };
+    height: {
+        type: PropType<string | number>;
+    };
+    padding: {
+        type: PropType<string | number>;
+    };
+    bodyClass: {
+        type: PropType<string>;
+        default: string;
+    };
+    shadow: {
+        type: PropType<"hover" | "always" | "never">;
+        default: string;
+    };
+    radius: {
+        type: PropType<string | number>;
+        default: number;
+    };
+}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    background: string;
+    bodyClass: string;
+    shadow: "hover" | "always" | "never";
+    radius: string | number;
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+    };
+})>;
+export { YcCard };
+export type { YcCardProps };
+export default YcCard;
+export { YcCard as ReCard };
+export type { YcCardProps as ReCardProps } from './src/type';
+export type YcCardInstance = InstanceType<typeof YcCard>;

package/es/components/yc-card/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 YcCard from './src/index.vue.mjs';
+
+const YcCardWithInstall = l(YcCard);
+
+export { YcCard as ReCard, YcCard, YcCardWithInstall, YcCard as default };

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

@@ -0,0 +1,45 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { YcCardProps } from './type';
+
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<YcCardProps>, {
+    background: string;
+    radius: number;
+    shadow: string;
+    bodyClass: string;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<YcCardProps>, {
+    background: string;
+    radius: number;
+    shadow: string;
+    bodyClass: string;
+}>>>, {
+    background: string;
+    bodyClass: string;
+    shadow: "hover" | "always" | "never";
+    radius: string | number;
+}, {}>, {
+    header?(_: {}): any;
+    default?(_: {}): 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-card/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 YcCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+
+export { YcCard as default };

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

@@ -0,0 +1,73 @@
+import { defineComponent, computed, resolveComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot } from 'vue';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "YcCard"
+  },
+  __name: "index",
+  props: {
+    background: { default: "var(--el-card-bg-color)" },
+    radius: { default: 8 },
+    shadow: { default: "never" },
+    padding: {},
+    width: {},
+    height: {},
+    bodyClass: { default: "yc-card-body" }
+  },
+  setup(__props) {
+    const props = __props;
+    const addUnit = (value) => {
+      if (value === void 0) return void 0;
+      return typeof value === "number" ? `${value}px` : value;
+    };
+    const cardStyle = computed(() => {
+      const style = {
+        display: "flex",
+        flexDirection: "column",
+        border: "none",
+        borderRadius: addUnit(props.radius),
+        background: props.background
+      };
+      if (props.width !== void 0) {
+        style.width = addUnit(props.width);
+      }
+      if (props.height !== void 0) {
+        style.height = addUnit(props.height);
+      }
+      return style;
+    });
+    const bodyStyle = computed(() => {
+      return {
+        display: "flex",
+        flex: 1,
+        flexDirection: "column",
+        minHeight: 0,
+        padding: props.padding !== void 0 ? addUnit(props.padding) : 0
+      };
+    });
+    return (_ctx, _cache) => {
+      const _component_el_card = resolveComponent("el-card");
+      return openBlock(), createBlock(_component_el_card, mergeProps({
+        shadow: _ctx.shadow,
+        style: cardStyle.value,
+        "body-style": bodyStyle.value
+      }, _ctx.$attrs, { "body-class": _ctx.bodyClass }), createSlots({
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 2
+        /* DYNAMIC */
+      }, [
+        _ctx.$slots.header ? {
+          name: "header",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "header")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["shadow", "style", "body-style", "body-class"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -0,0 +1,18 @@
+/** YcCard 组件属性 */
+export interface YcCardProps {
+    /** 背景颜色，默认使用 Element Plus 卡片背景色 CSS 变量（自动适配暗黑模式） */
+    background?: string;
+    /** 圆角大小，默认 8px，支持字符串（如 '8px'）或数字（会自动添加 px） */
+    radius?: string | number;
+    /** 阴影样式，默认 'never' */
+    shadow?: 'always' | 'hover' | 'never';
+    /** 内边距，支持字符串（如 '20px'）或数字（会自动添加 px） */
+    padding?: string | number;
+    /** 宽度，支持 px、百分比等格式（如 '100%', '500px', 500） */
+    width?: string | number;
+    /** 高度，支持 px、百分比等格式（如 '100%', '300px', 300） */
+    height?: string | number;
+    /** body 区域的 class 名称，默认 'yc-card-body'，支持传入自定义 class */
+    bodyClass?: string;
+}
+export type ReCardProps = YcCardProps;

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,36 @@
+import { SFCWithInstall } from 'yc-components/es/utils';
+import { PropType, DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+
+declare const YcColComponent: DefineComponent<{
+    /** 响应式列宽，会同时应用到 xs/sm/md/lg/xl */
+    value: {
+        type: PropType<number>;
+        default: number;
+    };
+}, unknown, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    /** 响应式列宽，会同时应用到 xs/sm/md/lg/xl */
+    value: {
+        type: PropType<number>;
+        default: number;
+    };
+}>>, {
+    value: number;
+}, {}>;
+export declare const YcCol: SFCWithInstall<DefineComponent<{
+    /** 响应式列宽，会同时应用到 xs/sm/md/lg/xl */
+    value: {
+        type: PropType<number>;
+        default: number;
+    };
+}, unknown, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    /** 响应式列宽，会同时应用到 xs/sm/md/lg/xl */
+    value: {
+        type: PropType<number>;
+        default: number;
+    };
+}>>, {
+    value: number;
+}, {}>>;
+export default YcCol;
+export { YcCol as ReCol };
+export type YcColInstance = InstanceType<typeof YcColComponent>;

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

@@ -0,0 +1,43 @@
+import { ElCol } from 'element-plus';
+import { defineComponent, h } from 'vue';
+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';
+
+const YcColComponent = defineComponent({
+  name: "YcCol",
+  props: {
+    /** 响应式列宽，会同时应用到 xs/sm/md/lg/xl */
+    value: {
+      type: Number,
+      default: 24
+    }
+  },
+  render() {
+    const attrs = this.$attrs;
+    const val = this.value;
+    return h(
+      ElCol,
+      {
+        xs: val,
+        sm: val,
+        md: val,
+        lg: val,
+        xl: val,
+        ...attrs
+      },
+      { default: () => {
+        var _a, _b;
+        return (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a);
+      } }
+    );
+  }
+});
+const YcCol = l(YcColComponent);
+
+export { YcCol as ReCol, YcCol, YcCol as default };