@fangzhongya/fang-ui 0.0.14 → 0.0.15

package/dist/hooks/event-aliass/index.ts

@@ -0,0 +1,147 @@
+import { withModifiers } from 'vue';
+import { isArray, firstUpper, splitUpper } from '../../utils/util';
+
+interface OnceEventTarget extends EventTarget {
+	__once__?: boolean;
+}
+
+interface OnceEvent extends Event {
+	readonly currentTarget: OnceEventTarget | null;
+}
+declare const keyNames: Record<
+	'esc' | 'space' | 'up' | 'left' | 'right' | 'down' | 'delete',
+	string
+>;
+declare const systemModifiers: readonly ['ctrl', 'shift', 'alt', 'meta'];
+type SystemModifiers = (typeof systemModifiers)[number];
+type CompatModifiers = keyof typeof keyNames;
+type VOnModifiers = SystemModifiers | ModifierGuards | CompatModifiers;
+type ModifierGuards =
+	| 'shift'
+	| 'ctrl'
+	| 'alt'
+	| 'meta'
+	| 'left'
+	| 'right'
+	| 'stop'
+	| 'prevent'
+	| 'self'
+	| 'middle'
+	| 'exact';
+
+/**
+ * 事件别名处理对象
+ */
+const eventAliasObj = {
+	//.stop - 调用 event.stopPropagation()。
+	stop(event: Event) {
+		event.stopPropagation();
+		return true;
+	},
+	// .prevent - 调用 event.preventDefault()。
+	prevent(event: Event) {
+		event.preventDefault();
+		return true;
+	},
+	// .self - 只有事件从元素本身发出才触发处理函数。
+	self(event: Event) {
+		return event.target === event.currentTarget;
+	},
+	// .once - 最多触发一次处理函数。
+	once(event: OnceEvent) {
+		if (event.currentTarget?.__once__) {
+			return false;
+		} else {
+			if (event.currentTarget) {
+				event.currentTarget.__once__ = true;
+			}
+			return true;
+		}
+	},
+	// .capture - 在捕获模式添加事件监听器。
+	// 处理事件是异步的，只有在触发了事件后才执行方法,
+	// 目前无法支持 capture
+	// capture(event) {
+	//     console.log('event', event);
+	//     return true;
+	// },
+};
+
+/**
+ * 支持事件别名处理
+ * @param {*} key
+ * @param {*} callback
+ * @param {*} obj
+ * @param {*} $event
+ */
+function eventAlias(key: string, callback: Function, obj: any, $event: Event) {
+	let is = false;
+	const name = 'on' + firstUpper(key);
+	const arr: string[] = [];
+	Object.keys(obj).forEach((k) => {
+		if (k.startsWith(name)) {
+			arr.push(k);
+		}
+	});
+	const reg = new RegExp('^' + name);
+	arr.forEach((v) => {
+		let s = v.replace(reg, '');
+		if (s && $event) {
+			let ns = splitUpper(s);
+			if (ns.includes('passive')) {
+				ns = ns.filter((k) => {
+					return k != 'prevent';
+				});
+			}
+			const fn = () => {
+				// 不支持.capture
+				if (ns.includes('once')) {
+					let isc = eventAliasObj.once($event);
+					if (isc) {
+						callback(obj[v]);
+					}
+				} else {
+					callback(obj[v]);
+				}
+			};
+			// 不支持.capture
+			const wc = withModifiers(fn, ns as VOnModifiers[]);
+			wc();
+		} else {
+			callback(obj[v]);
+		}
+		is = true;
+	});
+	return is;
+}
+
+/**
+ * 支持事件别名处理
+ * @param {*} callback
+ * @param {*} arr
+ * @param {*} obj
+ * @param {*} $event
+ */
+export function eventAliass(
+	callback: Function,
+	arr: string | string[],
+	obj: any,
+	$event: Event,
+) {
+	let is = false;
+	if (callback && obj) {
+		if (arr && arr.length > 0) {
+			if (isArray(arr)) {
+				arr = arr as string[];
+				arr.forEach((key) => {
+					if (eventAlias(key, callback, obj, $event)) {
+						is = true;
+					}
+				});
+			} else {
+				is = eventAlias(arr as string, callback, obj, $event);
+			}
+		}
+	}
+	return is;
+}

package/dist/hooks/global-config/index.cjs

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("vue");
+const vue = require("vue");
 const enums = require("../../utils/enums.cjs");
 const getOnlyKey = require("../../utils/getOnlyKey.cjs");
-const globalConfig = require$$0.ref({});
+const globalConfig = vue.ref({});
 const { GlobalConfig } = enums.SymbolKey;
 function useGlobalConfig(key, defaultValue) {
-  const config = require$$0.getCurrentInstance() ? require$$0.inject(getOnlyKey.getOnlyKey(GlobalConfig), globalConfig) : globalConfig;
+  const config = vue.getCurrentInstance() ? vue.inject(getOnlyKey.getOnlyKey(GlobalConfig), globalConfig) : globalConfig;
   if (key) {
-    return require$$0.computed(() => {
+    return vue.computed(() => {
       var _a;
       return ((_a = config.value) == null ? void 0 : _a[key]) ?? defaultValue;
     });
@@ -22,11 +22,11 @@ function setGlobalConfig(obj, key) {
   }
 }
 function provideGlobalConfig(config, app, global = false) {
-  const inSetup = !!require$$0.getCurrentInstance();
+  const inSetup = !!vue.getCurrentInstance();
   const oldConfig = inSetup ? useGlobalConfig() : void 0;
-  const provideFn = inSetup ? require$$0.provide : void 0;
-  const context = require$$0.computed(() => {
-    const cfg = require$$0.unref(config);
+  const provideFn = inSetup ? vue.provide : void 0;
+  const context = vue.computed(() => {
+    const cfg = vue.unref(config);
     if (!(oldConfig == null ? void 0 : oldConfig.value)) return cfg;
     return mergeConfig(oldConfig.value, cfg);
   });

package/dist/hooks/global-config/index.d.ts

@@ -1,7 +1,7 @@
-import { App, Ref } from 'vue';
+import { App, Ref, ComputedRef } from 'vue';
 import { MaybeRef } from '../../types/hooks';
 import { DataProps } from '../../components/global-config/src/data';
 export declare function useGlobalConfig<K extends keyof DataProps, D extends DataProps[K]>(key: K, defaultValue?: D): Ref<Exclude<DataProps[K], undefined> | D>;
 export declare function useGlobalConfig(): Ref<DataProps>;
 export declare function setGlobalConfig(obj: DataProps | DataProps[keyof DataProps], key?: keyof DataProps): void;
-export declare function provideGlobalConfig(config: MaybeRef<DataProps>, app?: App, global?: boolean): import('vue').ComputedRef<Readonly<DataProps>>;
+export declare function provideGlobalConfig(config: MaybeRef<DataProps>, app?: App, global?: boolean): ComputedRef<Readonly<DataProps>>;

package/dist/hooks/global-config/index.ts

@@ -0,0 +1,88 @@
+import { ref, unref, provide, getCurrentInstance, inject, computed } from 'vue';
+import type { App, Ref } from 'vue';
+import type { MaybeRef } from '../../types/hooks';
+import { SymbolKey } from '../../utils/enums';
+import { getOnlyKey } from '../../utils/getOnlyKey';
+
+import type { DataProps } from '../../components/global-config/src/data';
+
+const globalConfig = ref<DataProps>({});
+
+const { GlobalConfig } = SymbolKey;
+
+export function useGlobalConfig<
+	K extends keyof DataProps,
+	D extends DataProps[K],
+>(key: K, defaultValue?: D): Ref<Exclude<DataProps[K], undefined> | D>;
+export function useGlobalConfig(): Ref<DataProps>;
+export function useGlobalConfig(
+	key?: keyof DataProps,
+	defaultValue?: DataProps,
+) {
+	const config = getCurrentInstance()
+		? inject(getOnlyKey(GlobalConfig), globalConfig)
+		: globalConfig;
+
+	if (key) {
+		return computed(() => config.value?.[key] ?? defaultValue);
+	} else {
+		return config;
+	}
+}
+
+function setValue<T>(v: T[keyof T], k: keyof T, z: T): T {
+	z[k] = v;
+	return z;
+}
+
+export function setGlobalConfig(
+	obj: DataProps | DataProps[keyof DataProps],
+	key?: keyof DataProps,
+) {
+	if (key) {
+		globalConfig.value = setValue(
+			obj as DataProps[keyof DataProps],
+			key,
+			globalConfig.value,
+		);
+	} else {
+		globalConfig.value = obj as DataProps;
+	}
+}
+
+export function provideGlobalConfig(
+	config: MaybeRef<DataProps>,
+	app?: App,
+	global = false,
+) {
+	const inSetup = !!getCurrentInstance();
+	const oldConfig = inSetup ? useGlobalConfig() : undefined;
+
+	const provideFn = app?.provide ?? (inSetup ? provide : undefined);
+
+	const context = computed(() => {
+		const cfg = unref(config);
+		if (!oldConfig?.value) return cfg;
+		return mergeConfig<DataProps>(oldConfig.value, cfg);
+	});
+	if (provideFn) {
+		provideFn(getOnlyKey(GlobalConfig), context);
+	}
+	if (global || !globalConfig.value) {
+		globalConfig.value = context.value;
+	}
+	return context;
+}
+
+function keysOf<T extends object>(arr: T) {
+	return Object.keys(arr) as Array<keyof T>;
+}
+
+function mergeConfig<T extends object>(a: T, b: T): T {
+	const keys = [...new Set([...keysOf(a), ...keysOf(b)])];
+	const obj = {} as T;
+	for (const key of keys) {
+		obj[key] = b[key] ?? a[key];
+	}
+	return obj;
+}

package/dist/hooks/index.ts

@@ -0,0 +1,6 @@
+export * from './cssname';
+export * from './default-config';
+export * from './event-aliass';
+export * from './global-config';
+export * from './locale';
+export * from './inherit';

package/dist/hooks/inherit/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("vue");
+const vue = require("vue");
 require("@fangzhongya/utils/basic/string/splitUpper");
 require("@fangzhongya/utils/basic/array/isArray");
 require("@fangzhongya/utils/basic/object/isObject");
@@ -14,10 +14,11 @@ require("@fangzhongya/utils/basic/object/deepCopy");
 require("@fangzhongya/utils/basic/Array/toggleArray");
 require("@fangzhongya/utils/basic/object/objValue");
 require("../../utils/vues/getBuildProps.cjs");
+require("../../utils/vues/withInstall.cjs");
 require("@fangzhongya/utils/css/setObjStyle");
 require("@fangzhongya/utils/css/getCss");
 const roots = ["class", "style"];
-const useInherit = (attrs = require$$0.useAttrs()) => {
+const useInherit = (attrs = vue.useAttrs()) => {
   const root = {};
   const assem = {};
   Object.keys(attrs).forEach((key) => {

package/dist/hooks/inherit/index.js

@@ -12,6 +12,7 @@ import "@fangzhongya/utils/basic/object/deepCopy";
 import "@fangzhongya/utils/basic/Array/toggleArray";
 import "@fangzhongya/utils/basic/object/objValue";
 import "../../utils/vues/getBuildProps.js";
+import "../../utils/vues/withInstall.js";
 import "@fangzhongya/utils/css/setObjStyle";
 import "@fangzhongya/utils/css/getCss";
 const roots = ["class", "style"];

package/dist/hooks/inherit/index.ts

@@ -0,0 +1,55 @@
+import { useAttrs } from 'vue';
+import { humpToLine } from '../../utils/index';
+interface Assem {
+	[key: string | symbol]: unknown;
+	__B: (key: string) => boolean; // 关键修改：移除可选标识(?)
+}
+const roots = ['class', 'style'];
+type Data = Record<string | symbol, unknown>;
+export const useInherit = (attrs = useAttrs()) => {
+	const root: Data = {};
+	const assem = {} as Assem;
+	Object.keys(attrs).forEach((key) => {
+		if (roots.includes(key)) {
+			root[key] = attrs[key];
+		} else {
+			assem[key] = attrs[key];
+		}
+	});
+	return {
+		root: new Proxy(root, {
+			get(_target, k) {
+				return _target[k];
+			},
+		}),
+		assem: new Proxy(assem, {
+			get(_target, k) {
+				if (k == '__B') {
+					return function (k: string) {
+						const v = _target[k] ?? _target[humpToLine(k)];
+						if (v === '') {
+							return true;
+						} else {
+							return Boolean(v);
+						}
+					};
+				}
+				if (typeof k === 'string') {
+					return _target[k] ?? _target[humpToLine(k)];
+				} else {
+					return _target[k];
+				}
+			},
+		}),
+	};
+};
+
+export function useAttrValue(attrs: Data, k: string | symbol) {
+	if (typeof k === 'string') {
+		return attrs[k] ?? attrs[humpToLine(k)];
+	} else {
+		return attrs[k];
+	}
+}
+
+export type UseInheritReturn = ReturnType<typeof useInherit>;

package/dist/hooks/locale/index.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const index = require("../global-config/index.cjs");
 const zhCn = require("../../locale/zh-cn.cjs");
-const require$$0 = require("vue");
+const vue = require("vue");
 function getValue(key, locale) {
   const arr = key.split(".");
   let obj = locale;
@@ -16,11 +16,11 @@ function getValue(key, locale) {
   return obj;
 }
 function buildTranslator(locale) {
-  return (path) => getValue(path, require$$0.unref(locale).value);
+  return (path) => getValue(path, vue.unref(locale).value);
 }
 function buildLocaleContext(locale) {
-  const lang = require$$0.computed(() => require$$0.unref(locale).name);
-  const localeRef = require$$0.isRef(locale) ? locale : require$$0.ref(locale);
+  const lang = vue.computed(() => vue.unref(locale).name);
+  const localeRef = vue.isRef(locale) ? locale : vue.ref(locale);
   return {
     lang,
     locale: localeRef,
@@ -29,7 +29,7 @@ function buildLocaleContext(locale) {
 }
 function useLocale() {
   const locale = index.useGlobalConfig("locale");
-  return buildLocaleContext(require$$0.computed(() => locale.value || zhCn.default));
+  return buildLocaleContext(vue.computed(() => locale.value || zhCn.default));
 }
 exports.buildLocaleContext = buildLocaleContext;
 exports.buildTranslator = buildTranslator;

package/dist/hooks/locale/index.ts

@@ -0,0 +1,39 @@
+import { useGlobalConfig } from '../global-config';
+
+import type { Locale, LocaleContext, Translator } from '../../types/locale';
+import type { MaybeRef } from '../../types/hooks';
+
+import ZhCn from '../../locale/zh-cn';
+import { ref, unref, isRef, computed } from 'vue';
+
+function getValue(key: string, locale: any): any {
+	const arr = key.split('.');
+	let obj = locale;
+	for (let index = 0; index < arr.length; index++) {
+		const v = arr[index];
+		obj = obj[v];
+		if (typeof obj === 'undefined') {
+			break;
+		}
+	}
+	return obj;
+}
+
+export function buildTranslator(locale: MaybeRef<Locale>): Translator {
+	return (path) => getValue(path, unref(locale).value);
+}
+
+export function buildLocaleContext(locale: MaybeRef<Locale>): LocaleContext {
+	const lang = computed(() => unref(locale).name);
+	const localeRef = isRef(locale) ? locale : ref(locale);
+	return {
+		lang,
+		locale: localeRef,
+		getLocale: buildTranslator(locale),
+	};
+}
+
+export function useLocale() {
+	const locale = useGlobalConfig('locale');
+	return buildLocaleContext(computed(() => locale.value || ZhCn));
+}

package/dist/icons/index.cjs

@@ -1,21 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const index = require("./vue/index.cjs");
-const enums = require("../utils/enums.cjs");
-require("@fangzhongya/utils/basic/string/splitUpper");
-require("@fangzhongya/utils/basic/array/isArray");
-require("@fangzhongya/utils/basic/object/isObject");
-require("@fangzhongya/utils/basic/string/firstLower");
-require("@fangzhongya/utils/basic/object/hasOwn");
-require("@fangzhongya/utils/basic/string/firstUpper");
-const lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");
-require("@fangzhongya/utils/name/lineToSmallHump");
-require("@fangzhongya/utils/name/humpToLine");
-require("@fangzhongya/utils/basic/object/deepCopy");
-require("@fangzhongya/utils/basic/Array/toggleArray");
-require("@fangzhongya/utils/basic/object/objValue");
-const defaultNamespace = lineToLargeHump.lineToLargeHump(enums.DefaultConfig.alias);
-const icons = (app, { prefix = defaultNamespace + "Icon" } = {}) => {
+const defaultPrefix = "Icon";
+const icons = (app, { prefix = defaultPrefix } = {}) => {
   for (const [key, component] of Object.entries(index)) {
     app.component(prefix + key, component);
   }

package/dist/icons/index.d.ts

@@ -1,10 +1,9 @@
 import { App } from 'vue';
-import * as icons from './vue';
+import * as icons from './vue/index';
 export interface InstallOptions {
-    /** @default `ElIcon` */
     prefix?: string;
 }
 declare const _default: (app: App, { prefix }?: InstallOptions) => void;
 export default _default;
 export { icons };
-export * from './vue';
+export * from './vue/index';

package/dist/icons/index.js

@@ -1,19 +1,6 @@
 import * as index from "./vue/index.js";
-import { DefaultConfig } from "../utils/enums.js";
-import "@fangzhongya/utils/basic/string/splitUpper";
-import "@fangzhongya/utils/basic/array/isArray";
-import "@fangzhongya/utils/basic/object/isObject";
-import "@fangzhongya/utils/basic/string/firstLower";
-import "@fangzhongya/utils/basic/object/hasOwn";
-import "@fangzhongya/utils/basic/string/firstUpper";
-import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";
-import "@fangzhongya/utils/name/lineToSmallHump";
-import "@fangzhongya/utils/name/humpToLine";
-import "@fangzhongya/utils/basic/object/deepCopy";
-import "@fangzhongya/utils/basic/Array/toggleArray";
-import "@fangzhongya/utils/basic/object/objValue";
-const defaultNamespace = lineToLargeHump(DefaultConfig.alias);
-const icons = (app, { prefix = defaultNamespace + "Icon" } = {}) => {
+const defaultPrefix = "Icon";
+const icons = (app, { prefix = defaultPrefix } = {}) => {
   for (const [key, component] of Object.entries(index)) {
     app.component(prefix + key, component);
   }

package/dist/icons/index.ts

@@ -0,0 +1,17 @@
+import * as icons from './vue/index';
+
+import type { App } from 'vue';
+
+const defaultPrefix = 'Icon';
+
+export interface InstallOptions {
+	prefix?: string;
+}
+
+export default (app: App, { prefix = defaultPrefix }: InstallOptions = {}) => {
+	for (const [key, component] of Object.entries(icons)) {
+		app.component(prefix + key, component);
+	}
+};
+export { icons };
+export * from './vue/index';

package/dist/icons/vue/bicycle.cjs

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const bicycle_vue_vue_type_script_lang = require("./bicycle2.cjs");
-const require$$0 = require("vue");
+const vue = require("vue");
 const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return require$$0.openBlock(), require$$0.createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
-    require$$0.createStaticVNode('<path fill="currentColor" d="M256 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z"></path><path fill="currentColor" d="M288 672h320q32 0 32 32t-32 32H288q-32 0-32-32t32-32z"></path><path fill="currentColor" d="M768 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z"></path><path fill="currentColor" d="M480 192a32 32 0 0 1 0-64h160a32 32 0 0 1 31.04 24.256l96 384a32 32 0 0 1-62.08 15.488L615.04 192H480zM96 384a32 32 0 0 1 0-64h128a32 32 0 0 1 30.336 21.888l64 192a32 32 0 1 1-60.672 20.224L200.96 384H96z"></path><path fill="currentColor" d="m373.376 599.808-42.752-47.616 320-288 42.752 47.616z"></path>', 5)
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+    vue.createStaticVNode('<path fill="currentColor" d="M256 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z"></path><path fill="currentColor" d="M288 672h320q32 0 32 32t-32 32H288q-32 0-32-32t32-32z"></path><path fill="currentColor" d="M768 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z"></path><path fill="currentColor" d="M480 192a32 32 0 0 1 0-64h160a32 32 0 0 1 31.04 24.256l96 384a32 32 0 0 1-62.08 15.488L615.04 192H480zM96 384a32 32 0 0 1 0-64h128a32 32 0 0 1 30.336 21.888l64 192a32 32 0 1 1-60.672 20.224L200.96 384H96z"></path><path fill="currentColor" d="m373.376 599.808-42.752-47.616 320-288 42.752 47.616z"></path>', 5)
   ]));
 }
 const bicycle = /* @__PURE__ */ _pluginVue_exportHelper.default(bicycle_vue_vue_type_script_lang.default, [["render", _sfc_render]]);

package/dist/icons/vue/bicycle.vue

@@ -0,0 +1,10 @@
+<!-- D:/www/fangzhongya/fang-ui/packages/icons/packages/svg/bicycle.svg -->
+<template>
+   <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z"/><path fill="currentColor" d="M288 672h320q32 0 32 32t-32 32H288q-32 0-32-32t32-32z"/><path fill="currentColor" d="M768 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z"/><path fill="currentColor" d="M480 192a32 32 0 0 1 0-64h160a32 32 0 0 1 31.04 24.256l96 384a32 32 0 0 1-62.08 15.488L615.04 192H480zM96 384a32 32 0 0 1 0-64h128a32 32 0 0 1 30.336 21.888l64 192a32 32 0 1 1-60.672 20.224L200.96 384H96z"/><path fill="currentColor" d="m373.376 599.808-42.752-47.616 320-288 42.752 47.616z"/></svg>
+</template>
+<script lang="ts">
+import type { DefineComponent } from 'vue';
+export default {
+   name: 'Bicycle',
+} as DefineComponent
+</script>

package/dist/icons/vue/bottom-left.cjs

@@ -1,19 +1,19 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const bottomLeft_vue_vue_type_script_lang = require("./bottom-left2.cjs");
-const require$$0 = require("vue");
+const vue = require("vue");
 const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return require$$0.openBlock(), require$$0.createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
-    require$$0.createElementVNode("path", {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+    vue.createElementVNode("path", {
       fill: "currentColor",
       d: "M256 768h416a32 32 0 1 1 0 64H224a32 32 0 0 1-32-32V352a32 32 0 0 1 64 0v416z"
     }, null, -1),
-    require$$0.createElementVNode("path", {
+    vue.createElementVNode("path", {
       fill: "currentColor",
       d: "M246.656 822.656a32 32 0 0 1-45.312-45.312l544-544a32 32 0 0 1 45.312 45.312l-544 544z"
     }, null, -1)

package/dist/icons/vue/bottom-left.vue

@@ -0,0 +1,10 @@
+<!-- D:/www/fangzhongya/fang-ui/packages/icons/packages/svg/bottom-left.svg -->
+<template>
+   <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 768h416a32 32 0 1 1 0 64H224a32 32 0 0 1-32-32V352a32 32 0 0 1 64 0v416z"/><path fill="currentColor" d="M246.656 822.656a32 32 0 0 1-45.312-45.312l544-544a32 32 0 0 1 45.312 45.312l-544 544z"/></svg>
+</template>
+<script lang="ts">
+import type { DefineComponent } from 'vue';
+export default {
+   name: 'BottomLeft',
+} as DefineComponent
+</script>

package/dist/icons/vue/bottom-right.cjs

@@ -1,19 +1,19 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const bottomRight_vue_vue_type_script_lang = require("./bottom-right2.cjs");
-const require$$0 = require("vue");
+const vue = require("vue");
 const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return require$$0.openBlock(), require$$0.createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
-    require$$0.createElementVNode("path", {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+    vue.createElementVNode("path", {
       fill: "currentColor",
       d: "M352 768a32 32 0 1 0 0 64h448a32 32 0 0 0 32-32V352a32 32 0 0 0-64 0v416H352z"
     }, null, -1),
-    require$$0.createElementVNode("path", {
+    vue.createElementVNode("path", {
       fill: "currentColor",
       d: "M777.344 822.656a32 32 0 0 0 45.312-45.312l-544-544a32 32 0 0 0-45.312 45.312l544 544z"
     }, null, -1)

package/dist/icons/vue/bottom-right.vue

@@ -0,0 +1,10 @@
+<!-- D:/www/fangzhongya/fang-ui/packages/icons/packages/svg/bottom-right.svg -->
+<template>
+   <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M352 768a32 32 0 1 0 0 64h448a32 32 0 0 0 32-32V352a32 32 0 0 0-64 0v416H352z"/><path fill="currentColor" d="M777.344 822.656a32 32 0 0 0 45.312-45.312l-544-544a32 32 0 0 0-45.312 45.312l544 544z"/></svg>
+</template>
+<script lang="ts">
+import type { DefineComponent } from 'vue';
+export default {
+   name: 'BottomRight',
+} as DefineComponent
+</script>

package/dist/icons/vue/bottom.cjs

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const bottom_vue_vue_type_script_lang = require("./bottom2.cjs");
-const require$$0 = require("vue");
+const vue = require("vue");
 const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return require$$0.openBlock(), require$$0.createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
-    require$$0.createElementVNode("path", {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+    vue.createElementVNode("path", {
       fill: "currentColor",
       d: "M544 805.888V168a32 32 0 1 0-64 0v637.888L246.656 557.952a30.72 30.72 0 0 0-45.312 0 35.52 35.52 0 0 0 0 48.064l288 306.048a30.72 30.72 0 0 0 45.312 0l288-306.048a35.52 35.52 0 0 0 0-48 30.72 30.72 0 0 0-45.312 0L544 805.824z"
     }, null, -1)