@fangzhongya/fang-ui 0.0.3 → 0.0.4

package/LICENSE

@@ -1,25 +1,25 @@
-MIT License
-
-Copyright (c) 2022-2024 fangzhongya
-
-Permission is hereby granted, free of charge, to any person
-obtaining a copy of this software and associated
-documentation files (the "Software"), to deal in the
-Software without restriction, including without limitation
-the rights to use, copy, modify, merge, publish, distribute,
-sublicense, and/or sell copies of the Software, and to
-permit persons to whom the Software is furnished to do so,
-subject to the following conditions:
-
-The above copyright notice and this permission notice shall
-be included in all copies or substantial portions of the
-Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY
-KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
-WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR
-PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS
-OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR
-OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
-OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
-SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+MIT License
+
+Copyright (c) 2022-2024 fangzhongya
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated
+documentation files (the "Software"), to deal in the
+Software without restriction, including without limitation
+the rights to use, copy, modify, merge, publish, distribute,
+sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall
+be included in all copies or substantial portions of the
+Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY
+KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
+WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR
+PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS
+OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR
+OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -149,17 +149,17 @@ ni - 使用正确的包管理器 统一了包管理器命令。会自动识别
 
 组件开发在 packages/components/packages 中 进行
 
-推荐使用 fang a 通过模板生成
+推荐使用 fangui add 通过模板生成
 
 ## bin 命令说明
 
-> fang // 通过模板自动生成组件开发模板
+> fangui // 通过模板自动生成组件开发模板
 
     先 npm link
     可以在components目录和directives目录使用
     模板类型 缺省值 type1
 
-    fang add 目录名称 模板类型
+    fangui add 目录名称 模板类型
 
 ```
 └ template    // bin 运行模板文件
@@ -185,7 +185,7 @@ ni - 使用正确的包管理器 统一了包管理器命令。会自动识别
 		index.ts    // 组件入口
 ```
 
-在/components/packages 目录中 运行 fang add date type2 将生
+在/components/packages 目录中 运行 fangui add date type2 将生
 成
 
 ```
@@ -256,13 +256,13 @@ import type { ExtractPropTypes } from 'vue';
 import { buildProps } from '@fang-ui/utils';
 //组件属性
 export const dataProps = buildProps({
-    /**
-     * @props { String, Number, Array<String> } many= ( )
-     * 多类型
-     */
-    many: {
-        type: [],
-    },
+	/**
+	 * @props { String, Number, Array<String> } many= ( )
+	 * 多类型
+	 */
+	many: {
+		type: [],
+	},
 });
 export type DataProps = ExtractPropTypes<typeof dataProps>;
 /**
@@ -271,7 +271,7 @@ export type DataProps = ExtractPropTypes<typeof dataProps>;
  */
 //组件事件
 export const dataEmits = {
-    change: (evt: string | string[]) => {},
+	change: (evt: string | string[]) => {},
 };
 export type DataEmits = typeof dataEmits;
 /**
@@ -279,7 +279,7 @@ export type DataEmits = typeof dataEmits;
  */
 //组件插槽
 export const dataSlot = {
-    default: 'default',
+	default: 'default',
 };
 /**
  * @expose setValue (val:<string>设置的数据 )
@@ -327,12 +327,12 @@ dataExpose 组件暴露方法和属性
 
 ```js
 components: [
-    {
-        // 公共参数文件的目录
-        comprops: '/common/data/',
-        // 当前入口文件中同级的文件名称
-        curprops: 'data',
-    },
+	{
+		// 公共参数文件的目录
+		comprops: '/common/data/',
+		// 当前入口文件中同级的文件名称
+		curprops: 'data',
+	},
 ];
 ```
 
@@ -517,12 +517,12 @@ app.mount('#app');
 
 ```vue
 <template>
-    <div>
-        <FangDate> </FangDate>
-    </div>
+	<div>
+		<FangDate> </FangDate>
+	</div>
 </template>
 <script lang="ts" setup>
-import { FangDate } from 'fang-ui';
+	import { FangDate } from 'fang-ui';
 </script>
 <style lang="scss"></style>
 ```
@@ -531,12 +531,12 @@ import { FangDate } from 'fang-ui';
 
 ```vue
 <template>
-    <div>
-        <FangDate> </FangDate>
-    </div>
+	<div>
+		<FangDate> </FangDate>
+	</div>
 </template>
 <script lang="ts" setup>
-import { FangDate } from 'fang-ui/dist/components/date';
+	import { FangDate } from 'fang-ui/dist/components/date';
 </script>
 <style lang="scss"></style>
 ```
@@ -561,22 +561,22 @@ import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
 // fang-ui 自动导入 需要引入的方法
 import { FangComponentResolver } from 'fang-ui/dist/expand/components';
 export default defineConfig({
-    plugins: [
-        vue(),
-        AutoImport({
-            imports: ['vue', 'vue-router', 'pinia'],
-            resolvers: [ElementPlusResolver()],
-        }),
-        Components({
-            dirs: [],
-            dts: true,
-            resolvers: [
-                ElementPlusResolver(),
-                //  自动导入 需要引入的方法, 添加方法
-                FangComponentResolver(),
-            ],
-        }),
-    ],
+	plugins: [
+		vue(),
+		AutoImport({
+			imports: ['vue', 'vue-router', 'pinia'],
+			resolvers: [ElementPlusResolver()],
+		}),
+		Components({
+			dirs: [],
+			dts: true,
+			resolvers: [
+				ElementPlusResolver(),
+				//  自动导入 需要引入的方法, 添加方法
+				FangComponentResolver(),
+			],
+		}),
+	],
 });
 ```
 

package/bin/fang-ui.js

@@ -0,0 +1,48 @@
+#!/usr/bin/env node
+'use strict';
+
+import { add, update } from '../node/cli.js';
+import { styleLog } from '@fangzhongya/utils/log/styleLog';
+
+/**
+ *  fangui add 目录名称 模板类型
+ */
+
+const curUrl = process.cwd();
+const argv = process.argv.slice(2);
+const type = argv[0];
+const catalogue = argv[1];
+if (catalogue) {
+	if (type == 'add') {
+		add(curUrl, catalogue, argv[2]);
+	} else if (type == 'u') {
+		if (argv[2]) {
+			update(curUrl, catalogue, argv[2]);
+		} else {
+			console.log(
+				styleLog('缺少更新后的目录名称', {
+					text: 1,
+				}),
+			);
+		}
+	} else {
+		console.log(
+			styleLog('执行类型错误', {
+				text: 1,
+			}),
+			styleLog('add 新建', {
+				text: 2,
+			}),
+			',',
+			styleLog('u 更新', {
+				text: 4,
+			}),
+		);
+	}
+} else {
+	console.log(
+		styleLog('没有找到要执行的目录名称', {
+			text: 1,
+		}),
+	);
+}

package/dist/components/alert/index.cjs

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-require("vue");
-const withInstall = require("../../utils/vue/withInstall.cjs");
+const withInstall = require("../../utils/vues/withInstall.cjs");
 const index_vue_vue_type_script_setup_true_lang = require("./src/index.cjs");
 const Alert = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "Alert");
 exports.Alert = Alert;

package/dist/components/alert/index.d.ts

@@ -1,9 +1,213 @@
-import { withInstall } from '../../utils';
-declare const Alert: withInstall<import("vue").DefineComponent<Readonly<import("vue").ComponentPropsOptions<{
-    [x: string]: unknown;
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<readonly string[] | import("vue").ExtractPropTypes<Readonly<import("vue").ComponentObjectPropsOptions<{
-    [x: string]: unknown;
-}>>>> & {}, {
-    [x: number]: string;
-} | {}>>;
+declare const Alert: import('../../utils/vues').WithInstall<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
+        refEl: import('vue').Ref<any, any>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        refEl: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                readonly title: string;
+                readonly center: boolean;
+                readonly type: "success" | "warning" | "info" | "error";
+                readonly description: string;
+                readonly effect: "dark" | "light";
+                readonly closable: boolean;
+                readonly closeText: string;
+                readonly showIcon: boolean;
+            }> & Omit<{
+                readonly type: "success" | "warning" | "info" | "error";
+                readonly title: string;
+                readonly description: string;
+                readonly closable: boolean;
+                readonly closeText: string;
+                readonly showIcon: boolean;
+                readonly center: boolean;
+                readonly effect: "dark" | "light";
+                onClose?: ((evt: MouseEvent) => any) | undefined | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "title" | "description" | "closable" | "closeText" | "showIcon" | "center" | "effect">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "close", evt: MouseEvent) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+                readonly title: {
+                    readonly type: import('vue').PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                readonly description: {
+                    readonly type: import('vue').PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                readonly type: {
+                    readonly type: import('vue').PropType<"success" | "warning" | "info" | "error">;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "info";
+                };
+                readonly closable: {
+                    readonly type: import('vue').PropType<boolean>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: true;
+                };
+                readonly closeText: {
+                    readonly type: import('vue').PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                readonly showIcon: BooleanConstructor;
+                readonly center: BooleanConstructor;
+                readonly effect: {
+                    readonly type: import('vue').PropType<"dark" | "light">;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "light";
+                };
+            }>> & {
+                onClose?: ((evt: MouseEvent) => any) | undefined;
+            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                close: (evt: MouseEvent) => void;
+            }, string, {
+                readonly title: string;
+                readonly center: boolean;
+                readonly type: "success" | "warning" | "info" | "error";
+                readonly description: string;
+                readonly effect: "dark" | "light";
+                readonly closable: boolean;
+                readonly closeText: string;
+                readonly showIcon: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            readonly title: string;
+            readonly center: boolean;
+            readonly type: "success" | "warning" | "info" | "error";
+            readonly description: string;
+            readonly effect: "dark" | "light";
+            readonly closable: boolean;
+            readonly closeText: string;
+            readonly showIcon: boolean;
+        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+            readonly title: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "";
+            };
+            readonly description: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "";
+            };
+            readonly type: {
+                readonly type: import('vue').PropType<"success" | "warning" | "info" | "error">;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "info";
+            };
+            readonly closable: {
+                readonly type: import('vue').PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: true;
+            };
+            readonly closeText: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "";
+            };
+            readonly showIcon: BooleanConstructor;
+            readonly center: BooleanConstructor;
+            readonly effect: {
+                readonly type: import('vue').PropType<"dark" | "light">;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "light";
+            };
+        }>> & {
+            onClose?: ((evt: MouseEvent) => any) | undefined;
+        }, "type" | "title" | "description" | "closable" | "closeText" | "showIcon" | "center" | "effect"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                icon?(_: {}): any;
+                title?(_: {}): any;
+                default?(_: {}): any;
+            };
+        }) | null;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {
+        refEl: import('vue').Ref<any, any>;
+    }, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
+    refEl: import('vue').Ref<any, any>;
+}, {}, {}, {}, 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: Partial<Record<string, (_: {}) => any>>;
+})> & Record<string, any>;
 export { Alert, Alert as default };

package/dist/components/alert/index.js

@@ -1,5 +1,4 @@
-import "vue";
-import { withInstall } from "../../utils/vue/withInstall.js";
+import { withInstall } from "../../utils/vues/withInstall.js";
 import _sfc_main from "./src/index.js";
 const Alert = withInstall(_sfc_main, "Alert");
 export {

package/dist/components/alert/src/data.cjs

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const runtime = require("../../../utils/vue/props/runtime.cjs");
-require("vue");
-const dataProps = runtime.buildProps({});
+const buildProps = require("../../../utils/vues/buildProps.cjs");
+const dataProps = buildProps.buildProps({});
 const dataEmits = [];
 const dataExpose = {};
 exports.dataEmits = dataEmits;

package/dist/components/alert/src/data.d.ts

@@ -1,14 +1,14 @@
-import type { ExtractPropTypes } from 'vue';
+import { ExtractPublicPropTypes } from 'vue';
 /**
  * @title {h2} Alert 提示
  * @text 目前完全继承 element-plus 中 el-alert
  */
 export declare const dataProps: {};
-export type DataProps = ExtractPropTypes<typeof dataProps>;
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
 export declare const dataEmits: never[];
 export type DataEmits = typeof dataEmits;
 export declare const dataSlot: {};
 /**
- *
+ * @expose refEl 获取当前组件在element-plus中暴露的方法
  */
 export declare const dataExpose: {};

package/dist/components/alert/src/data.js

@@ -1,5 +1,4 @@
-import { buildProps } from "../../../utils/vue/props/runtime.js";
-import "vue";
+import { buildProps } from "../../../utils/vues/buildProps.js";
 const dataProps = buildProps({});
 const dataEmits = [];
 const dataExpose = {};

package/dist/components/alert/src/index.cjs

@@ -3,28 +3,31 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
-require("../../../hooks/global-config/index.cjs");
 const index$1 = require("../../../hooks/locale/index.cjs");
 const elementPlus = require("element-plus");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
-  setup(__props, { expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const refEl = vue.ref();
     const attrs = vue.useAttrs();
     const slots = vue.useSlots();
     const cs = index.useCssName("alert");
     index$1.useLocale();
-    expose({
-      ...data.dataExpose
+    __expose({
+      ...data.dataExpose,
+      refEl
     });
     return (_ctx, _cache) => {
-      const _directive_expose = vue.resolveDirective("expose");
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(vue.unref(cs).z())
       }, [
-        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElAlert), vue.normalizeProps(vue.guardReactiveProps(vue.unref(attrs))), vue.createSlots({ _: 2 }, [
-          vue.renderList(Object.keys(vue.unref(slots)), (k) => {
+        vue.createVNode(vue.unref(elementPlus.ElAlert), vue.mergeProps(vue.unref(attrs), {
+          ref_key: "refEl",
+          ref: refEl
+        }), vue.createSlots({ _: 2 }, [
+          vue.renderList(Object.keys(vue.unref(slots)), (k, i) => {
             return {
               name: k,
               fn: vue.withCtx(() => [
@@ -32,9 +35,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ])
             };
           })
-        ]), 1040)), [
-          [_directive_expose]
-        ])
+        ]), 1040)
       ], 2);
     };
   }