@fangzhongya/fang-ui 0.0.14 → 0.0.16

package/dist/components/color-picker/src/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("vue");
+const vue = require("vue");
 const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 require("@fangzhongya/utils/basic/string/splitUpper");
@@ -19,14 +19,14 @@ require("../../../hooks/global-config/index.cjs");
 const index$2 = require("../../../hooks/locale/index.cjs");
 const index = require("../../../hooks/inherit/index.cjs");
 const elementPlus = require("element-plus");
-const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const refEl = require$$0.ref();
+    const refEl = vue.ref();
     const attrs = index.useInherit();
-    const slots = require$$0.useSlots();
+    const slots = vue.useSlots();
     const cs = index$1.useCssName("color-picker");
     index$2.useLocale();
     __expose({
@@ -34,18 +34,18 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       refEl
     });
     return (_ctx, _cache) => {
-      return require$$0.openBlock(), require$$0.createElementBlock("div", require$$0.mergeProps({
-        class: [require$$0.unref(cs).z()]
-      }, require$$0.unref(attrs).root), [
-        require$$0.createVNode(require$$0.unref(elementPlus.ElColorPicker), require$$0.mergeProps(require$$0.unref(attrs).assem, {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: [vue.unref(cs).z()]
+      }, vue.unref(attrs).root), [
+        vue.createVNode(vue.unref(elementPlus.ElColorPicker), vue.mergeProps(vue.unref(attrs).assem, {
           ref_key: "refEl",
           ref: refEl
-        }), require$$0.createSlots({ _: 2 }, [
-          require$$0.renderList(Object.keys(require$$0.unref(slots)), (k) => {
+        }), vue.createSlots({ _: 2 }, [
+          vue.renderList(Object.keys(vue.unref(slots)), (k) => {
             return {
               name: k,
-              fn: require$$0.withCtx(() => [
-                require$$0.renderSlot(_ctx.$slots, k)
+              fn: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, k)
               ])
             };
           })

package/dist/components/color-picker/src/index.vue

@@ -0,0 +1,30 @@
+<template>
+	<div :class="[cs.z()]" v-bind="attrs.root">
+		<ElColorPicker v-bind="attrs.assem" ref="refEl">
+			<template v-for="k in Object.keys(slots)" v-slot:[k] :key="k">
+				<slot :name="k"></slot>
+			</template>
+		</ElColorPicker>
+	</div>
+</template>
+<script lang="ts" setup>
+	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
+	import { useCssName, useLocale, useInherit } from '../../../hooks/index';
+	import { ref, useSlots } from 'vue';
+	import { ElColorPicker } from 'element-plus';
+	import type { Slots } from 'vue';
+	const refEl = ref();
+	const attrs = useInherit();
+	const slots: Slots = useSlots();
+	// 样式设置方法
+	const cs = useCssName('color-picker');
+	// 获取国际化字段
+	const { getLocale } = useLocale();
+	const props = defineProps(dataProps);
+	const emit = defineEmits(dataEmits);
+	defineExpose({
+		...dataExpose,
+		refEl,
+	});
+</script>
+<style lang="scss"></style>

package/dist/components/common/compons.cjs

@@ -14,6 +14,7 @@ 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 index$l = require("../array/index.cjs");

package/dist/components/common/compons.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";
 import { Array } from "../array/index.js";

package/dist/components/common/compons.ts

@@ -0,0 +1,66 @@
+import type { Component } from 'vue';
+import { lineToLargeHump } from '../../utils/index';
+
+import Array from '../array/index';
+import Check from '../checks/index';
+// @ts-ignore
+import FDate from '../dates/index';
+import Select from '../selects/index';
+import Input from '../inputs/index';
+import Labels from '../labels/index';
+import Switch from '../switchs/index';
+
+import Buttons from '../buttons/index';
+import DateDivide from '../dates-divide/index';
+import DatePicker from '../dates-picker/index';
+import EditFloat from '../edit-float/index';
+import Edit from '../edit/index';
+import History from '../history/index';
+import Images from '../images/index';
+import InputArray from '../input-array/index';
+import InputHistory from '../input-history/index';
+import InputSelect from '../input-select/index';
+import SelectScroll from '../select-scroll/index';
+import Selector from '../selector/index';
+
+import Cascader from '../cascaders/index';
+import InputNum from '../input-num/index';
+import Text from '../text/index';
+
+type Compons = { [key: string]: Component };
+
+export const components: Compons = {
+	Array,
+	Check,
+	Select,
+	Date: FDate,
+	Input,
+	Labels,
+	Switch,
+	Buttons,
+	DateDivide,
+	DatePicker,
+	EditFloat,
+	Edit,
+	History,
+	Images,
+	InputArray,
+	InputHistory,
+	InputSelect,
+	SelectScroll,
+	Selector,
+	Cascader,
+	InputNum,
+	Text,
+};
+
+export function getCompons(...arrs: Compons[]) {
+	const coms: Compons = { ...components };
+	arrs.forEach((obj: Compons) => {
+		Object.keys(obj).forEach((key) => {
+			const tkey = lineToLargeHump(key);
+			coms[tkey] = obj[key];
+		});
+	});
+	return coms;
+}

package/dist/components/common/css.ts

@@ -0,0 +1,28 @@
+import { setObjStyle } from '../../utils/css';
+
+export function setStyles(v: ListObj, data: ObjStr, props: ObjAny) {
+	const style = v.style || {};
+	let vst: ObjStrNum;
+	if (typeof style === 'function') {
+		vst = style(v, data) || {};
+	} else {
+		vst = style;
+	}
+	const obj: ObjAny = {};
+	const minWidth = v.minWidth || props.rowMinWidth;
+	const width = v.width || props.rowWidth;
+	const height = v.height || props.rowHeight;
+	if (width) {
+		obj.width = width;
+	}
+	if (minWidth) {
+		obj.minWidth = minWidth;
+	}
+	if (height) {
+		obj.height = height;
+	}
+	if (v.whole) {
+		obj.width = '100%';
+	}
+	return setObjStyle(vst, obj);
+}

package/dist/components/common/list.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("vue");
+const vue = require("vue");
 const use = require("./use.cjs");
 const props = {
   /**
@@ -65,14 +65,14 @@ function isValue(v) {
   return false;
 }
 function comHandle(props2, emit) {
-  const selectMultiple = require$$0.ref(false);
+  const selectMultiple = vue.ref(false);
   let getMultipleValue = (v) => {
     return v;
   };
   let setMultipleValue = (v) => {
     return v;
   };
-  const value = require$$0.computed({
+  const value = vue.computed({
     get() {
       return setMultipleValue(props2.modelValue);
     },
@@ -86,7 +86,7 @@ function comHandle(props2, emit) {
       emit("update:modelValue", v, props2.modelValue);
     }
   });
-  require$$0.watch(() => props2.multiple, setMultiple, {
+  vue.watch(() => props2.multiple, setMultiple, {
     immediate: true
   });
   function getValueObjs(v) {
@@ -159,7 +159,7 @@ function comHandle(props2, emit) {
     }
   }
   if (props2.load) {
-    require$$0.watch(
+    vue.watch(
       () => props2.options,
       () => {
         if (props2.options && props2.options.length > 0) {

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";