@zyzgroup/core-vue 0.0.5 → 0.0.6

package/dist/Icon.ce.vue

@@ -0,0 +1,57 @@
+<script setup lang="ts">
+// https://icon-sets.iconify.design/
+
+// unplugin-auto-import
+// unplugin-icons
+// @iconify/json
+
+// SUCCESS
+// import IconAccessibility from "~icons/carbon/accessibility";
+// import IconCarbonChevronSort from "~icons/carbon/chevron-sort";
+// import IconAccountBox from "~icons/mdi/account-box";
+// import IconAddSubtract from "~icons/icon-park/add-subtract";
+// <icon-accessibility />
+// <icon-account-box style="font-size: 2em; color: red" />
+// <icon-add-subtract></icon-add-subtract>
+
+// import { ChevronUpDownIcon } from "@heroicons/vue/24/solid";
+
+// UNSUCCESS
+// 使用 unplugin-icons 和 unplugin-auto-import 从 iconify 中自动导入任何图标集
+// <icon-carbon-accessibility />
+// <icon-mdi-account-box style="font-size: 2em; color: red" />
+
+import { Icon } from "@iconify/vue";
+import { theme } from "@zyzgroup/core-web";
+
+const props = withDefaults(
+  defineProps<{
+    icon?: string;
+    color?: string;
+    click?: (e: Event) => void;
+  }>(),
+  { icon: "mdi-light:home", color: theme.colorGray3 }
+);
+</script>
+
+<template>
+  <span
+    @click="click"
+    class="icon"
+    :style="['cursor: pointer', 'color: ' + color]"
+  >
+    <Icon
+      :icon="props.icon"
+      :color="color"
+    />
+  </span>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 1em;
+}
+</style>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zyzgroup/core-vue",
   "private": false,
-  "version": "0.0.5",
+  "version": "0.0.6",
   "type": "module",
   "main": "dist/zyzgroup_core_vue.umd.cjs",
   "module": "dist/zyzgroup_core_vue.js",
@@ -12,20 +12,22 @@
       "require": "./dist/zyzgroup_core_vue.umd.cjs",
       "import": "./dist/zyzgroup_core_vue.js"
     },
-    "./*.vue": {
-      "types": "./types/components/*.vue.d.ts",
-      "import": "./dist/*.vue"
+    "./ce": {
+      "require": "./ce/yz_custom_element.umd.cjs",
+      "import": "./ce/yz_custom_element.js"
     },
     "./dist/style.css": "./dist/style.css"
   },
   "files": [
     "dist/**/*",
+    "ce/**/*",
     "types/**/*"
   ],
   "scripts": {
     "dev": "vite",
-    "build": "vue-tsc --emitDeclarationOnly && vite build",
+    "build": "vue-tsc --emitDeclarationOnly && vite build & npm run ce",
     "preview": "vite preview",
+    "ce": "copy_ce_vue && npm run --prefix ../../../vite/ lib -- ../lib/packages/core-vue/vite.ce.config.json",
     "copy:components": "copy /src/components/ /dist/ vue",
     "publishToNpm": "npm run build && npm run copy:components && update_package_version ./package.json && npm publish --access public"
   },

package/types/components/Icon.ce.vue.d.ts

@@ -0,0 +1,36 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    icon?: string | undefined;
+    color?: string | undefined;
+    click?: ((e: Event) => void) | undefined;
+}>, {
+    icon: string;
+    color: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    icon?: string | undefined;
+    color?: string | undefined;
+    click?: ((e: Event) => void) | undefined;
+}>, {
+    icon: string;
+    color: string;
+}>>>, {
+    icon: string;
+    color: string;
+}, {}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};