yc-pro-components 0.0.1

package/lib/components/yc-animate-selector/src/index.vue2.js

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

package/lib/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/lib/components/yc-auth/index.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('js-cookie');
+require('dayjs');
+require('numeral');
+require('accounting');
+require('good-storage');
+require('crypto-js');
+require('qs');
+var component = require('../../utils/dist/component.js');
+var index = require('./src/index.js');
+
+const YcAuthWithInstall = component.withInstall(index.default);
+
+exports.ReAuth = index.default;
+exports.YcAuth = index.default;
+exports.default = index.default;
+exports.YcAuthWithInstall = YcAuthWithInstall;

package/lib/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/lib/components/yc-auth/src/index.js

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var type = require('../../yc-config-provider/src/type.js');
+
+var YcAuth = /* @__PURE__ */ vue.defineComponent({
+  name: "YcAuth",
+  props: {
+    /** 权限值 */
+    value: {
+      type: [String, Array],
+      default: () => []
+    },
+    /**
+     * 权限检查函数
+     * @description 如果不传，将使用 YcConfigProvider 中配置的 hasAuth 函数
+     */
+    hasAuth: {
+      type: Function,
+      default: void 0
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    const globalConfig = vue.inject(type.YC_CONFIG_KEY, type.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) ? vue.createVNode(vue.Fragment, null, [(_a = slots.default) == null ? void 0 : _a.call(slots)]) : null;
+    };
+  }
+});
+
+exports.default = YcAuth;

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

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('js-cookie');
+require('dayjs');
+require('numeral');
+require('accounting');
+require('good-storage');
+require('crypto-js');
+require('qs');
+var component = require('../../utils/dist/component.js');
+var index = require('./src/index.vue.js');
+
+const YcCardWithInstall = component.withInstall(index.default);
+
+exports.ReCard = index.default;
+exports.YcCard = index.default;
+exports.default = index.default;
+exports.YcCardWithInstall = YcCardWithInstall;

package/lib/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/lib/components/yc-card/src/index.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
+var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+var YcCard = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__file", "index.vue"]]);
+
+exports.default = YcCard;

package/lib/components/yc-card/src/index.vue2.js

@@ -0,0 +1,77 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+var _sfc_main = /* @__PURE__ */ vue.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 = vue.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 = vue.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 = vue.resolveComponent("el-card");
+      return vue.openBlock(), vue.createBlock(_component_el_card, vue.mergeProps({
+        shadow: _ctx.shadow,
+        style: cardStyle.value,
+        "body-style": bodyStyle.value
+      }, _ctx.$attrs, { "body-class": _ctx.bodyClass }), vue.createSlots({
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 2
+        /* DYNAMIC */
+      }, [
+        _ctx.$slots.header ? {
+          name: "header",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "header")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["shadow", "style", "body-style", "body-class"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/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/lib/components/yc-card/src/type.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/lib/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>;