@fangzhongya/fang-ui 0.1.85 → 0.1.89

package/dist/components/common/compons/components.js

@@ -1,36 +1,20 @@
 import { defineAsyncComponent } from "vue";
-const DoubleVue = defineAsyncComponent(async () => await import("../../double/index.js"));
-const CheckVue = defineAsyncComponent(async () => await import("../../checks/index.js"));
-const SelectVue = defineAsyncComponent(async () => await import("../../selects/index.js"));
-const DateVue = defineAsyncComponent(async () => await import("../../dates/index.js"));
-const InputVue = defineAsyncComponent(async () => await import("../../inputs/index.js"));
-const LabelsVue = defineAsyncComponent(async () => await import("../../labels/index.js"));
-const SwitchVue = defineAsyncComponent(async () => await import("../../switchs/index.js"));
-const DateDivideVue = defineAsyncComponent(async () => await import("../../dates-divide/index.js"));
-const DatePickerVue = defineAsyncComponent(async () => await import("../../dates-picker/index.js"));
-const InputSelectVue = defineAsyncComponent(async () => await import("../../input-select/index.js"));
-const SelectorVue = defineAsyncComponent(async () => await import("../../selector/index.js"));
-const CascaderVue = defineAsyncComponent(async () => await import("../../cascaders/index.js"));
-const InputNumVue = defineAsyncComponent(async () => await import("../../input-num/index.js"));
-const TextVue = defineAsyncComponent(async () => await import("../../texts/index.js"));
-const UploadVue = defineAsyncComponent(async () => await import("../../uploads/index.js"));
-const components = {
-  Double: DoubleVue,
-  Check: CheckVue,
-  Select: SelectVue,
-  Date: DateVue,
-  Input: InputVue,
-  Labels: LabelsVue,
-  Switch: SwitchVue,
-  DateDivide: DateDivideVue,
-  DatePicker: DatePickerVue,
-  InputSelect: InputSelectVue,
-  Selector: SelectorVue,
-  Cascader: CascaderVue,
-  InputNum: InputNumVue,
-  Text: TextVue,
-  Upload: UploadVue
-};
-export {
-  components
+var components = {
+	Double: defineAsyncComponent(async () => await import("../../double/index.js")),
+	Check: defineAsyncComponent(async () => await import("../../checks/index.js")),
+	Select: defineAsyncComponent(async () => await import("../../selects/index.js")),
+	Date: defineAsyncComponent(async () => await import("../../dates/index.js")),
+	Input: defineAsyncComponent(async () => await import("../../inputs/index.js")),
+	Labels: defineAsyncComponent(async () => await import("../../labels/index.js")),
+	Switch: defineAsyncComponent(async () => await import("../../switchs/index.js")),
+	DateDivide: defineAsyncComponent(async () => await import("../../dates-divide/index.js")),
+	DatePicker: defineAsyncComponent(async () => await import("../../dates-picker/index.js")),
+	InputSelect: defineAsyncComponent(async () => await import("../../input-select/index.js")),
+	Selector: defineAsyncComponent(async () => await import("../../selector/index.js")),
+	Cascader: defineAsyncComponent(async () => await import("../../cascaders/index.js")),
+	InputNum: defineAsyncComponent(async () => await import("../../input-num/index.js")),
+	Text: defineAsyncComponent(async () => await import("../../texts/index.js")),
+	Upload: defineAsyncComponent(async () => await import("../../uploads/index.js"))
 };
+//#endregion
+export { components };

package/dist/components/common/css.cjs

@@ -1,34 +1,28 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const setObjStyle = require("@fangzhongya/utils/css/setObjStyle");
+let _fangzhongya_utils_css_setObjStyle = require("@fangzhongya/utils/css/setObjStyle");
+//#region packages/components/packages/common/css.ts
+/**
+* 设置样式函数，用于根据配置对象生成最终的样式对象
+* @param v - 列表对象，包含样式配置信息
+* @param data - 数据对象，用于样式函数计算
+* @param props - 属性对象，包含默认的样式配置
+* @returns 返回合并后的样式对象
+*/
 function setStyles(v, data, props) {
-  const style = v.style || {};
-  let vst;
-  if (typeof style === "function") {
-    vst = style(v, data) || {};
-  } else {
-    vst = style;
-  }
-  const obj = {};
-  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;
-  }
-  const textAlign = v.align || props.align;
-  if (textAlign) {
-    obj.textAlign = textAlign;
-  }
-  if (v.whole) {
-    obj.width = "100%";
-  }
-  return setObjStyle.setObjStyle(vst, obj);
+	const style = v.style || {};
+	let vst;
+	if (typeof style === "function") vst = style(v, data) || {};
+	else vst = style;
+	const obj = {};
+	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;
+	const textAlign = v.align || props.align;
+	if (textAlign) obj.textAlign = textAlign;
+	if (v.whole) obj.width = "100%";
+	return (0, _fangzhongya_utils_css_setObjStyle.setObjStyle)(vst, obj);
 }
+//#endregion
 exports.setStyles = setStyles;

package/dist/components/common/css.js

@@ -1,34 +1,28 @@
 import { setObjStyle } from "@fangzhongya/utils/css/setObjStyle";
+//#region packages/components/packages/common/css.ts
+/**
+* 设置样式函数，用于根据配置对象生成最终的样式对象
+* @param v - 列表对象，包含样式配置信息
+* @param data - 数据对象，用于样式函数计算
+* @param props - 属性对象，包含默认的样式配置
+* @returns 返回合并后的样式对象
+*/
 function setStyles(v, data, props) {
-  const style = v.style || {};
-  let vst;
-  if (typeof style === "function") {
-    vst = style(v, data) || {};
-  } else {
-    vst = style;
-  }
-  const obj = {};
-  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;
-  }
-  const textAlign = v.align || props.align;
-  if (textAlign) {
-    obj.textAlign = textAlign;
-  }
-  if (v.whole) {
-    obj.width = "100%";
-  }
-  return setObjStyle(vst, obj);
+	const style = v.style || {};
+	let vst;
+	if (typeof style === "function") vst = style(v, data) || {};
+	else vst = style;
+	const obj = {};
+	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;
+	const textAlign = v.align || props.align;
+	if (textAlign) obj.textAlign = textAlign;
+	if (v.whole) obj.width = "100%";
+	return setObjStyle(vst, obj);
 }
-export {
-  setStyles
-};
+//#endregion
+export { setStyles };

package/dist/components/common/list.cjs

@@ -1,214 +1,204 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const use = require("./use.cjs");
-const props = {
-  /**
-   * @props { Array } options=[] 数据列表
-   */
-  options: {
-    type: Array,
-    default() {
-      return [];
-    }
-  },
-  /**
-   * @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
-   * @model
-   */
-  modelValue: {
-    type: null
-  },
-  /**
-   * @props { Boolean, String } multiple 是否是多选
-   */
-  multiple: {
-    type: [Boolean, String]
-  },
-  /**
-   * @props { Boolean } isLoad 是否监听options 返回最新值 load
-   */
-  isLoad: {
-    type: Boolean
-  },
-  /**
-   * @props { Boolean } isClearAbsent 清除不存在的值
-   */
-  isClearAbsent: {
-    type: Boolean
-  },
-  /**
-   * @props { Boolean } isOptobj 是否获取对应对象数据
-   */
-  isOptobj: {
-    type: Boolean
-  },
-  /**
-   * @props {  } default 默认值据 值为是undefined时使用默认值据
-   */
-  default: {
-    type: null
-  }
+const require_use = require("./use.cjs");
+let vue = require("vue");
+//#region packages/components/packages/common/list.ts
+/**
+* 列表数据，带单多选择的
+*/
+var props = {
+	/**
+	* @props { Array } options=[] 数据列表
+	*/
+	options: {
+		type: Array,
+		default() {
+			return [];
+		}
+	},
+	/**
+	* @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
+	* @model
+	*/
+	modelValue: { type: null },
+	/**
+	* @props { Boolean, String } multiple 是否是多选
+	*/
+	multiple: { type: [Boolean, String] },
+	/**
+	* @props { Boolean } isLoad 是否监听options 返回最新值 load
+	*/
+	isLoad: { type: Boolean },
+	/**
+	* @props { Boolean } isClearAbsent 清除不存在的值
+	*/
+	isClearAbsent: { type: Boolean },
+	/**
+	* @props { Boolean } isOptobj 是否获取对应对象数据
+	*/
+	isOptobj: { type: Boolean },
+	/**
+	* @props {  } default 默认值据 值为是undefined时使用默认值据
+	*/
+	default: { type: null }
 };
-const emits = ["update:modelValue", "change", "load"];
-function comHandle(props2, emit, config) {
-  const selectMultiple = vue.ref(false);
-  let getMultipleValue = (v) => {
-    if (config == null ? void 0 : config.getValue) return config.getValue(v);
-    return v;
-  };
-  let setMultipleValue = (v) => {
-    return v;
-  };
-  const value = vue.computed({
-    get() {
-      const v = setMultipleValue(props2.modelValue);
-      if (v === void 0 && props2.default !== void 0) {
-        value.value = props2.default;
-      } else {
-        return v;
-      }
-    },
-    set(d) {
-      if (d === void 0 && props2.default !== void 0) {
-        d = props2.default;
-      }
-      const v = getMultipleValue(d);
-      if (props2.isOptobj) {
-        emit("change", v, getValueObjs(d), props2.modelValue);
-      } else {
-        emit("change", v, void 0, props2.modelValue);
-      }
-      emit("update:modelValue", v, props2.modelValue);
-    }
-  });
-  vue.watch(() => props2.multiple, setMultiple, {
-    immediate: true
-  });
-  function getValueObjs(v) {
-    var _a, _b;
-    if (v !== void 0 && v !== null) {
-      if (selectMultiple.value && Array.isArray(v)) {
-        return (_a = props2.options) == null ? void 0 : _a.filter((o) => {
-          return v.includes(use.useVueValue(o, props2.prop));
-        });
-      } else {
-        return (_b = props2.options) == null ? void 0 : _b.filter((o) => {
-          return use.useVueValue(o, props2.prop) === v;
-        });
-      }
-    }
-  }
-  function setValue(type) {
-    let v = props2.modelValue;
-    if (type == 2) {
-      if (!Array.isArray(v)) {
-        if (v !== void 0 && v !== null && v !== "") {
-          v = [v];
-        }
-      }
-    } else if (Array.isArray(v)) {
-      v = v[0];
-    }
-    const z = getMultipleValue(v);
-    if (z !== value.value) {
-      value.value = z;
-    }
-  }
-  function setMultiple(a, b) {
-    if (a !== b) {
-      if (typeof props2.multiple == "boolean") {
-        selectMultiple.value = props2.multiple;
-        getMultipleValue = (v) => {
-          if (config == null ? void 0 : config.getValue) return config.getValue(v);
-          return v;
-        };
-        setMultipleValue = (v) => {
-          return v;
-        };
-        if (props2.multiple) {
-          setValue(2);
-        } else {
-          setValue(1);
-        }
-      } else if (typeof props2.multiple == "string") {
-        selectMultiple.value = true;
-        getMultipleValue = (v) => {
-          if (config == null ? void 0 : config.getValue) v = config.getValue(v);
-          if (v && Array.isArray(v)) {
-            return v.join(props2.multiple);
-          }
-          return v;
-        };
-        setMultipleValue = (v) => {
-          if (v && typeof v === "string") {
-            return v.split(props2.multiple);
-          }
-          return v;
-        };
-        setValue(3);
-      }
-    }
-  }
-  if (props2.isLoad) {
-    vue.watch(
-      [() => props2.options, () => props2.options.length],
-      () => {
-        if (props2.options && props2.options.length > 0) {
-          const v = getMultipleValue(value.value);
-          if (props2.isOptobj) {
-            const obj = getValueObjs(value.value);
-            if (props2.isClearAbsent) {
-              setClearAbsentValue(obj);
-            }
-            emit("load", v, obj);
-          } else {
-            emit("load", v);
-          }
-        }
-      },
-      {
-        immediate: true
-      }
-    );
-  }
-  function setClearAbsentValue(arr) {
-    if (arr && arr.length > 0) {
-      if (selectMultiple.value) {
-        if (arr.length < value.value.length) {
-          value.value = arr.map((o) => {
-            return use.useVueValue(o, props2.prop);
-          });
-        }
-      }
-    } else if (value.value !== void 0) {
-      value.value = void 0;
-    }
-  }
-  return {
-    setMultipleValue,
-    getMultipleValue,
-    getValueObjs,
-    value,
-    multiple: selectMultiple
-  };
+/**
+* @emits change ( v: 选中的prop 值, obj:[]选择的值对象 )   选择事件
+*/
+var emits = [
+	"update:modelValue",
+	"change",
+	"load"
+];
+/**
+* select选择的通用处理
+* @param props 组件属性
+* @param emit 触发事件
+* @param config 	{ getValue: (v: T) => T } 获取值处理函数
+* @returns
+*/
+function comHandle(props, emit, config) {
+	const selectMultiple = (0, vue.ref)(false);
+	/**
+	* 获取多个值的处理函数
+	* @param v - 需要处理的值
+	* @returns 处理后的值，如果配置了getValue方法则返回该方法的执行结果，否则直接返回原值
+	*/
+	let getMultipleValue = (v) => {
+		if (config?.getValue) return config.getValue(v);
+		return v;
+	};
+	/**
+	* 设置多个值的函数
+	* @param v - 任意类型的输入值
+	* @returns 返回传入的原始值，不进行任何处理
+	*/
+	let setMultipleValue = (v) => {
+		return v;
+	};
+	const value = (0, vue.computed)({
+		get() {
+			const v = setMultipleValue(props.modelValue);
+			if (v === void 0 && props.default !== void 0) value.value = props.default;
+			else return v;
+		},
+		set(d) {
+			if (d === void 0 && props.default !== void 0) d = props.default;
+			const v = getMultipleValue(d);
+			if (props.isOptobj) emit("change", v, getValueObjs(d), props.modelValue);
+			else emit("change", v, void 0, props.modelValue);
+			emit("update:modelValue", v, props.modelValue);
+		}
+	});
+	(0, vue.watch)(() => props.multiple, setMultiple, { immediate: true });
+	/**
+	* 根据传入的值获取对应的选项对象数组
+	* @param v - 要匹配的值，可以是单个值或数组
+	* @returns 匹配的选项对象数组，如果没有匹配项则返回undefined
+	*/
+	function getValueObjs(v) {
+		if (v !== void 0 && v !== null) if (selectMultiple.value && Array.isArray(v)) return props.options?.filter((o) => {
+			return v.includes(require_use.useVueValue(o, props.prop));
+		});
+		else return props.options?.filter((o) => {
+			return require_use.useVueValue(o, props.prop) === v;
+		});
+	}
+	/**
+	* 根据类型设置值
+	* @param type 类型标识，决定值的处理方式
+	*/
+	function setValue(type) {
+		let v = props.modelValue;
+		if (type == 2) {
+			if (!Array.isArray(v)) {
+				if (v !== void 0 && v !== null && v !== "") v = [v];
+			}
+		} else if (Array.isArray(v)) v = v[0];
+		const z = getMultipleValue(v);
+		if (z !== value.value) value.value = z;
+	}
+	/**
+	* 设置多选相关配置和处理函数
+	* @param a - 用于比较的值，决定是否需要更新多选配置
+	* @param b - 用于比较的值，决定是否需要更新多选配置
+	*
+	* 该函数根据props.multiple的类型和值来配置多选相关的处理逻辑：
+	* - 当props.multiple为布尔值时，配置基础的多选处理函数
+	* - 当props.multiple为字符串时，配置基于分隔符的多选值处理函数
+	*/
+	function setMultiple(a, b) {
+		if (a !== b) {
+			if (typeof props.multiple == "boolean") {
+				selectMultiple.value = props.multiple;
+				getMultipleValue = (v) => {
+					if (config?.getValue) return config.getValue(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) => {
+					if (config?.getValue) v = config.getValue(v);
+					if (v && Array.isArray(v)) return v.join(props.multiple);
+					return v;
+				};
+				setMultipleValue = (v) => {
+					if (v && typeof v === "string") return v.split(props.multiple);
+					return v;
+				};
+				setValue(3);
+			}
+		}
+	}
+	if (props.isLoad) (0, vue.watch)([() => props.options, () => props.options.length], () => {
+		if (props.options && props.options.length > 0) {
+			const v = getMultipleValue(value.value);
+			if (props.isOptobj) {
+				const obj = getValueObjs(value.value);
+				if (props.isClearAbsent) setClearAbsentValue(obj);
+				emit("load", v, obj);
+			} else emit("load", v);
+		}
+	}, { immediate: true });
+	/**
+	* 设置并清除缺席值
+	* @param arr - 用于处理的数组参数
+	*/
+	function setClearAbsentValue(arr) {
+		if (arr && arr.length > 0) {
+			if (selectMultiple.value) {
+				if (arr.length < value.value.length) value.value = arr.map((o) => {
+					return require_use.useVueValue(o, props.prop);
+				});
+			}
+		} else if (value.value !== void 0) value.value = void 0;
+	}
+	return {
+		setMultipleValue,
+		getMultipleValue,
+		getValueObjs,
+		value,
+		multiple: selectMultiple
+	};
 }
-const expose = {};
+//#endregion
 exports.comHandle = comHandle;
 exports.emits = emits;
-exports.expose = expose;
 exports.props = props;

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

@@ -51,7 +51,7 @@ export declare const props: {
      * @props { Boolean, String } multiple 是否是多选
      */
     multiple: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
     };
     /**
      * @props { Boolean } isLoad 是否监听options 返回最新值 load