yangs-ui 0.0.4 → 0.0.6

package/{umd/index.full.css → dist/index.css}

@@ -1,8 +1,15 @@
+* {
+  margin: 0;
+  padding: 0;
+}
+
 .y-icon {
   width: 1em;
   height: 1em;
   vertical-align: middle;
   display: inline-flex;
-}.y-button {
+}
+
+.y-button {
   border: 1px solid #ccc;
-}/*$vite$:1*/
+}

package/{umd → dist}/index.full.js

@@ -5,6 +5,19 @@
 		__esModule: { value: true },
 		[Symbol.toStringTag]: { value: "Module" }
 	});
+	// ../constants/key.ts
+	var INSTALLED_KEY = Symbol("INSTALLED_KEY");
+	// make-install.ts
+	function makeInstall(components) {
+		const install = (app) => {
+			if (app[INSTALLED_KEY]) return;
+			app[INSTALLED_KEY] = true;
+			components.forEach((component) => {
+				app.use(component);
+			});
+		};
+		return { install };
+	}
 	// ../utils/with-install.ts
 	function withInstall(component) {
 		component.install = function(app) {
@@ -56,12 +69,12 @@
 	console.log(bem.em("element", "modifier"));
 	console.log(bem.bem("block", "element", "modifier"));
 	*/
-	// ../compontents/icon/src/icon.ts
+	// ../components/icon/src/icon.ts
 	var iconProps = {
 		color: String,
 		size: [Number, String]
 	};
-	// ../compontents/icon/index.ts
+	// ../components/icon/index.ts
 	var YIcon = withInstall(/* @__PURE__ */ (0, vue.defineComponent)({
 		name: "y-icon",
 		__name: "icon",
@@ -84,12 +97,12 @@
 			};
 		}
 	}));
-	// ../compontents/button/src/button.ts
+	// ../components/button/src/button.ts
 	var buttonProps = {
 		color: String,
 		size: [Number, String]
 	};
-	// ../compontents/button/index.ts
+	// ../components/button/index.ts
 	var YButton = withInstall(/* @__PURE__ */ (0, vue.defineComponent)({
 		name: "y-button",
 		__name: "button",
@@ -112,16 +125,14 @@
 			};
 		}
 	}));
-	// index.prod.ts
-	var components = [YIcon, YButton];
-	var install = (app) => {
-		components.forEach((component) => {
-			app.use(component);
-		});
-	};
-	var installer = { install };
+	// index.ts
+	var installer = makeInstall([YIcon, YButton]);
+	var install = installer.install;
+	exports.INSTALLED_KEY = INSTALLED_KEY;
 	exports.YButton = YButton;
 	exports.YIcon = YIcon;
+	exports.buttonProps = buttonProps;
 	exports.default = installer;
+	exports.iconProps = iconProps;
 	exports.install = install;
 });

package/es/component.js

@@ -0,0 +1,5 @@
+import { YIcon } from "./components/icon/index.js";
+import { YButton } from "./components/button/index.js";
+// component.ts
+var component_default = [YIcon, YButton];
+export { component_default as default };

package/es/{button → components/button}/index.d.ts

@@ -25,7 +25,7 @@ export declare const YButton: import('@yangs-ui/utils/with-install').SFCWithInst
     };
 })>;
 export default YButton;
-export * from './src/button';
+export * from './src/button.ts';
 declare module "vue" {
     interface GlobalComponents {
         YButton: typeof YButton;

package/es/components/button/index.js

@@ -0,0 +1,6 @@
+import { withInstall } from "../../utils/with-install.js";
+import { buttonProps } from "./src/button.js";
+import button_default from "./src/button2.js";
+// ../components/button/index.ts
+var YButton = withInstall(button_default);
+export { YButton, YButton as default, buttonProps };

package/es/{button → components/button}/src/button.js

@@ -1,4 +1,4 @@
-// ../compontents/button/src/button.ts
+// ../components/button/src/button.ts
 var buttonProps = {
 	color: String,
 	size: [Number, String]

package/es/{button → components/button}/src/button.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
-import { createNameSpace } from "../../utils/create.js";
+import { createNameSpace } from "../../../utils/create.js";
 import { buttonProps } from "./button.js";
 import { computed, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, unref } from "vue";
-// ../compontents/button/src/button.vue?vue&type=script&setup=true&lang.ts
+// ../components/button/src/button.vue?vue&type=script&setup=true&lang.ts
 var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "y-button",
 	__name: "button",

package/es/{button/src/button.vue.js → components/button/src/button2.js}

@@ -1,4 +1,4 @@
 import button_vue_vue_type_script_setup_true_lang_default from "./button.vue_vue_type_script_setup_true_lang.js";
-// ../compontents/button/src/button.vue
+// ../components/button/src/button.vue
 var button_default = button_vue_vue_type_script_setup_true_lang_default;
 export { button_default as default };

package/{lib → es/components}/icon/index.d.ts

@@ -25,7 +25,7 @@ export declare const YIcon: import('@yangs-ui/utils/with-install').SFCWithInstal
     };
 })>;
 export default YIcon;
-export * from './src/icon';
+export * from './src/icon.ts';
 declare module "vue" {
     interface GlobalComponents {
         YIcon: typeof YIcon;

package/es/components/icon/index.js

@@ -0,0 +1,6 @@
+import { withInstall } from "../../utils/with-install.js";
+import { iconProps } from "./src/icon.js";
+import icon_default from "./src/icon2.js";
+// ../components/icon/index.ts
+var YIcon = withInstall(icon_default);
+export { YIcon, YIcon as default, iconProps };

package/es/{icon → components/icon}/src/icon.js

@@ -1,4 +1,4 @@
-// ../compontents/icon/src/icon.ts
+// ../components/icon/src/icon.ts
 var iconProps = {
 	color: String,
 	size: [Number, String]

package/es/{icon → components/icon}/src/icon.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
-import { createNameSpace } from "../../utils/create.js";
+import { createNameSpace } from "../../../utils/create.js";
 import { iconProps } from "./icon.js";
 import { computed, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, unref } from "vue";
-// ../compontents/icon/src/icon.vue?vue&type=script&setup=true&lang.ts
+// ../components/icon/src/icon.vue?vue&type=script&setup=true&lang.ts
 var icon_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "y-icon",
 	__name: "icon",

package/es/{icon/src/icon.vue.js → components/icon/src/icon2.js}

@@ -1,4 +1,4 @@
 import icon_vue_vue_type_script_setup_true_lang_default from "./icon.vue_vue_type_script_setup_true_lang.js";
-// ../compontents/icon/src/icon.vue
+// ../components/icon/src/icon.vue
 var icon_default = icon_vue_vue_type_script_setup_true_lang_default;
 export { icon_default as default };

package/es/constants/key.js

@@ -0,0 +1,3 @@
+// ../constants/key.ts
+var INSTALLED_KEY = Symbol("INSTALLED_KEY");
+export { INSTALLED_KEY };

package/es/index.d.ts

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

package/es/index.js

@@ -1,11 +1,11 @@
-import { YIcon } from "./icon/index.js";
-import { YButton } from "./button/index.js";
-// index.prod.ts
-var components = [YIcon, YButton];
-var install = (app) => {
-	components.forEach((component) => {
-		app.use(component);
-	});
-};
-var installer = { install };
-export { YButton, YIcon, installer as default, install };
+import { INSTALLED_KEY } from "./constants/key.js";
+import { makeInstall } from "./make-install.js";
+import { iconProps } from "./components/icon/src/icon.js";
+import { YIcon } from "./components/icon/index.js";
+import { buttonProps } from "./components/button/src/button.js";
+import { YButton } from "./components/button/index.js";
+import component_default from "./component.js";
+// index.ts
+var installer = makeInstall(component_default);
+var install = installer.install;
+export { INSTALLED_KEY, YButton, YIcon, buttonProps, installer as default, iconProps, install };

package/es/make-install.js

@@ -0,0 +1,13 @@
+import { INSTALLED_KEY } from "./constants/key.js";
+// make-install.ts
+function makeInstall(components) {
+	const install = (app) => {
+		if (app[INSTALLED_KEY]) return;
+		app[INSTALLED_KEY] = true;
+		components.forEach((component) => {
+			app.use(component);
+		});
+	};
+	return { install };
+}
+export { makeInstall };

package/lib/component.cjs

@@ -0,0 +1,5 @@
+const require_index = require("./components/icon/index.cjs");
+const require_index$1 = require("./components/button/index.cjs");
+// component.ts
+var component_default = [require_index.YIcon, require_index$1.YButton];
+exports.default = component_default;

package/lib/{button → components/button}/index.cjs

@@ -1,8 +1,7 @@
-require('./style/index.css');const require_with_install = require("../utils/with-install.cjs");
+const require_with_install = require("../../utils/with-install.cjs");
 const require_button = require("./src/button.cjs");
-const require_button$1 = require("./src/button.vue.cjs");
-;/* empty css                   */
-// ../compontents/button/index.ts
+const require_button$1 = require("./src/button2.cjs");
+// ../components/button/index.ts
 var YButton = require_with_install.withInstall(require_button$1.default);
 exports.YButton = YButton;
 exports.default = YButton;

package/lib/{button → components/button}/index.d.ts

@@ -25,7 +25,7 @@ export declare const YButton: import('@yangs-ui/utils/with-install').SFCWithInst
     };
 })>;
 export default YButton;
-export * from './src/button';
+export * from './src/button.ts';
 declare module "vue" {
     interface GlobalComponents {
         YButton: typeof YButton;

package/lib/{button → components/button}/src/button.cjs

@@ -1,4 +1,4 @@
-// ../compontents/button/src/button.ts
+// ../components/button/src/button.ts
 var buttonProps = {
 	color: String,
 	size: [Number, String]

package/lib/{button → components/button}/src/button.vue_vue_type_script_setup_true_lang.cjs

@@ -1,7 +1,7 @@
-const require_create = require("../../utils/create.cjs");
+const require_create = require("../../../utils/create.cjs");
 const require_button = require("./button.cjs");
 let vue = require("vue");
-// ../compontents/button/src/button.vue?vue&type=script&setup=true&lang.ts
+// ../components/button/src/button.vue?vue&type=script&setup=true&lang.ts
 var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	name: "y-button",
 	__name: "button",

package/lib/{button/src/button.vue.cjs → components/button/src/button2.cjs}

@@ -1,3 +1,3 @@
-// ../compontents/button/src/button.vue
+// ../components/button/src/button.vue
 var button_default = require("./button.vue_vue_type_script_setup_true_lang.cjs").default;
 exports.default = button_default;

package/lib/components/icon/index.cjs

@@ -0,0 +1,8 @@
+const require_with_install = require("../../utils/with-install.cjs");
+const require_icon = require("./src/icon.cjs");
+const require_icon$1 = require("./src/icon2.cjs");
+// ../components/icon/index.ts
+var YIcon = require_with_install.withInstall(require_icon$1.default);
+exports.YIcon = YIcon;
+exports.default = YIcon;
+exports.iconProps = require_icon.iconProps;

package/{es → lib/components}/icon/index.d.ts

@@ -25,7 +25,7 @@ export declare const YIcon: import('@yangs-ui/utils/with-install').SFCWithInstal
     };
 })>;
 export default YIcon;
-export * from './src/icon';
+export * from './src/icon.ts';
 declare module "vue" {
     interface GlobalComponents {
         YIcon: typeof YIcon;

package/lib/{icon → components/icon}/src/icon.cjs

@@ -1,4 +1,4 @@
-// ../compontents/icon/src/icon.ts
+// ../components/icon/src/icon.ts
 var iconProps = {
 	color: String,
 	size: [Number, String]

package/lib/{icon → components/icon}/src/icon.vue_vue_type_script_setup_true_lang.cjs

@@ -1,7 +1,7 @@
-const require_create = require("../../utils/create.cjs");
+const require_create = require("../../../utils/create.cjs");
 const require_icon = require("./icon.cjs");
 let vue = require("vue");
-// ../compontents/icon/src/icon.vue?vue&type=script&setup=true&lang.ts
+// ../components/icon/src/icon.vue?vue&type=script&setup=true&lang.ts
 var icon_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	name: "y-icon",
 	__name: "icon",

package/lib/{icon/src/icon.vue.cjs → components/icon/src/icon2.cjs}

@@ -1,3 +1,3 @@
-// ../compontents/icon/src/icon.vue
+// ../components/icon/src/icon.vue
 var icon_default = require("./icon.vue_vue_type_script_setup_true_lang.cjs").default;
 exports.default = icon_default;

package/lib/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './icon';
+export * from './button';

package/lib/constants/key.cjs

@@ -0,0 +1,3 @@
+// ../constants/key.ts
+var INSTALLED_KEY = Symbol("INSTALLED_KEY");
+exports.INSTALLED_KEY = INSTALLED_KEY;

package/lib/index.cjs

@@ -2,17 +2,20 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_index = require("./icon/index.cjs");
-const require_index$1 = require("./button/index.cjs");
-// index.prod.ts
-var components = [require_index.YIcon, require_index$1.YButton];
-var install = (app) => {
-	components.forEach((component) => {
-		app.use(component);
-	});
-};
-var installer = { install };
+const require_key = require("./constants/key.cjs");
+const require_make_install = require("./make-install.cjs");
+const require_icon = require("./components/icon/src/icon.cjs");
+const require_index = require("./components/icon/index.cjs");
+const require_button = require("./components/button/src/button.cjs");
+const require_index$1 = require("./components/button/index.cjs");
+const require_component = require("./component.cjs");
+// index.ts
+var installer = require_make_install.makeInstall(require_component.default);
+var install = installer.install;
+exports.INSTALLED_KEY = require_key.INSTALLED_KEY;
 exports.YButton = require_index$1.YButton;
 exports.YIcon = require_index.YIcon;
+exports.buttonProps = require_button.buttonProps;
 exports.default = installer;
+exports.iconProps = require_icon.iconProps;
 exports.install = install;

package/lib/index.d.ts

@@ -1,10 +1,7 @@
-export * from './icon';
-export * from './button';
-
-import { YButton } from '@yangs-ui/components/button';
-declare const install: (app: any) => void;
+export * from "yangs-ui/es/components";
+export * from "yangs-ui/es/constants";
 declare const installer: {
     install: (app: any) => void;
 };
+export declare const install: (app: any) => void;
 export default installer;
-export { install, YIcon, YButton };

package/lib/make-install.cjs

@@ -0,0 +1,13 @@
+const require_key = require("./constants/key.cjs");
+// make-install.ts
+function makeInstall(components) {
+	const install = (app) => {
+		if (app[require_key.INSTALLED_KEY]) return;
+		app[require_key.INSTALLED_KEY] = true;
+		components.forEach((component) => {
+			app.use(component);
+		});
+	};
+	return { install };
+}
+exports.makeInstall = makeInstall;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "yangs-ui",
   "type": "module",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "A Component Library for Vue 3",
   "keywords": [
     "yangs-ui",
@@ -16,9 +16,9 @@
   "peerDependencies": {
     "vue": "^3.5.0"
   },
-  "unpkg": "./umd/index.full.js",
-  "jsdelivr": "./umd/index.full.js",
-  "style": "./umd/index.css",
+  "unpkg": "./dist/index.full.js",
+  "jsdelivr": "./dist/index.full.js",
+  "style": "./dist/index.css",
   "exports": {
     ".": {
       "types": "./es/index.d.ts",

package/theme-chalk/base.css

@@ -0,0 +1,4 @@
+* {
+  margin: 0;
+  padding: 0;
+}

package/{lib/icon/style → theme-chalk}/index.css

@@ -1,6 +1,15 @@
+* {
+  margin: 0;
+  padding: 0;
+}
+
 .y-icon {
   width: 1em;
   height: 1em;
   vertical-align: middle;
   display: inline-flex;
+}
+
+.y-button {
+  border: 1px solid #ccc;
 }

package/theme-chalk/src/base.scss

@@ -0,0 +1,4 @@
+* {
+  margin: 0;
+  padding: 0;
+}

package/theme-chalk/src/button.scss

@@ -0,0 +1,6 @@
+@use "./mixins/mixins.scss" as *;
+
+@include b(button) {
+  // 使用em单位，因为传入了font-size
+  border: 1px solid #ccc;
+}

package/theme-chalk/src/icon.scss

@@ -0,0 +1,9 @@
+@use "./mixins/mixins.scss" as *;
+
+@include b(icon) {
+  // 使用em单位，因为传入了font-size
+  width: 1em;
+  height: 1em;
+  vertical-align: middle;
+  display: inline-flex;
+}

package/theme-chalk/src/index.scss

@@ -0,0 +1,3 @@
+@use "./base.scss";
+@use "./icon.scss";
+@use "./button.scss";

package/theme-chalk/src/mixins/config.scss

@@ -0,0 +1,5 @@
+// bem规范变量定义
+$namespace: "y";
+$element-separator: "__";
+$modifier-separator: "--";
+$state-prefix: "is-";

package/theme-chalk/src/mixins/mixins.scss

@@ -0,0 +1,37 @@
+@use "./config.scss" as *; // as * 表示导入所有变量，不带命名空间
+@forward "./config.scss";
+
+@mixin b($block) {
+  $B: $namespace + "-" + $block;
+  // #{$B} 使用变量$B的值
+  .#{$B} {
+    // 类似插槽的样式
+    @content;
+  }
+}
+
+@mixin e($element) {
+  // @at-root 里面生成的选择器不继承外层的父选择器,直接输出到根层级
+  @at-root {
+    // 父选择器和$element-separator、$element拼接，生成新选择器
+    #{& + $element-separator + $element} {
+      @content;
+    }
+  }
+}
+
+@mixin m($modifier) {
+  @at-root {
+    #{& + $modifier-separator + $modifier} {
+      @content;
+    }
+  }
+}
+
+@mixin when($state) {
+  @at-root {
+    &.#{$state-prefix + $state} {
+      @content;
+    }
+  }
+}

package/es/button/index.js

@@ -1,7 +0,0 @@
-import { withInstall } from "../utils/with-install.js";
-import { buttonProps } from "./src/button.js";
-import button_default from "./src/button.vue.js";
-import './style/index.css';/* empty css                 */
-// ../compontents/button/index.ts
-var YButton = withInstall(button_default);
-export { YButton, YButton as default, buttonProps };

package/es/icon/index.js

@@ -1,7 +0,0 @@
-import { withInstall } from "../utils/with-install.js";
-import { iconProps } from "./src/icon.js";
-import icon_default from "./src/icon.vue.js";
-import './style/index.css';/* empty css                 */
-// ../compontents/icon/index.ts
-var YIcon = withInstall(icon_default);
-export { YIcon, YIcon as default, iconProps };

package/lib/button/style/index.css

@@ -1,3 +0,0 @@
-.y-button {
-  border: 1px solid #ccc;
-}

package/lib/icon/index.cjs

@@ -1,9 +0,0 @@
-require('./style/index.css');const require_with_install = require("../utils/with-install.cjs");
-const require_icon = require("./src/icon.cjs");
-const require_icon$1 = require("./src/icon.vue.cjs");
-;/* empty css                   */
-// ../compontents/icon/index.ts
-var YIcon = require_with_install.withInstall(require_icon$1.default);
-exports.YIcon = YIcon;
-exports.default = YIcon;
-exports.iconProps = require_icon.iconProps;