yangs-ui 0.0.1 → 0.0.2

package/es/button/index.d.ts

@@ -0,0 +1,33 @@
+export declare const YButton: import('@yangs-ui/utils/with-install').SFCWithInstall<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        readonly color: StringConstructor;
+        readonly size: import('vue').PropType<number | string>;
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        readonly color: StringConstructor;
+        readonly size: import('vue').PropType<number | string>;
+    }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    readonly color: StringConstructor;
+    readonly size: import('vue').PropType<number | string>;
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+})>;
+export default YButton;
+export * from './src/button';
+declare module "vue" {
+    interface GlobalComponents {
+        YButton: typeof YButton;
+    }
+}

package/es/button/src/button.d.ts

@@ -0,0 +1,6 @@
+import { PropType, ExtractPropTypes } from 'vue';
+export declare const buttonProps: {
+    readonly color: StringConstructor;
+    readonly size: PropType<number | string>;
+};
+export type ButtonProps = ExtractPropTypes<typeof buttonProps>;

package/es/button/src/button.vue.d.ts

@@ -0,0 +1,21 @@
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        default?: (props: {}) => any;
+    };
+};
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly color: StringConstructor;
+    readonly size: import('vue').PropType<number | string>;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly color: StringConstructor;
+    readonly size: import('vue').PropType<number | string>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/icon/index.d.ts

@@ -0,0 +1,33 @@
+export declare const YIcon: import('@yangs-ui/utils/with-install').SFCWithInstall<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        readonly color: StringConstructor;
+        readonly size: import('vue').PropType<number | string>;
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        readonly color: StringConstructor;
+        readonly size: import('vue').PropType<number | string>;
+    }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    readonly color: StringConstructor;
+    readonly size: import('vue').PropType<number | string>;
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+})>;
+export default YIcon;
+export * from './src/icon';
+declare module "vue" {
+    interface GlobalComponents {
+        YIcon: typeof YIcon;
+    }
+}

package/es/icon/src/icon.d.ts

@@ -0,0 +1,23 @@
+import { PropType, ExtractPropTypes } from 'vue';
+export declare const iconProps: {
+    readonly color: StringConstructor;
+    readonly size: PropType<number | string>;
+};
+export type IconProps = ExtractPropTypes<typeof iconProps>;
+/**
+ * const iconProps = {
+    color: String,
+    size: [Number, String]
+  };
+  这种写法是在vue组件中定义props时的写法，运行时的写法，只能写一个构造函数。String，Number本身也是构造函数
+
+  为什么使用as const。ts的类型
+  让所有属性变为readonly
+  不能直接赋值 iconProps.color = String; // 报错，因为color是readonly属性
+
+  as PropType<number | string> ts的类型
+  返回一个构造函数(构造函数的返回值为number|string)
+  如果color是一个对象，可以指定具体对象的属性类型 color: Object as PropType<{ name: string; age: number }>
+  如果color是一个函数，color: Function as PropType<(val: string) => void>
+  让ExtractPropTypes更好的推导类型，避免手动定义类型
+ */

package/es/icon/src/icon.vue.d.ts

@@ -0,0 +1,21 @@
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        default?: (props: {}) => any;
+    };
+};
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly color: StringConstructor;
+    readonly size: import('vue').PropType<number | string>;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly color: StringConstructor;
+    readonly size: import('vue').PropType<number | string>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/index.d.ts

@@ -0,0 +1,7 @@
+export * from '@yangs-ui/components';
+export * from '@yangs-ui/constants';
+declare const installer: {
+    install: (app: any) => void;
+};
+export declare const install: (app: any) => void;
+export default installer;

package/lib/button/index.d.ts

@@ -0,0 +1,33 @@
+export declare const YButton: import('@yangs-ui/utils/with-install').SFCWithInstall<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        readonly color: StringConstructor;
+        readonly size: import('vue').PropType<number | string>;
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        readonly color: StringConstructor;
+        readonly size: import('vue').PropType<number | string>;
+    }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    readonly color: StringConstructor;
+    readonly size: import('vue').PropType<number | string>;
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+})>;
+export default YButton;
+export * from './src/button';
+declare module "vue" {
+    interface GlobalComponents {
+        YButton: typeof YButton;
+    }
+}

package/lib/button/src/button.d.ts

@@ -0,0 +1,6 @@
+import { PropType, ExtractPropTypes } from 'vue';
+export declare const buttonProps: {
+    readonly color: StringConstructor;
+    readonly size: PropType<number | string>;
+};
+export type ButtonProps = ExtractPropTypes<typeof buttonProps>;

package/lib/button/src/button.vue.d.ts

@@ -0,0 +1,21 @@
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        default?: (props: {}) => any;
+    };
+};
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly color: StringConstructor;
+    readonly size: import('vue').PropType<number | string>;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly color: StringConstructor;
+    readonly size: import('vue').PropType<number | string>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/component.d.ts

@@ -0,0 +1,3 @@
+import { Plugin } from 'vue';
+declare const _default: Plugin[];
+export default _default;

package/lib/constants/index.d.ts

@@ -0,0 +1 @@
+export * from './key';

package/lib/constants/key.d.ts

@@ -0,0 +1 @@
+export declare const INSTALLED_KEY: unique symbol;

package/lib/icon/index.d.ts

@@ -0,0 +1,33 @@
+export declare const YIcon: import('@yangs-ui/utils/with-install').SFCWithInstall<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        readonly color: StringConstructor;
+        readonly size: import('vue').PropType<number | string>;
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        readonly color: StringConstructor;
+        readonly size: import('vue').PropType<number | string>;
+    }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    readonly color: StringConstructor;
+    readonly size: import('vue').PropType<number | string>;
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+})>;
+export default YIcon;
+export * from './src/icon';
+declare module "vue" {
+    interface GlobalComponents {
+        YIcon: typeof YIcon;
+    }
+}

package/lib/icon/src/icon.d.ts

@@ -0,0 +1,23 @@
+import { PropType, ExtractPropTypes } from 'vue';
+export declare const iconProps: {
+    readonly color: StringConstructor;
+    readonly size: PropType<number | string>;
+};
+export type IconProps = ExtractPropTypes<typeof iconProps>;
+/**
+ * const iconProps = {
+    color: String,
+    size: [Number, String]
+  };
+  这种写法是在vue组件中定义props时的写法，运行时的写法，只能写一个构造函数。String，Number本身也是构造函数
+
+  为什么使用as const。ts的类型
+  让所有属性变为readonly
+  不能直接赋值 iconProps.color = String; // 报错，因为color是readonly属性
+
+  as PropType<number | string> ts的类型
+  返回一个构造函数(构造函数的返回值为number|string)
+  如果color是一个对象，可以指定具体对象的属性类型 color: Object as PropType<{ name: string; age: number }>
+  如果color是一个函数，color: Function as PropType<(val: string) => void>
+  让ExtractPropTypes更好的推导类型，避免手动定义类型
+ */

package/lib/icon/src/icon.vue.d.ts

@@ -0,0 +1,21 @@
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        default?: (props: {}) => any;
+    };
+};
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly color: StringConstructor;
+    readonly size: import('vue').PropType<number | string>;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly color: StringConstructor;
+    readonly size: import('vue').PropType<number | string>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/index.d.ts

@@ -0,0 +1,7 @@
+export * from '@yangs-ui/components';
+export * from '@yangs-ui/constants';
+declare const installer: {
+    install: (app: any) => void;
+};
+export declare const install: (app: any) => void;
+export default installer;

package/lib/index.prod.d.ts

@@ -0,0 +1,8 @@
+import { YIcon } from '@yangs-ui/components/icon';
+import { YButton } from '@yangs-ui/components/button';
+declare const install: (app: any) => void;
+declare const installer: {
+    install: (app: any) => void;
+};
+export default installer;
+export { install, YIcon, YButton };

package/lib/make-install.d.ts

@@ -0,0 +1,4 @@
+import { Plugin } from 'vue';
+export declare function makeInstall(components: Plugin[]): {
+    install: (app: any) => void;
+};

package/lib/utils/create.d.ts

@@ -0,0 +1,20 @@
+export declare function createNameSpace(name: string): {
+    b: (blockSuffix?: string) => string;
+    e: (element?: string) => string;
+    m: (modifier?: string) => string;
+    be: (blockSuffix: string, element: string) => string;
+    bm: (blockSuffix: string, modifier: string) => string;
+    em: (element: string, modifier: string) => string;
+    bem: (blockSuffix: string, element: string, modifier: string) => string;
+    is: (name: string, state: string | boolean) => string;
+};
+/**
+ *  const bem = createNameSpace("icon");
+  console.log(bem.b("block"));
+  console.log(bem.e("element"));
+  console.log(bem.m("modifier"));
+  console.log(bem.be("block", "element"));
+  console.log(bem.bm("block", "modifier"));
+  console.log(bem.em("element", "modifier"));
+  console.log(bem.bem("block", "element", "modifier"));
+ */

package/lib/utils/with-install.d.ts

@@ -0,0 +1,3 @@
+import { ObjectPlugin } from 'vue';
+export type SFCWithInstall<T> = T & ObjectPlugin;
+export declare function withInstall<T>(component: T): SFCWithInstall<T>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "yangs-ui",
   "type": "module",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "A Component Library for Vue 3",
   "keywords": [
     "yangs-ui",
@@ -13,10 +13,6 @@
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./es/index.d.ts",
-  "publishConfig": {
-    "access": "public",
-    "directory": "dist"
-  },
   "peerDependencies": {
     "vue": "^3.5.0"
   },
@@ -60,4 +56,4 @@
   "sideEffects": [
     "**/style/**"
   ]
-}
+}