@fangzhongya/fang-ui 0.0.13 → 0.0.15

package/dist/utils/vues/common.ts

@@ -0,0 +1,271 @@
+import { withModifiers } from 'vue';
+import type { ObjStr, ObjAny } from '../../types/object';
+import { isArray, isObject, firstUpper, splitUpper } from '../util';
+
+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';
+
+export function setVueValue(v: any, key: string | Function) {
+	if (key && isObject(v)) {
+		if (typeof key == 'function') {
+			return key(v);
+		} else if (typeof key == 'string') {
+			return v[key];
+		}
+	}
+	return v;
+}
+
+/**
+ * 判断是否隐藏
+ */
+export function setHide(item: any, v?: any) {
+	let hide = item.hide;
+	if (typeof hide == 'boolean') {
+		return !hide;
+	} else if (typeof hide == 'function') {
+		return !hide(item, v);
+	} else {
+		return true;
+	}
+}
+// export function setHide(item, v) {
+//     let hide = item.hide;
+//     let sethide = item.sethide;
+//     if (typeof hide != 'undefined') {
+//         return !hide;
+//     } else if (typeof sethide != 'undefined') {
+//         return !sethide(item, v);
+//     } else {
+//         return true;
+//     }
+// }
+
+type SetClass = string | string[] | ObjStr;
+
+export function setClass(...arr: Array<SetClass>) {
+	let as: string[] = [];
+	arr.forEach((o) => {
+		if (typeof o == 'string') {
+			as.push(...o.split(/\s+/));
+		} else if (isArray(o)) {
+			as.push(...(o as string[]));
+		} else if (isObject(o)) {
+			Object.keys(o).forEach((k) => {
+				const v = o as ObjStr;
+				if (v[k]) {
+					as.push(k);
+				}
+			});
+		}
+	});
+	return [...new Set(as)].join(' ');
+}
+
+function getLabelMax(arr: string[]) {
+	let k = 0;
+	arr.forEach((o) => {
+		if (o.length > k) {
+			k = o.length;
+		}
+	});
+	return k;
+}
+
+export function setMinWidth(obj: ObjAny) {
+	let ws = 0;
+	if (obj.label) {
+		let l = 0;
+		if (isArray(obj.label)) {
+			l = getLabelMax(obj.label);
+		} else {
+			l = obj.label.length;
+		}
+		if (l > 9) {
+			l = 9;
+		}
+		// const key = 'M' + l;
+		// let w = TableMapw[key];
+		let w = 20;
+		if (obj.sortable) {
+			w += 15;
+		}
+		if (obj.selection) {
+			w += 15;
+		}
+		ws = w;
+	} else {
+		ws = 0;
+	}
+
+	if (obj.minWidth) {
+		if (typeof obj.minWidth == 'function') {
+			return obj.minWidth(obj, ws);
+		} else {
+			return obj.minWidth;
+		}
+	} else {
+		if (obj.label) {
+			return ws + 'px';
+		} else {
+			return;
+		}
+	}
+}
+
+// const systemModifiers = ['ctrl', 'shift', 'alt', 'meta'];
+// const modifierGuards = {
+//     stop: (e) => e.stopPropagation(),
+//     prevent: (e) => e.preventDefault(),
+//     self: (e) => e.target !== e.currentTarget,
+//     ctrl: (e) => !e.ctrlKey,
+//     shift: (e) => !e.shiftKey,
+//     alt: (e) => !e.altKey,
+//     meta: (e) => !e.metaKey,
+//     left: (e) => 'button' in e && e.button !== 0,
+//     middle: (e) => 'button' in e && e.button !== 1,
+//     right: (e) => 'button' in e && e.button !== 2,
+//     exact: (e, modifiers) =>
+//         systemModifiers.some((m) => e[`${m}Key`] && !modifiers.includes(m)),
+// };
+
+interface OnceEventTarget extends EventTarget {
+	__once__?: boolean;
+}
+
+interface OnceEvent extends Event {
+	readonly currentTarget: OnceEventTarget | null;
+}
+/**
+ * 事件别名处理对象
+ */
+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
+			withModifiers(fn, ns as VOnModifiers[])();
+		} 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/utils/vues/definePropType.ts

@@ -0,0 +1,5 @@
+import type { PropType } from 'vue';
+
+export function definePropType<T>(val: any): PropType<T> {
+	return val;
+}

package/dist/utils/vues/getBuildProps.ts

@@ -0,0 +1,19 @@
+import { FunctConfig } from '../enums';
+
+export const { epPropKey, ObjConfig } = FunctConfig;
+type PropertyName = string | number | symbol;
+export function getBuildProps<T extends { [key: PropertyName]: any }>(obj: T) {
+	return new Proxy(obj, {
+		get: function (target, propKey, receiver) {
+			const v = target[ObjConfig];
+			if (v && propKey != '__v_isRef') {
+				return (
+					Reflect.get(target[ObjConfig], propKey, receiver) ||
+					Reflect.get(target, propKey, receiver)
+				);
+			} else {
+				return Reflect.get(target, propKey, receiver);
+			}
+		},
+	});
+}

package/dist/utils/vues/index.d.ts

@@ -1,6 +1,6 @@
+export * from './common';
 export * from './buildProps';
 export * from './definePropType';
-export * from './common';
+export * from './getBuildProps';
 export * from './withInstall';
 export * from './withInstallFunction';
-export * from './getBuildProps';

package/dist/utils/vues/index.ts

@@ -0,0 +1,6 @@
+export * from './common';
+export * from './buildProps';
+export * from './definePropType';
+export * from './getBuildProps';
+export * from './withInstall';
+export * from './withInstallFunction';

package/dist/utils/vues/withInstall.cjs

@@ -1,9 +1,24 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const enums = require("../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);
 function withInstall(component, name) {
   const comp = component;
-  comp.install = (app) => {
-    app.component(name || comp.name || comp.displayName, component);
+  comp.install = (app, { prefix = defaultNamespace }) => {
+    const m = name || comp.name || comp.displayName;
+    app.component(defaultNamespace + m, component);
   };
   return comp;
 }

package/dist/utils/vues/withInstall.js

@@ -1,7 +1,22 @@
+import { DefaultConfig } from "../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);
 function withInstall(component, name) {
   const comp = component;
-  comp.install = (app) => {
-    app.component(name || comp.name || comp.displayName, component);
+  comp.install = (app, { prefix = defaultNamespace }) => {
+    const m = name || comp.name || comp.displayName;
+    app.component(defaultNamespace + m, component);
   };
   return comp;
 }

package/dist/utils/vues/withInstall.ts

@@ -0,0 +1,13 @@
+import type { App, Plugin, Component } from 'vue';
+import { DefaultConfig } from '../enums';
+import { lineToLargeHump } from '../util';
+const defaultNamespace = lineToLargeHump(DefaultConfig.alias);
+
+export function withInstall<T extends Component>(component: T, name?: string) {
+	const comp = component as any;
+	comp.install = (app: App, { prefix = defaultNamespace }) => {
+		const m = name || comp.name || comp.displayName;
+		app.component(defaultNamespace + m, component);
+	};
+	return comp as T & Plugin;
+}

package/dist/utils/vues/withInstallFunction.ts

@@ -0,0 +1,12 @@
+import type { App, Plugin } from 'vue';
+
+export function withInstallFunction<T>(fn: T, name: string) {
+	const anyFn = fn as any;
+
+	anyFn.install = (app: App) => {
+		anyFn._context = app._context;
+		app.config.globalProperties[name] = fn;
+	};
+
+	return anyFn as T & { install: Plugin['install'] };
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fangzhongya/fang-ui",
   "private": false,
-  "version": "0.0.13",
+  "version": "0.0.15",
   "type": "module",
   "description ": "fang-ui",
   "keywords": [
@@ -24,10 +24,10 @@
     "fangui": "bin/fang-ui.js"
   },
   "dependencies": {
-    "@fangzhongya/utils": "0.0.15"
+    "@fangzhongya/utils": "0.0.23"
   },
   "devDependencies": {
-    "@fangzhongya/create": "0.2.24",
+    "@fangzhongya/create": "0.2.28",
     "@types/node": "^24.0.15",
     "@vitejs/plugin-vue": "^6.0.0",
     "axios": "^1.10.0",
@@ -49,12 +49,12 @@
     "vxe-table": "4.14.4",
     "@fang-ui/components": "0.0.1-0",
     "@fang-ui/directives": "0.0.1-0",
-    "@fang-ui/icons": "0.0.1-0",
-    "@fang-ui/locale": "0.0.1-0",
     "@fang-ui/hooks": "0.0.1-0",
+    "@fang-ui/locale": "0.0.1-0",
+    "@fang-ui/icons": "0.0.1-0",
+    "@fang-ui/utils": "0.0.1-0",
     "@fang-ui/theme": "0.0.1-0",
-    "@fang-ui/types": "0.0.1-0",
-    "@fang-ui/utils": "0.0.1-0"
+    "@fang-ui/types": "0.0.1-0"
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -63,7 +63,7 @@
     "dist"
   ],
   "exports": {
-    "./css": "./dist/components/index.css",
+    "./css": "./dist/index.css",
     "./scss": "./dist/components/index.scss",
     "./*": {
       "types": "./dist/*.d.ts",
@@ -97,11 +97,15 @@
     "docs:dev": "pnpm -C docs docs:dev",
     "docs:build": "pnpm -C docs docs:build",
     "docs:preview": "pnpm -C docs docs:preview",
+    "conf": "cd packages/components & pnpm dev & cd ../directives & pnpm dev & cd ../icons & pnpm dev & cd ../utils & pnpm dev & cd ../../",
     "build": "vue-tsc && vite build",
-    "build:scss": "cd packages/components & pnpm dev & cd ../../ & pnpm build & cd packages/components & pnpm build & cd ../../",
+    "single": "vue-tsc && vite build --config vite.config.single.ts",
+    "build:index": "cd packages/components & pnpm dev & cd ../../",
+    "build:scss": "cd packages/components & pnpm build & cd ../../",
     "build:tsup": "pnpm dev:exp & tsup",
     "build:archive": "pnpm run -C archive build",
-    "build:all": "pnpm build:scss & pnpm build:tsup & cd packages/theme & pnpm move & cd ../../",
+    "build:all": "pnpm conf & pnpm build & pnpm build:tsup",
+    "build:allx": "pnpm build:scss & pnpm build:tsup & cd packages/theme & pnpm move & cd ../../",
     "lint": "eslint . --ext .vue,.js,.ts,.jsx,.tsx --max-warnings 0 --cache",
     "pub": "pnpm publish --access public --no-git-checks",
     "all": "pnpm build:all & pnpm dev:v & pnpm pub"

package/dist/_virtual/_commonjsHelpers.cjs

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
-}
-function getAugmentedNamespace(n) {
-  if (Object.prototype.hasOwnProperty.call(n, "__esModule")) return n;
-  var f = n.default;
-  if (typeof f == "function") {
-    var a = function a2() {
-      if (this instanceof a2) {
-        return Reflect.construct(f, arguments, this.constructor);
-      }
-      return f.apply(this, arguments);
-    };
-    a.prototype = f.prototype;
-  } else a = {};
-  Object.defineProperty(a, "__esModule", { value: true });
-  Object.keys(n).forEach(function(k) {
-    var d = Object.getOwnPropertyDescriptor(n, k);
-    Object.defineProperty(a, k, d.get ? d : {
-      enumerable: true,
-      get: function() {
-        return n[k];
-      }
-    });
-  });
-  return a;
-}
-exports.getAugmentedNamespace = getAugmentedNamespace;
-exports.getDefaultExportFromCjs = getDefaultExportFromCjs;

package/dist/_virtual/_commonjsHelpers.js

@@ -1,31 +0,0 @@
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
-}
-function getAugmentedNamespace(n) {
-  if (Object.prototype.hasOwnProperty.call(n, "__esModule")) return n;
-  var f = n.default;
-  if (typeof f == "function") {
-    var a = function a2() {
-      if (this instanceof a2) {
-        return Reflect.construct(f, arguments, this.constructor);
-      }
-      return f.apply(this, arguments);
-    };
-    a.prototype = f.prototype;
-  } else a = {};
-  Object.defineProperty(a, "__esModule", { value: true });
-  Object.keys(n).forEach(function(k) {
-    var d = Object.getOwnPropertyDescriptor(n, k);
-    Object.defineProperty(a, k, d.get ? d : {
-      enumerable: true,
-      get: function() {
-        return n[k];
-      }
-    });
-  });
-  return a;
-}
-export {
-  getAugmentedNamespace,
-  getDefaultExportFromCjs
-};

package/dist/_virtual/sortable.esm.cjs

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const _commonjsHelpers = require("./_commonjsHelpers.cjs");
-const sortable_esm = require("../node_modules/.pnpm/sortablejs@1.14.0/node_modules/sortablejs/modular/sortable.esm.cjs");
-const require$$1 = /* @__PURE__ */ _commonjsHelpers.getAugmentedNamespace(sortable_esm);
-exports.default = require$$1;

package/dist/_virtual/sortable.esm.js

@@ -1,6 +0,0 @@
-import { getAugmentedNamespace } from "./_commonjsHelpers.js";
-import * as sortable_esm from "../node_modules/.pnpm/sortablejs@1.14.0/node_modules/sortablejs/modular/sortable.esm.js";
-const require$$1 = /* @__PURE__ */ getAugmentedNamespace(sortable_esm);
-export {
-  require$$1 as default
-};

package/dist/_virtual/vuedraggable.umd.cjs

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const _commonjsHelpers = require("./_commonjsHelpers.cjs");
-const vuedraggable_umd = require("../node_modules/.pnpm/vuedraggable@4.1.0_vue@3.5.17_typescript@5.8.3_/node_modules/vuedraggable/dist/vuedraggable.umd.cjs");
-var vuedraggable_umdExports = vuedraggable_umd.__require();
-const Draggable = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(vuedraggable_umdExports);
-exports.default = Draggable;

package/dist/_virtual/vuedraggable.umd.js

@@ -1,7 +0,0 @@
-import { getDefaultExportFromCjs } from "./_commonjsHelpers.js";
-import { __require as requireVuedraggable_umd } from "../node_modules/.pnpm/vuedraggable@4.1.0_vue@3.5.17_typescript@5.8.3_/node_modules/vuedraggable/dist/vuedraggable.umd.js";
-var vuedraggable_umdExports = requireVuedraggable_umd();
-const Draggable = /* @__PURE__ */ getDefaultExportFromCjs(vuedraggable_umdExports);
-export {
-  Draggable as default
-};

package/dist/_virtual/vuedraggable.umd2.cjs

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var vuedraggable_umd = { exports: {} };
-exports.__module = vuedraggable_umd;

package/dist/_virtual/vuedraggable.umd2.js

@@ -1,4 +0,0 @@
-var vuedraggable_umd = { exports: {} };
-export {
-  vuedraggable_umd as __module
-};

package/dist/components/cs-title/src/index.scss

@@ -1,17 +0,0 @@
-// @use '../../../common.scss' as *;
-@use '@components/css/common.scss' as *;
-
-.#{$namespace}-cs-title {
-	margin: 10px;
-	padding: 10px;
-	width: 200px;
-	height: 200px;
-	border: 1px solid rgb(0, 255, 145);
-}
-.dom {
-	width: 200px;
-	display: flex;
-}
-.d {
-	border: 1px solid #f00;
-}