yangs-ui 0.0.3 → 0.0.5

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) {
@@ -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 "./compontents/icon/index.js";
+import { YButton } from "./compontents/button/index.js";
+// component.ts
+var component_default = [YIcon, YButton];
+export { component_default as default };

package/es/{button → compontents/button}/index.js

@@ -1,7 +1,6 @@
-import { withInstall } from "../utils/with-install.js";
+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                 */
+import button_default from "./src/button2.js";
 // ../compontents/button/index.ts
 var YButton = withInstall(button_default);
 export { YButton, YButton as default, buttonProps };

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

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

package/es/{icon → compontents/icon}/index.js

@@ -1,7 +1,6 @@
-import { withInstall } from "../utils/with-install.js";
+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                 */
+import icon_default from "./src/icon2.js";
 // ../compontents/icon/index.ts
 var YIcon = withInstall(icon_default);
 export { YIcon, YIcon as default, iconProps };

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

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

package/es/compontents/index.d.ts

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

package/es/constants/key.js

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

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 "./compontents/icon/src/icon.js";
+import { YIcon } from "./compontents/icon/index.js";
+import { buttonProps } from "./compontents/button/src/button.js";
+import { YButton } from "./compontents/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("./compontents/icon/index.cjs");
+const require_index$1 = require("./compontents/button/index.cjs");
+// component.ts
+var component_default = [require_index.YIcon, require_index$1.YButton];
+exports.default = component_default;

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

@@ -1,7 +1,6 @@
-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                   */
+const require_button$1 = require("./src/button2.cjs");
 // ../compontents/button/index.ts
 var YButton = require_with_install.withInstall(require_button$1.default);
 exports.YButton = YButton;

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

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

package/lib/{icon → compontents/icon}/index.cjs

@@ -1,7 +1,6 @@
-require('./style/index.css');const require_with_install = require("../utils/with-install.cjs");
+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                   */
+const require_icon$1 = require("./src/icon2.cjs");
 // ../compontents/icon/index.ts
 var YIcon = require_with_install.withInstall(require_icon$1.default);
 exports.YIcon = YIcon;

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

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

package/lib/compontents/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("./compontents/icon/src/icon.cjs");
+const require_index = require("./compontents/icon/index.cjs");
+const require_button = require("./compontents/button/src/button.cjs");
+const require_index$1 = require("./compontents/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/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.3",
+  "version": "0.0.5",
   "description": "A Component Library for Vue 3",
   "keywords": [
     "yangs-ui",

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/index.prod.d.ts

@@ -1,8 +0,0 @@
-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/button/style/index.css

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

package/lib/index.prod.d.ts

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