yc-pro-components 0.0.1

package/es/components/yc-drawer/store.mjs

@@ -0,0 +1,38 @@
+import { ref } from 'vue';
+
+const drawerStore = ref([]);
+const addDrawer = (options) => {
+  const open = () => drawerStore.value.push(Object.assign(options, { visible: true }));
+  if (options == null ? void 0 : options.openDelay) {
+    setTimeout(() => {
+      open();
+    }, options.openDelay);
+  } else {
+    open();
+  }
+};
+const closeDrawer = (options, index, args) => {
+  var _a;
+  const drawer = drawerStore.value[index];
+  if (drawer) {
+    drawer.visible = false;
+  }
+  if (options.closeCallBack && args) {
+    options.closeCallBack({ options, index, args });
+  }
+  const closeDelay = (_a = options == null ? void 0 : options.closeDelay) != null ? _a : 200;
+  setTimeout(() => {
+    drawerStore.value.splice(index, 1);
+  }, closeDelay);
+};
+const updateDrawer = (value, key = "title", index = 0) => {
+  const drawer = drawerStore.value[index];
+  if (drawer) {
+    drawer[key] = value;
+  }
+};
+const closeAllDrawer = () => {
+  drawerStore.value = [];
+};
+
+export { addDrawer, closeAllDrawer, closeDrawer, drawerStore, updateDrawer };

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

@@ -0,0 +1,24 @@
+import { DefineComponent } from 'vue';
+
+export interface YcFlickerAttrs {
+    /** 宽度 */
+    width?: string;
+    /** 高度 */
+    height?: string;
+    /** 圆角，传0为方形、传50%或者不传为圆形 */
+    borderRadius?: number | string;
+    /** 闪烁颜色 */
+    background?: string;
+    /** 闪烁范围，默认2，值越大闪烁范围越大 */
+    scale?: number | string;
+}
+/**
+ * 圆点、方形闪烁动画组件
+ * @param attrs 配置属性
+ * @returns DefineComponent
+ */
+export declare function useRenderFlicker(attrs?: YcFlickerAttrs): DefineComponent;
+export declare const YcFlicker: DefineComponent;
+export default YcFlicker;
+export { useRenderFlicker as useRenderReFlicker };
+export type { YcFlickerAttrs as attrsType };

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

@@ -0,0 +1,29 @@
+import { defineComponent, h } from 'vue';
+
+function useRenderFlicker(attrs) {
+  return defineComponent({
+    name: "YcFlicker",
+    render() {
+      var _a, _b, _c, _d, _e;
+      return h(
+        "div",
+        {
+          class: "yc-point yc-point-flicker",
+          style: {
+            "--point-width": (_a = attrs == null ? void 0 : attrs.width) != null ? _a : "12px",
+            "--point-height": (_b = attrs == null ? void 0 : attrs.height) != null ? _b : "12px",
+            "--point-background": (_c = attrs == null ? void 0 : attrs.background) != null ? _c : "var(--el-color-primary)",
+            "--point-border-radius": (_d = attrs == null ? void 0 : attrs.borderRadius) != null ? _d : "50%",
+            "--point-scale": (_e = attrs == null ? void 0 : attrs.scale) != null ? _e : "2"
+          }
+        },
+        {
+          default: () => []
+        }
+      );
+    }
+  });
+}
+const YcFlicker = useRenderFlicker();
+
+export { YcFlicker, YcFlicker as default, useRenderFlicker, useRenderFlicker as useRenderReFlicker };

package/es/components/yc-form-container-header/index.d.ts

@@ -0,0 +1,79 @@
+import { GradientColors } from './src/type';
+import { DefineComponent, PropType, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+import { default as YcFormContainerHeaderComponent } from './src/index.vue';
+
+export * from './src/type';
+export type YcFormContainerHeaderInstance = InstanceType<typeof YcFormContainerHeaderComponent>;
+export declare const YcFormContainerHeader: DefineComponent<{
+    title: {
+        type: PropType<string>;
+        required: true;
+    };
+    class: {
+        type: PropType<string>;
+    };
+    titleColor: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    gradientColors: {
+        type: PropType<GradientColors>;
+        default: undefined;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    title: {
+        type: PropType<string>;
+        required: true;
+    };
+    class: {
+        type: PropType<string>;
+    };
+    titleColor: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    gradientColors: {
+        type: PropType<GradientColors>;
+        default: undefined;
+    };
+}>>, {
+    titleColor: string;
+    gradientColors: GradientColors;
+}, {}>;
+export declare const ReFormContainerHeader: DefineComponent<{
+    title: {
+        type: PropType<string>;
+        required: true;
+    };
+    class: {
+        type: PropType<string>;
+    };
+    titleColor: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    gradientColors: {
+        type: PropType<GradientColors>;
+        default: undefined;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    title: {
+        type: PropType<string>;
+        required: true;
+    };
+    class: {
+        type: PropType<string>;
+    };
+    titleColor: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    gradientColors: {
+        type: PropType<GradientColors>;
+        default: undefined;
+    };
+}>>, {
+    titleColor: string;
+    gradientColors: GradientColors;
+}, {}>;
+export type { YcFormContainerHeaderProps as ReFormContainerHeaderProps } from './src/type';

package/es/components/yc-form-container-header/index.mjs

@@ -0,0 +1,6 @@
+import YcFormContainerHeaderComponent from './src/index.vue.mjs';
+
+const YcFormContainerHeader = YcFormContainerHeaderComponent;
+const ReFormContainerHeader = YcFormContainerHeaderComponent;
+
+export { ReFormContainerHeader, YcFormContainerHeader };

package/es/components/yc-form-container-header/src/index.vue.d.ts

@@ -0,0 +1,31 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { YcFormContainerHeaderProps, GradientColors } from './type';
+
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<YcFormContainerHeaderProps>, {
+    titleColor: undefined;
+    gradientColors: undefined;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<YcFormContainerHeaderProps>, {
+    titleColor: undefined;
+    gradientColors: undefined;
+}>>>, {
+    titleColor: string;
+    gradientColors: GradientColors;
+}, {}>;
+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-form-container-header/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 YcFormContainerHeaderComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e3e5d0e4"], ["__file", "index.vue"]]);
+
+export { YcFormContainerHeaderComponent as default };

package/es/components/yc-form-container-header/src/index.vue2.mjs

@@ -0,0 +1,52 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString } from 'vue';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "YcFormContainerHeader"
+  },
+  __name: "index",
+  props: {
+    title: {},
+    class: {},
+    titleColor: { default: void 0 },
+    gradientColors: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const titleStyle = computed(() => {
+      const style = {};
+      if (props.titleColor) {
+        style.color = props.titleColor;
+      }
+      if (props.gradientColors) {
+        style["--yc-header-gradient-start"] = props.gradientColors.start;
+        style["--yc-header-gradient-end"] = props.gradientColors.end;
+      }
+      return Object.keys(style).length > 0 ? style : void 0;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["yc-form-container-header", _ctx.$attrs.class])
+        },
+        [
+          createElementVNode(
+            "div",
+            {
+              class: "header-title",
+              style: normalizeStyle(titleStyle.value)
+            },
+            toDisplayString(_ctx.title),
+            5
+            /* TEXT, STYLE */
+          )
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/yc-form-container-header/src/type.d.ts

@@ -0,0 +1,23 @@
+/** 渐变色配置 */
+export interface GradientColors {
+    /** 渐变起始颜色 */
+    start: string;
+    /** 渐变结束颜色 */
+    end: string;
+}
+/** YcFormContainerHeader 组件属性 */
+export interface YcFormContainerHeaderProps {
+    /** 标题文本 */
+    title: string;
+    /** 自定义类名 */
+    class?: string;
+    /** 标题颜色，默认使用 --el-text-color-regular */
+    titleColor?: string;
+    /**
+     * 自定义左侧竖线渐变色
+     * @example { start: '#386bfd', end: '#7b52fe' }
+     * 默认使用 CSS 变量：--pure-button-primary-gradient-start/end
+     * 如未定义则回退到 --el-color-primary
+     */
+    gradientColors?: GradientColors;
+}

package/es/components/yc-form-container-header/src/type.mjs

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,49 @@
+import { IconifyIconData } from './src/iconifyIconOffline';
+import { DefineComponent, PropType, Component, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+/** 本地图标组件 */
+declare const YcIconifyIconOffline: DefineComponent<{
+    icon: {
+        type: PropType<string | Component | IconifyIconData>;
+        default: null;
+    };
+}, unknown, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    icon: {
+        type: PropType<string | Component | IconifyIconData>;
+        default: null;
+    };
+}>>, {
+    icon: string | Component | IconifyIconData;
+}, {}>;
+/** 在线图标组件 */
+declare const YcIconifyIconOnline: DefineComponent<{
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+}, unknown, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    icon: string;
+}, {}>;
+/** iconfont 组件 */
+declare const YcFontIcon: DefineComponent<{
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+}, unknown, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    icon: string;
+}, {}>;
+export { YcIconifyIconOffline, YcIconifyIconOnline, YcFontIcon };
+export { useRenderIcon } from './src/hooks';
+export type { YcIconType } from './src/types';
+export type { IconifyIconData } from './src/iconifyIconOffline';
+export { YcIconifyIconOffline as IconifyIconOffline, YcIconifyIconOnline as IconifyIconOnline, YcFontIcon as FontIcon };

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

@@ -0,0 +1,10 @@
+import IconifyIconOffline from './src/iconifyIconOffline.mjs';
+import IconifyIconOnline from './src/iconifyIconOnline.mjs';
+import FontIcon from './src/iconfont.mjs';
+export { useRenderIcon } from './src/hooks.mjs';
+
+const YcIconifyIconOffline = IconifyIconOffline;
+const YcIconifyIconOnline = IconifyIconOnline;
+const YcFontIcon = FontIcon;
+
+export { YcFontIcon as FontIcon, YcIconifyIconOffline as IconifyIconOffline, YcIconifyIconOnline as IconifyIconOnline, YcFontIcon, YcIconifyIconOffline, YcIconifyIconOnline };

package/es/components/yc-icon/src/hooks.d.ts

@@ -0,0 +1,11 @@
+import { Component } from 'vue';
+import { YcIconType } from './types';
+
+/**
+ * 渲染图标的 Hook
+ * 支持 iconfont、自定义 SVG、Iconify 以及 URL 中所有的图标
+ * @param icon 必传 图标
+ * @param attrs 可选 YcIconType 属性
+ * @returns Component
+ */
+export declare function useRenderIcon(icon: string | Component | Record<string, unknown>, attrs?: YcIconType): Component | undefined;

package/es/components/yc-icon/src/hooks.mjs

@@ -0,0 +1,80 @@
+import { defineComponent, h } from 'vue';
+import FontIcon from './iconfont.mjs';
+import IconifyIconOnline from './iconifyIconOnline.mjs';
+import IconifyIconOffline from './iconifyIconOffline.mjs';
+import { isString } from 'lodash-es';
+
+function isUrlIcon(icon) {
+  return /^https?:\/\//i.test(icon);
+}
+const UrlIconComponent = defineComponent({
+  name: "YcUrlIcon",
+  props: {
+    src: { type: String, required: true },
+    size: { type: Number, default: 20 }
+  },
+  render() {
+    return h("img", {
+      src: this.src,
+      class: "yc-url-icon",
+      style: {
+        width: `${this.size}px`,
+        height: `${this.size}px`,
+        objectFit: "contain"
+      },
+      alt: "icon"
+    });
+  }
+});
+function useRenderIcon(icon, attrs) {
+  const ifReg = /^IF-/;
+  if (isString(icon) && isUrlIcon(icon)) {
+    const attrSize = (attrs == null ? void 0 : attrs.width) || (attrs == null ? void 0 : attrs.height);
+    const size = typeof attrSize === "number" ? attrSize : 20;
+    return h(UrlIconComponent, { src: icon, size });
+  }
+  if (isString(icon) && ifReg.test(icon)) {
+    const name = icon.split(ifReg)[1];
+    const iconName = name.slice(
+      0,
+      name.indexOf(" ") == -1 ? name.length : name.indexOf(" ")
+    );
+    const iconType = name.slice(name.indexOf(" ") + 1, name.length);
+    return defineComponent({
+      name: "YcFontIconWrapper",
+      render() {
+        return h(FontIcon, {
+          icon: iconName,
+          iconType,
+          ...attrs
+        });
+      }
+    });
+  } else if (typeof icon === "function" || typeof (icon == null ? void 0 : icon.render) === "function") {
+    return attrs ? h(icon, { ...attrs }) : icon;
+  } else if (typeof icon === "object") {
+    return defineComponent({
+      name: "YcOfflineIconWrapper",
+      render() {
+        return h(IconifyIconOffline, {
+          icon,
+          ...attrs
+        });
+      }
+    });
+  } else {
+    return defineComponent({
+      name: "YcIconWrapper",
+      render() {
+        if (!icon) return;
+        const IconComponent = icon.includes(":") ? IconifyIconOnline : IconifyIconOffline;
+        return h(IconComponent, {
+          icon,
+          ...attrs
+        });
+      }
+    });
+  }
+}
+
+export { useRenderIcon };

package/es/components/yc-icon/src/iconfont.d.ts

@@ -0,0 +1,21 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+/**
+ * iconfont 组件
+ * 封装 iconfont，默认 font-class 引用模式
+ * 支持 unicode 引用、font-class 引用、symbol 引用
+ * @see https://www.iconfont.cn/help/detail?helptype=code
+ */
+declare const _default: DefineComponent<{
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+}, unknown, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    icon: string;
+}, {}>;
+export default _default;

package/es/components/yc-icon/src/iconfont.mjs

@@ -0,0 +1,45 @@
+import { defineComponent, h } from 'vue';
+
+var FontIcon = defineComponent({
+  name: "YcFontIcon",
+  props: {
+    icon: {
+      type: String,
+      default: ""
+    }
+  },
+  render() {
+    const attrs = this.$attrs;
+    if (Object.keys(attrs).includes("uni") || (attrs == null ? void 0 : attrs.iconType) === "uni") {
+      return h(
+        "i",
+        {
+          class: "iconfont",
+          ...attrs
+        },
+        this.icon
+      );
+    } else if (Object.keys(attrs).includes("svg") || (attrs == null ? void 0 : attrs.iconType) === "svg") {
+      return h(
+        "svg",
+        {
+          class: "icon-svg"
+        },
+        {
+          default: () => [
+            h("use", {
+              "xlink:href": `#${this.icon}`
+            })
+          ]
+        }
+      );
+    } else {
+      return h("i", {
+        class: `iconfont ${this.icon}`,
+        ...attrs
+      });
+    }
+  }
+});
+
+export { FontIcon as default };

package/es/components/yc-icon/src/iconifyIconOffline.d.ts

@@ -0,0 +1,34 @@
+import { PropType, Component, DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+
+/**
+ * Iconify 图标数据接口
+ */
+export interface IconifyIconData {
+    body: string;
+    width?: number;
+    height?: number;
+    left?: number;
+    top?: number;
+    rotate?: number;
+    hFlip?: boolean;
+    vFlip?: boolean;
+}
+type IconType = string | IconifyIconData | Component;
+/**
+ * Iconify 离线图标组件
+ * 用于内网环境，从本地加载图标
+ */
+declare const _default: DefineComponent<{
+    icon: {
+        type: PropType<IconType>;
+        default: null;
+    };
+}, unknown, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    icon: {
+        type: PropType<IconType>;
+        default: null;
+    };
+}>>, {
+    icon: IconType;
+}, {}>;
+export default _default;

package/es/components/yc-icon/src/iconifyIconOffline.mjs

@@ -0,0 +1,51 @@
+import { defineComponent, h } from 'vue';
+import { Icon, addIcon } from '@iconify/vue';
+
+function isIconifyIconData(icon) {
+  return typeof icon === "object" && icon !== null && "body" in icon && typeof icon.body === "string";
+}
+var IconifyIconOffline = defineComponent({
+  name: "YcIconifyIconOffline",
+  components: { IconifyIcon: Icon },
+  props: {
+    icon: {
+      type: [String, Object, Function],
+      default: null
+    }
+  },
+  render() {
+    if (isIconifyIconData(this.icon)) {
+      const iconName = this.icon.name || "custom-icon";
+      addIcon(iconName, this.icon);
+    }
+    const attrs = this.$attrs;
+    if (typeof this.icon === "string") {
+      return h(
+        Icon,
+        {
+          icon: this.icon,
+          "aria-hidden": false,
+          style: (attrs == null ? void 0 : attrs.style) ? Object.assign(attrs.style, { outline: "none" }) : { outline: "none" },
+          ...attrs
+        },
+        {
+          default: () => []
+        }
+      );
+    } else {
+      return h(
+        this.icon,
+        {
+          "aria-hidden": false,
+          style: (attrs == null ? void 0 : attrs.style) ? Object.assign(attrs.style, { outline: "none" }) : { outline: "none" },
+          ...attrs
+        },
+        {
+          default: () => []
+        }
+      );
+    }
+  }
+});
+
+export { IconifyIconOffline as default };

package/es/components/yc-icon/src/iconifyIconOnline.d.ts

@@ -0,0 +1,19 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+/**
+ * Iconify 在线图标组件
+ * 用于外网环境，从 CDN 加载图标
+ */
+declare const _default: DefineComponent<{
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+}, unknown, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    icon: string;
+}, {}>;
+export default _default;

package/es/components/yc-icon/src/iconifyIconOnline.mjs

@@ -0,0 +1,30 @@
+import { defineComponent, h } from 'vue';
+import { Icon } from '@iconify/vue';
+
+var IconifyIconOnline = defineComponent({
+  name: "YcIconifyIconOnline",
+  components: { IconifyIcon: Icon },
+  props: {
+    icon: {
+      type: String,
+      default: ""
+    }
+  },
+  render() {
+    const attrs = this.$attrs;
+    return h(
+      Icon,
+      {
+        icon: `${this.icon}`,
+        "aria-hidden": false,
+        style: (attrs == null ? void 0 : attrs.style) ? Object.assign(attrs.style, { outline: "none" }) : { outline: "none" },
+        ...attrs
+      },
+      {
+        default: () => []
+      }
+    );
+  }
+});
+
+export { IconifyIconOnline as default };