@fangzhongya/fang-ui 0.0.14 → 0.0.15

package/dist/components/common/list.d.ts

@@ -1,3 +1,4 @@
+import { WritableComputedRef, Ref } from 'vue';
 /**
  * 列表数据，带单多选择的
  */
@@ -68,7 +69,7 @@ export declare const props: {
  */
 export declare const emits: string[];
 export declare function comHandle(props: any, emit: any): {
-    value: import('vue').WritableComputedRef<any, any>;
-    multiple: import('vue').Ref<boolean, boolean>;
+    value: WritableComputedRef<any, any>;
+    multiple: Ref<boolean, boolean>;
 };
 export declare const expose: {};

package/dist/components/common/list.ts

@@ -0,0 +1,222 @@
+import { computed, watch, ref } from 'vue';
+import { useVueValue } from './use';
+
+type Options = ObjAny;
+
+/**
+ * 列表数据，带单多选择的
+ */
+export const props = {
+	/**
+	 * @props { Array } options=[] 数据列表
+	 */
+	options: {
+		type: Array<Options>,
+		default() {
+			return [];
+		},
+	},
+	// 清除不存在的值
+	clearAbsent: {
+		type: Boolean,
+	},
+	/**
+	 * @props { String, Function } label=label 列表中展示名称
+	 */
+	label: {
+		type: [String, Function],
+		default: 'label',
+	},
+	/**
+	 * @props { String, Function } prop=value 列表中对比的内容
+	 */
+	prop: {
+		type: [String, Function],
+		default: 'value',
+	},
+	/**
+	 * @props { } modelValue 选择值v-model
+	 */
+	modelValue: {
+		type: null,
+	},
+	/**
+	 * @props { Boolean, String } multiple 是否是多选
+	 */
+	multiple: {
+		type: [Boolean, String],
+	},
+
+	load: {
+		type: [Boolean],
+	},
+	/**
+	 * 是否获取对应对象数据
+	 */
+	optobj: {
+		type: [Boolean],
+	},
+};
+
+/**
+ * @emits change ( v: 选中的prop 值, obj:[]选择的值对象 )   选择事件
+ */
+export const emits = ['update:modelValue', 'change', 'load'];
+
+function isValue(v: any) {
+	if (v) {
+		return true;
+	} else {
+		const t = typeof v;
+		if (['boolean', 'number'].includes(t)) {
+			return true;
+		}
+	}
+	return false;
+}
+
+export function comHandle(props: any, emit: any) {
+	const selectMultiple = ref(false);
+	let getMultipleValue = (v: any) => {
+		return v;
+	};
+
+	let setMultipleValue = (v: any) => {
+		return v;
+	};
+
+	const value = computed({
+		get() {
+			return setMultipleValue(props.modelValue);
+		},
+		set(d) {
+			const v = getMultipleValue(d);
+			if (props.optobj) {
+				emit('change', v, getValueObjs(d), props.modelValue);
+			} else {
+				emit('change', v, undefined, props.modelValue);
+			}
+			emit('update:modelValue', v, props.modelValue);
+		},
+	});
+
+	watch(() => props.multiple, setMultiple, {
+		immediate: true,
+	});
+
+	function getValueObjs(v: any) {
+		if (isValue(v)) {
+			if (selectMultiple.value && v instanceof Array) {
+				return props.options?.filter((o: any) => {
+					return v.includes(useVueValue(o, props.prop));
+				});
+			} else {
+				return props.options?.filter((o: any) => {
+					return useVueValue(o, props.prop) === v;
+				});
+			}
+		} else {
+			return v;
+		}
+	}
+
+	function setValue(type: number) {
+		let v = props.modelValue;
+		if (type == 2) {
+			if (!(v instanceof Array)) {
+				if (isValue(v)) {
+					v = [v];
+				}
+			}
+		} else {
+			if (v instanceof Array) {
+				v = v[0];
+			}
+		}
+		const z = getMultipleValue(v);
+		if (z !== value.value) {
+			value.value = z;
+		}
+	}
+
+	function setMultiple<T>(a: T, b: T) {
+		if (a !== b) {
+			if (typeof props.multiple == 'boolean') {
+				selectMultiple.value = props.multiple;
+				getMultipleValue = (v) => {
+					return v;
+				};
+				setMultipleValue = (v) => {
+					return v;
+				};
+				if (props.multiple) {
+					setValue(2);
+				} else {
+					setValue(1);
+				}
+			} else if (typeof props.multiple == 'string') {
+				selectMultiple.value = true;
+				getMultipleValue = (v: string[]) => {
+					if (v && v instanceof Array) {
+						return v.join(props.multiple);
+					} else {
+						return v;
+					}
+				};
+				setMultipleValue = (v: string) => {
+					let arr: string[] = [];
+					if (v) {
+						arr = v.split(props.multiple);
+					}
+					return arr;
+				};
+				setValue(3);
+			}
+		}
+	}
+
+	if (props.load) {
+		watch(
+			() => props.options,
+			() => {
+				if (props.options && props.options.length > 0) {
+					const v = getMultipleValue(value.value);
+					if (props.optobj) {
+						const obj = getValueObjs(value.value);
+						if (props.clearAbsent) {
+							setClearAbsentValue(obj);
+						}
+						emit('load', v, obj);
+					} else {
+						emit('load', v);
+					}
+				}
+			},
+			{
+				immediate: true,
+			},
+		);
+	}
+
+	function setClearAbsentValue(arr: any[]) {
+		if (arr && arr.length > 0) {
+			if (selectMultiple.value) {
+				if (arr.length < value.value.length) {
+					value.value = arr.map((o: any) => {
+						return useVueValue(o, props.prop);
+					});
+				}
+			}
+		} else {
+			if (value.value !== undefined) {
+				value.value = undefined;
+			}
+		}
+	}
+	return {
+		value,
+		multiple: selectMultiple,
+	};
+}
+
+export const expose = {};

package/dist/components/common/urls.ts

@@ -0,0 +1,109 @@
+import axios from 'axios'
+import type { ExtractPropTypes } from 'vue'
+
+/**
+ * 调用接口参数
+ */
+export const props = {
+  value: {
+    type: Object as () => ObjAny,
+  },
+  /**
+   * @props { String, Function } ajax 请求接口地址或者方法
+   */
+  ajax: {
+    type: [String, Function],
+  },
+  /**
+   * @props { Object } param 接口参数
+   */
+  param: {
+    type: Object,
+    default() {
+      return {}
+    },
+  },
+  /**
+   * @props ajaxConfig 请求接口配置 ajax 为字符串时有用
+   */
+  ajaxConfig: {
+    type: Object,
+  },
+  /**
+   * @props { Function } inDataFilter (res, obj) 过滤接口返回数据 必须返回对象
+   */
+  onRequestAfter: {
+    type: Function,
+    // default(res: any) {
+    //   return res?.data || {}
+    // },
+  },
+  /**
+   * @props { Function } inParamFilter (obj) 过滤接口请求数据 必须返回对象
+   */
+  onRequestBefore: {
+    type: Function,
+  },
+}
+
+export const emits = []
+
+export type UrlProps = ExtractPropTypes<typeof props>
+
+export function comHandle(props: UrlProps, obj: ObjAny): ObjAny {
+  return new Promise((resolve, reject) => {
+    obj = Object.assign({}, props.param, obj)
+    if (props.onRequestBefore) {
+      obj = props.onRequestBefore(obj)
+    }
+    if (props.ajax) {
+      if (typeof props.ajax === 'function') {
+        props
+          .ajax(obj)
+          .then((res: any) => {
+            let list = res || {}
+            if (props.onRequestAfter) {
+              list = props.onRequestAfter(list, obj) || {}
+            }
+            resolve(list)
+          })
+          .catch((err: any) => {
+            reject(err)
+          })
+      } else {
+        const param: ObjAny = Object.assign(
+          {
+            method: 'post',
+          },
+          props.ajaxConfig ?? {}
+        )
+        if (param.method && param.method.toLowerCase() == 'get') {
+          param.params = obj
+        } else {
+          param.data = obj
+        }
+        param.url = props.ajax
+        axios
+          .request(param)
+          .then((res) => {
+            let list = res.data || {}
+            if (props.onRequestAfter) {
+              list = props.onRequestAfter(list, obj) || {}
+            }
+            resolve(list)
+          })
+          .catch((err) => {
+            reject(err)
+          })
+      }
+    } else {
+      let list = props.value || {}
+      if (props.onRequestAfter) {
+        list = props.onRequestAfter(list, obj) || {}
+      }
+      resolve(list)
+    }
+  })
+}
+
+export const expose = {}

package/dist/components/common/use.cjs

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("vue");
+const vue = require("vue");
 const util = require("../../utils/util.cjs");
 require("../../utils/vues/getBuildProps.cjs");
+require("../../utils/vues/withInstall.cjs");
 require("@fangzhongya/utils/css/setObjStyle");
 require("@fangzhongya/utils/css/getCss");
 const lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");
@@ -178,9 +179,9 @@ function setComponString(value, obj, componObj, data, optionss, compons) {
   const compon = obj.compon;
   const tcom = lineToLargeHump.lineToLargeHump(compon);
   if (Object.keys(compons).includes(tcom)) {
-    return require$$0.h(compons[tcom], componObj);
+    return vue.h(compons[tcom], componObj);
   } else {
-    return require$$0.h(require$$0.resolveComponent(compon), componObj);
+    return vue.h(vue.resolveComponent(compon), componObj);
   }
 }
 function getOnObjs(obj, data, emit, ...arrs) {
@@ -207,7 +208,7 @@ function useSetSlot(obj, data, slots, index) {
   if (slotname) {
     const slot = slots[slotname];
     if (slot) {
-      const value = require$$0.computed({
+      const value = vue.computed({
         get() {
           return getValue(obj, data, index);
         },
@@ -247,7 +248,7 @@ function useSetCompon(obj, data, optionss, compons, emit, index) {
         compons
       );
     } else {
-      return require$$0.h(obj.compon, componObj);
+      return vue.h(obj.compon, componObj);
     }
   }
 }

package/dist/components/common/use.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'vue';
+import { Component, VNode, RendererNode, RendererElement } from 'vue';
 export declare function useVueValue(v: any, key: string | Function): any;
 export declare function getFormRule(obj: ListObj): string | undefined;
 export declare function setFormDefaultValue(obj: ListObj, value: ObjAny): void;
@@ -10,7 +10,7 @@ type Compons = {
     [key: string]: Component;
 };
 export declare function useSetSlot(obj: ListObj, data: ObjAny, slots: ObjAny, index?: number): any;
-export declare function useSetCompon(obj: ListObj, data: ObjAny, optionss: ObjAny, compons: Compons, emit: Function, index?: number): import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+export declare function useSetCompon(obj: ListObj, data: ObjAny, optionss: ObjAny, compons: Compons, emit: Function, index?: number): VNode<RendererNode, RendererElement, {
     [key: string]: any;
 }> | undefined;
 export declare const useGetDomValue: (obj: ListObj, data: ObjAny, options: ObjAny, index?: number) => any;

package/dist/components/common/use.js

@@ -1,6 +1,7 @@
 import { computed, h, resolveComponent } from "vue";
 import { getChildrenData, getFathers } from "../../utils/util.js";
 import "../../utils/vues/getBuildProps.js";
+import "../../utils/vues/withInstall.js";
 import "@fangzhongya/utils/css/setObjStyle";
 import "@fangzhongya/utils/css/getCss";
 import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";