yc-pro-components 0.0.5 → 0.0.7

package/theme-chalk/src/yc-status-dialog.scss

@@ -6,17 +6,20 @@
 }
 
 .yc-status-dialog {
+  // 使用 dialog 本身的 padding 控制内边距
+  padding: 16px !important;
+
   .el-dialog__header {
-    padding: 24px 24px 16px;
-    margin: 0;
+    padding: 0 !important;
+    margin: 0 !important;
   }
 
   .el-dialog__body {
-    padding: 0 24px 24px;
+    padding: 0 !important;
   }
 
   .el-dialog__footer {
-    padding: 0 24px 24px;
+    padding: 16px 0 0 !important;
   }
 
   .dialog-header {

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

@@ -1,49 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

@@ -1,80 +0,0 @@
-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

@@ -1,21 +0,0 @@
-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

@@ -1,45 +0,0 @@
-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

@@ -1,34 +0,0 @@
-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

@@ -1,51 +0,0 @@
-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

@@ -1,19 +0,0 @@
-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

@@ -1,30 +0,0 @@
-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 };

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

@@ -1,35 +0,0 @@
-/**
- * 图标属性类型
- * @see https://docs.iconify.design/icon-components/vue/#properties
- */
-export interface YcIconType {
-    /** 是否内联显示 */
-    inline?: boolean;
-    /** 图标宽度 */
-    width?: string | number;
-    /** 图标高度 */
-    height?: string | number;
-    /** 水平翻转 */
-    horizontalFlip?: boolean;
-    /** 垂直翻转 */
-    verticalFlip?: boolean;
-    /** 翻转方向 */
-    flip?: string;
-    /** 旋转角度 */
-    rotate?: number | string;
-    /** 颜色 */
-    color?: string;
-    /** 水平对齐 */
-    horizontalAlign?: boolean;
-    /** 垂直对齐 */
-    verticalAlign?: boolean;
-    /** 对齐方式 */
-    align?: string;
-    /** 加载完成回调 */
-    onLoad?: Function;
-    includes?: Function;
-    /** SVG 填充色 */
-    fill?: string;
-    /** 样式对象 */
-    style?: object;
-}

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

@@ -1 +0,0 @@
-

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

@@ -1,49 +0,0 @@
-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/lib/components/yc-icon/index.js

@@ -1,18 +0,0 @@
-'use strict';
-
-var iconifyIconOffline = require('./src/iconifyIconOffline.js');
-var iconifyIconOnline = require('./src/iconifyIconOnline.js');
-var iconfont = require('./src/iconfont.js');
-var hooks = require('./src/hooks.js');
-
-const YcIconifyIconOffline = iconifyIconOffline.default;
-const YcIconifyIconOnline = iconifyIconOnline.default;
-const YcFontIcon = iconfont.default;
-
-exports.useRenderIcon = hooks.useRenderIcon;
-exports.FontIcon = YcFontIcon;
-exports.IconifyIconOffline = YcIconifyIconOffline;
-exports.IconifyIconOnline = YcIconifyIconOnline;
-exports.YcFontIcon = YcFontIcon;
-exports.YcIconifyIconOffline = YcIconifyIconOffline;
-exports.YcIconifyIconOnline = YcIconifyIconOnline;

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

@@ -1,11 +0,0 @@
-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/lib/components/yc-icon/src/hooks.js

@@ -1,82 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var iconfont = require('./iconfont.js');
-var iconifyIconOnline = require('./iconifyIconOnline.js');
-var iconifyIconOffline = require('./iconifyIconOffline.js');
-var lodashEs = require('lodash-es');
-
-function isUrlIcon(icon) {
-  return /^https?:\/\//i.test(icon);
-}
-const UrlIconComponent = vue.defineComponent({
-  name: "YcUrlIcon",
-  props: {
-    src: { type: String, required: true },
-    size: { type: Number, default: 20 }
-  },
-  render() {
-    return vue.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 (lodashEs.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 vue.h(UrlIconComponent, { src: icon, size });
-  }
-  if (lodashEs.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 vue.defineComponent({
-      name: "YcFontIconWrapper",
-      render() {
-        return vue.h(iconfont.default, {
-          icon: iconName,
-          iconType,
-          ...attrs
-        });
-      }
-    });
-  } else if (typeof icon === "function" || typeof (icon == null ? void 0 : icon.render) === "function") {
-    return attrs ? vue.h(icon, { ...attrs }) : icon;
-  } else if (typeof icon === "object") {
-    return vue.defineComponent({
-      name: "YcOfflineIconWrapper",
-      render() {
-        return vue.h(iconifyIconOffline.default, {
-          icon,
-          ...attrs
-        });
-      }
-    });
-  } else {
-    return vue.defineComponent({
-      name: "YcIconWrapper",
-      render() {
-        if (!icon) return;
-        const IconComponent = icon.includes(":") ? iconifyIconOnline.default : iconifyIconOffline.default;
-        return vue.h(IconComponent, {
-          icon,
-          ...attrs
-        });
-      }
-    });
-  }
-}
-
-exports.useRenderIcon = useRenderIcon;

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

@@ -1,21 +0,0 @@
-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/lib/components/yc-icon/src/iconfont.js

@@ -1,49 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-var FontIcon = vue.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 vue.h(
-        "i",
-        {
-          class: "iconfont",
-          ...attrs
-        },
-        this.icon
-      );
-    } else if (Object.keys(attrs).includes("svg") || (attrs == null ? void 0 : attrs.iconType) === "svg") {
-      return vue.h(
-        "svg",
-        {
-          class: "icon-svg"
-        },
-        {
-          default: () => [
-            vue.h("use", {
-              "xlink:href": `#${this.icon}`
-            })
-          ]
-        }
-      );
-    } else {
-      return vue.h("i", {
-        class: `iconfont ${this.icon}`,
-        ...attrs
-      });
-    }
-  }
-});
-
-exports.default = FontIcon;