yc-design-vue 1.5.9 → 1.6.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "yc-design-vue",
   "private": false,
-  "version": "1.5.9",
+  "version": "1.6.1",
   "type": "module",
   "description": "A Vue 3 component library.",
   "keywords": [
@@ -47,26 +47,17 @@
       "require": "./lib/index.js"
     },
     "./es/style.css": "./es/style.css",
+    "./es/shared.css": "./es/shared.css",
     "./lib/style.css": "./lib/style.css",
-    "./*": {
-      "types": [
-        "./es/*/index.d.ts",
-        "./es/*.d.ts",
-        "./lib/*/index.d.ts",
-        "./lib/*.d.ts"
-      ],
-      "import": [
-        "./es/*/index.js",
-        "./es/*.js"
-      ],
-      "require": [
-        "./lib/*/index.js",
-        "./lib/*.js"
-      ]
+    "./lib/shared.css": "./lib/shared.css",
+    "./es/*": {
+      "types": "./es/*/index.d.ts",
+      "import": "./es/*/index.js"
     },
-    "./*.css": "./*.css",
-    "./es/*.css": "./es/*.css",
-    "./lib/*.css": "./lib/*.css"
+    "./lib/*": {
+      "types": "./lib/*/index.d.ts",
+      "require": "./lib/*/index.js"
+    }
   },
   "dependencies": {
     "@vueuse/core": "^12.0.0",
@@ -77,6 +68,7 @@
   },
   "devDependencies": {
     "@arco-design/web-vue": "^2.55.1",
+    "@types/less": "^3.0.8",
     "@types/node": "^20.12.8",
     "@types/tinycolor2": "^1.4.6",
     "@typescript-eslint/eslint-plugin": "^7.11.0",
@@ -100,7 +92,7 @@
     "vite-plugin-dts": "^4.5.4",
     "vue": "^3.3.4",
     "vue-tsc": "^2.0.29",
-    "yc-design-vue": "^1.5.8"
+    "yc-design-vue": "^1.6.0"
   },
   "peerDependencies": {
     "vue": "^3.3.4"

package/es/Icon/index.d.ts

@@ -1,38 +0,0 @@
-import { App } from 'vue';
-import { IconFontOptions } from './type';
-import { default as _Icon } from './index.vue';
-export type IconInstance = InstanceType<typeof _Icon>;
-export * from './type';
-declare const Icon: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').IconProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        spin: boolean;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, SVGSVGElement, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('./type').IconProps> & Readonly<{}>, {}, {}, {}, {}, {
-        spin: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./type').IconProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    spin: boolean;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: Readonly<import('./type').IconSlots> & import('./type').IconSlots;
-}) & {
-    install: (app: App) => void;
-    urlCache: Map<string, string>;
-    addFromIconFontCn(options: IconFontOptions): import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-        [key: string]: any;
-    }>;
-};
-declare module 'vue' {
-    interface GlobalComponents {
-        YcIcon: typeof Icon;
-    }
-}
-export default Icon;

package/es/Icon/index.js

@@ -1,29 +0,0 @@
-import { h } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { isServerRendering } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
-import _Icon from "./index.vue.js";
-const Icon = Object.assign(_Icon, {
-  install: (app) => {
-    app.component("Yc" + _Icon.name, _Icon);
-  },
-  urlCache: /* @__PURE__ */ new Map(),
-  addFromIconFontCn(options) {
-    const { src, extraProps = {} } = options;
-    if ((src == null ? void 0 : src.length) && !isServerRendering && !this.urlCache.has(src)) {
-      const script = document.createElement("script");
-      script.setAttribute("src", src);
-      script.setAttribute("data-namespace", src);
-      document.body.appendChild(script);
-      this.urlCache.set(src, src);
-    }
-    return h(_Icon, {
-      ...extraProps
-    });
-  }
-});
-export {
-  Icon as default
-};

package/es/Icon/index.vue.d.ts

@@ -1,18 +0,0 @@
-import { IconProps, IconSlots } from './type';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<IconSlots> & IconSlots;
-    refs: {};
-    rootEl: SVGSVGElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IconProps> & Readonly<{}>, {
-    spin: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/es/Icon/index.vue.js

@@ -1,7 +0,0 @@
-import _sfc_main from "./index.vue2.js";
-/* empty css           */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Icon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-52e5518c"]]);
-export {
-  _Icon as default
-};

package/es/Icon/index.vue2.js

@@ -1,55 +0,0 @@
-import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeStyle, renderSlot } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { valueToPx } from "../_shared/utils/dom.js";
-import { isUndefined } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
-const _hoisted_1 = ["xlinkHref"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "Icon"
-  },
-  __name: "index",
-  props: {
-    type: {},
-    size: {},
-    rotate: {},
-    spin: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const { size, rotate, spin } = toRefs(props);
-    const calcSize = (type) => {
-      if (isUndefined(size.value)) {
-        return "1em";
-      } else if (Array.isArray(size.value)) {
-        return valueToPx(size.value[type == "height" ? 1 : 0]);
-      } else {
-        return valueToPx(size.value);
-      }
-    };
-    const style = computed(() => {
-      return {
-        width: calcSize("width"),
-        height: calcSize("height"),
-        transform: isUndefined(rotate.value) ? "" : `rotate(${rotate.value}deg)`,
-        animation: spin.value ? "animation: spin 1s infinite cubic-bezier(0, 0, 1, 1)" : ""
-      };
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", {
-        style: normalizeStyle(style.value),
-        class: "yc-icon"
-      }, [
-        _ctx.type ? (openBlock(), createElementBlock("use", {
-          key: 0,
-          xlinkHref: `#${_ctx.type}`
-        }, null, 8, _hoisted_1)) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true)
-      ], 4);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Icon/type.d.ts

@@ -1,15 +0,0 @@
-import { ObjectData } from '../_shared/type';
-import { VNode } from 'vue';
-export interface IconProps {
-    type?: string;
-    size?: number | string | number[];
-    rotate?: number;
-    spin?: boolean;
-}
-export interface IconSlots {
-    default?: () => VNode[];
-}
-export interface IconFontOptions {
-    src?: string;
-    extraProps?: ObjectData;
-}

package/lib/Icon/index.d.ts

@@ -1,38 +0,0 @@
-import { App } from 'vue';
-import { IconFontOptions } from './type';
-import { default as _Icon } from './index.vue';
-export type IconInstance = InstanceType<typeof _Icon>;
-export * from './type';
-declare const Icon: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').IconProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        spin: boolean;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, SVGSVGElement, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('./type').IconProps> & Readonly<{}>, {}, {}, {}, {}, {
-        spin: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./type').IconProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    spin: boolean;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: Readonly<import('./type').IconSlots> & import('./type').IconSlots;
-}) & {
-    install: (app: App) => void;
-    urlCache: Map<string, string>;
-    addFromIconFontCn(options: IconFontOptions): import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-        [key: string]: any;
-    }>;
-};
-declare module 'vue' {
-    interface GlobalComponents {
-        YcIcon: typeof Icon;
-    }
-}
-export default Icon;

package/lib/Icon/index.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const t=require("../_shared/utils/dom.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const r=require("./index.vue.js"),s=Object.assign(r,{install:e=>{e.component("Yc"+r.name,r)},urlCache:new Map,addFromIconFontCn(s){const{src:n,extraProps:i={}}=s;if((null==n?void 0:n.length)&&!t.isServerRendering&&!this.urlCache.has(n)){const e=document.createElement("script");e.setAttribute("src",n),e.setAttribute("data-namespace",n),document.body.appendChild(e),this.urlCache.set(n,n)}return e.h(r,{...i})}});module.exports=s;

package/lib/Icon/index.vue.d.ts

@@ -1,18 +0,0 @@
-import { IconProps, IconSlots } from './type';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<IconSlots> & IconSlots;
-    refs: {};
-    rootEl: SVGSVGElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IconProps> & Readonly<{}>, {
-    spin: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/lib/Icon/index.vue.js

@@ -1 +0,0 @@
-"use strict";const e=;/* empty css            */;/* empty css            */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-52e5518c"]]);module.exports=r;

package/lib/Icon/index.vue2.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const t=require("../_shared/utils/dom.js"),i=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const n=["xlinkHref"],s=e.defineComponent({name:"Icon",__name:"index",props:{type:{},size:{},rotate:{},spin:{type:Boolean,default:!1}},setup(s){const o=s,{size:r,rotate:l,spin:a}=e.toRefs(o),u=e=>i.isUndefined(r.value)?"1em":Array.isArray(r.value)?t.valueToPx(r.value["height"==e?1:0]):t.valueToPx(r.value),d=e.computed(()=>({width:u("width"),height:u("height"),transform:i.isUndefined(l.value)?"":`rotate(${l.value}deg)`,animation:a.value?"animation: spin 1s infinite cubic-bezier(0, 0, 1, 1)":""}));return(t,i)=>(e.openBlock(),e.createElementBlock("svg",{style:e.normalizeStyle(d.value),class:"yc-icon"},[t.type?(e.openBlock(),e.createElementBlock("use",{key:0,xlinkHref:`#${t.type}`},null,8,n)):e.renderSlot(t.$slots,"default",{key:1},void 0,!0)],4))}});module.exports=s;

package/lib/Icon/type.d.ts

@@ -1,15 +0,0 @@
-import { ObjectData } from '../_shared/type';
-import { VNode } from 'vue';
-export interface IconProps {
-    type?: string;
-    size?: number | string | number[];
-    rotate?: number;
-    spin?: boolean;
-}
-export interface IconSlots {
-    default?: () => VNode[];
-}
-export interface IconFontOptions {
-    src?: string;
-    extraProps?: ObjectData;
-}