@fangzhongya/fang-ui 0.0.11 → 0.0.13

package/dist/components/common/compons.js

@@ -0,0 +1,76 @@
+import "vue";
+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";
+import "../../utils/vues/getBuildProps.js";
+import "@fangzhongya/utils/css/setObjStyle";
+import "@fangzhongya/utils/css/getCss";
+import { Array } from "../array/index.js";
+import { Checks } from "../checks/index.js";
+import { Dates } from "../dates/index.js";
+import { Selects } from "../selects/index.js";
+import { Inputs } from "../inputs/index.js";
+import { Labels } from "../labels/index.js";
+import { Switchs } from "../switchs/index.js";
+import { Buttons } from "../buttons/index.js";
+import { DatesDivide } from "../dates-divide/index.js";
+import { DatesPicker } from "../dates-picker/index.js";
+import { EditFloat } from "../edit-float/index.js";
+import { Edit } from "../edit/index.js";
+import { History } from "../history/index.js";
+import { Images } from "../images/index.js";
+import { InputArray } from "../input-array/index.js";
+import { InputHistory } from "../input-history/index.js";
+import { InputSelect } from "../input-select/index.js";
+import { SelectScroll } from "../select-scroll/index.js";
+import { Selector } from "../selector/index.js";
+import { Cascaders } from "../cascaders/index.js";
+import { InputNum } from "../input-num/index.js";
+import { Text } from "../text/index.js";
+const components = {
+  Array,
+  Check: Checks,
+  Select: Selects,
+  Date: Dates,
+  Input: Inputs,
+  Labels,
+  Switch: Switchs,
+  Buttons,
+  DateDivide: DatesDivide,
+  DatePicker: DatesPicker,
+  EditFloat,
+  Edit,
+  History,
+  Images,
+  InputArray,
+  InputHistory,
+  InputSelect,
+  SelectScroll,
+  Selector,
+  Cascader: Cascaders,
+  InputNum,
+  Text
+};
+function getCompons(...arrs) {
+  const coms = { ...components };
+  arrs.forEach((obj) => {
+    Object.keys(obj).forEach((key) => {
+      const tkey = lineToLargeHump(key);
+      coms[tkey] = obj[key];
+    });
+  });
+  return coms;
+}
+export {
+  components,
+  getCompons
+};

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

@@ -2,6 +2,10 @@
  * 列数据
  */
 export declare const list = "list";
+/**
+ * 选择数据
+ */
+export declare const options = "options";
 /**
  * 下一级
  */

package/dist/components/common/css.cjs

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const setObjStyle = require("@fangzhongya/utils/css/setObjStyle");
+require("@fangzhongya/utils/css/getCss");
+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;
+  }
+  if (v.whole) {
+    obj.width = "100%";
+  }
+  return setObjStyle.setObjStyle(vst, obj);
+}
+exports.setStyles = setStyles;

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

@@ -0,0 +1,3 @@
+export declare function setStyles(v: ListObj, data: ObjStr, props: ObjAny): string | {
+    [key: string]: string | number;
+};

package/dist/components/common/css.js

@@ -0,0 +1,31 @@
+import { setObjStyle } from "@fangzhongya/utils/css/setObjStyle";
+import "@fangzhongya/utils/css/getCss";
+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;
+  }
+  if (v.whole) {
+    obj.width = "100%";
+  }
+  return setObjStyle(vst, obj);
+}
+export {
+  setStyles
+};

package/dist/components/common/list.cjs

@@ -0,0 +1,205 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require$$0 = require("vue");
+const use = require("./use.cjs");
+const props = {
+  /**
+   * @props { Array } options=[] 数据列表
+   */
+  options: {
+    type: Array,
+    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]
+  }
+};
+const emits = ["update:modelValue", "change", "load"];
+function isValue(v) {
+  if (v) {
+    return true;
+  } else {
+    const t = typeof v;
+    if (["boolean", "number"].includes(t)) {
+      return true;
+    }
+  }
+  return false;
+}
+function comHandle(props2, emit) {
+  const selectMultiple = require$$0.ref(false);
+  let getMultipleValue = (v) => {
+    return v;
+  };
+  let setMultipleValue = (v) => {
+    return v;
+  };
+  const value = require$$0.computed({
+    get() {
+      return setMultipleValue(props2.modelValue);
+    },
+    set(d) {
+      const v = getMultipleValue(d);
+      if (props2.optobj) {
+        emit("change", v, getValueObjs(d), props2.modelValue);
+      } else {
+        emit("change", v, void 0, props2.modelValue);
+      }
+      emit("update:modelValue", v, props2.modelValue);
+    }
+  });
+  require$$0.watch(() => props2.multiple, setMultiple, {
+    immediate: true
+  });
+  function getValueObjs(v) {
+    var _a, _b;
+    if (isValue(v)) {
+      if (selectMultiple.value && v instanceof Array) {
+        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;
+        });
+      }
+    } else {
+      return v;
+    }
+  }
+  function setValue(type) {
+    let v = props2.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(a, b) {
+    if (a !== b) {
+      if (typeof props2.multiple == "boolean") {
+        selectMultiple.value = props2.multiple;
+        getMultipleValue = (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 (v && v instanceof Array) {
+            return v.join(props2.multiple);
+          } else {
+            return v;
+          }
+        };
+        setMultipleValue = (v) => {
+          let arr = [];
+          if (v) {
+            arr = v.split(props2.multiple);
+          }
+          return arr;
+        };
+        setValue(3);
+      }
+    }
+  }
+  if (props2.load) {
+    require$$0.watch(
+      () => props2.options,
+      () => {
+        if (props2.options && props2.options.length > 0) {
+          const v = getMultipleValue(value.value);
+          if (props2.optobj) {
+            const obj = getValueObjs(value.value);
+            if (props2.clearAbsent) {
+              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 {
+    value,
+    multiple: selectMultiple
+  };
+}
+exports.comHandle = comHandle;
+exports.emits = emits;
+exports.props = props;

package/dist/components/common/{data/list.d.ts → list.d.ts}

@@ -1,12 +1,11 @@
-import { ObjAny } from '../../../types/object';
 /**
  * 列表数据，带单多选择的
  */
 export declare const props: {
     /**
-     * @props { Array } list=[] 数据列表
+     * @props { Array } options=[] 数据列表
      */
-    list: {
+    options: {
         type: {
             (arrayLength: number): ObjAny[];
             (...items: ObjAny[]): ObjAny[];
@@ -25,18 +24,21 @@ export declare const props: {
         };
         default(): never[];
     };
+    clearAbsent: {
+        type: BooleanConstructor;
+    };
     /**
      * @props { String, Function } label=label 列表中展示名称
      */
     label: {
-        type: (StringConstructor | FunctionConstructor)[];
+        type: (FunctionConstructor | StringConstructor)[];
         default: string;
     };
     /**
      * @props { String, Function } prop=value 列表中对比的内容
      */
     prop: {
-        type: (StringConstructor | FunctionConstructor)[];
+        type: (FunctionConstructor | StringConstructor)[];
         default: string;
     };
     /**
@@ -51,6 +53,15 @@ export declare const props: {
     multiple: {
         type: (BooleanConstructor | StringConstructor)[];
     };
+    load: {
+        type: BooleanConstructor[];
+    };
+    /**
+     * 是否获取对应对象数据
+     */
+    optobj: {
+        type: BooleanConstructor[];
+    };
 };
 /**
  * @emits change ( v: 选中的prop 值, obj:[]选择的值对象 )   选择事件

package/dist/components/common/list.js

@@ -0,0 +1,205 @@
+import { ref, computed, watch } from "vue";
+import { useVueValue } from "./use.js";
+const props = {
+  /**
+   * @props { Array } options=[] 数据列表
+   */
+  options: {
+    type: Array,
+    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]
+  }
+};
+const emits = ["update:modelValue", "change", "load"];
+function isValue(v) {
+  if (v) {
+    return true;
+  } else {
+    const t = typeof v;
+    if (["boolean", "number"].includes(t)) {
+      return true;
+    }
+  }
+  return false;
+}
+function comHandle(props2, emit) {
+  const selectMultiple = ref(false);
+  let getMultipleValue = (v) => {
+    return v;
+  };
+  let setMultipleValue = (v) => {
+    return v;
+  };
+  const value = computed({
+    get() {
+      return setMultipleValue(props2.modelValue);
+    },
+    set(d) {
+      const v = getMultipleValue(d);
+      if (props2.optobj) {
+        emit("change", v, getValueObjs(d), props2.modelValue);
+      } else {
+        emit("change", v, void 0, props2.modelValue);
+      }
+      emit("update:modelValue", v, props2.modelValue);
+    }
+  });
+  watch(() => props2.multiple, setMultiple, {
+    immediate: true
+  });
+  function getValueObjs(v) {
+    var _a, _b;
+    if (isValue(v)) {
+      if (selectMultiple.value && v instanceof Array) {
+        return (_a = props2.options) == null ? void 0 : _a.filter((o) => {
+          return v.includes(useVueValue(o, props2.prop));
+        });
+      } else {
+        return (_b = props2.options) == null ? void 0 : _b.filter((o) => {
+          return useVueValue(o, props2.prop) === v;
+        });
+      }
+    } else {
+      return v;
+    }
+  }
+  function setValue(type) {
+    let v = props2.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(a, b) {
+    if (a !== b) {
+      if (typeof props2.multiple == "boolean") {
+        selectMultiple.value = props2.multiple;
+        getMultipleValue = (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 (v && v instanceof Array) {
+            return v.join(props2.multiple);
+          } else {
+            return v;
+          }
+        };
+        setMultipleValue = (v) => {
+          let arr = [];
+          if (v) {
+            arr = v.split(props2.multiple);
+          }
+          return arr;
+        };
+        setValue(3);
+      }
+    }
+  }
+  if (props2.load) {
+    watch(
+      () => props2.options,
+      () => {
+        if (props2.options && props2.options.length > 0) {
+          const v = getMultipleValue(value.value);
+          if (props2.optobj) {
+            const obj = getValueObjs(value.value);
+            if (props2.clearAbsent) {
+              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 useVueValue(o, props2.prop);
+          });
+        }
+      }
+    } else {
+      if (value.value !== void 0) {
+        value.value = void 0;
+      }
+    }
+  }
+  return {
+    value,
+    multiple: selectMultiple
+  };
+}
+export {
+  comHandle,
+  emits,
+  props
+};

package/dist/components/common/urls.cjs

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const axios = require("axios");
+const props = {
+  value: {
+    type: Object
+  },
+  /**
+   * @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
+  }
+};
+function comHandle(props2, obj) {
+  return new Promise((resolve, reject) => {
+    obj = Object.assign({}, props2.param, obj);
+    if (props2.onRequestBefore) {
+      obj = props2.onRequestBefore(obj);
+    }
+    if (props2.ajax) {
+      if (typeof props2.ajax === "function") {
+        props2.ajax(obj).then((res) => {
+          let list = res || {};
+          if (props2.onRequestAfter) {
+            list = props2.onRequestAfter(list, obj) || {};
+          }
+          resolve(list);
+        }).catch((err) => {
+          reject(err);
+        });
+      } else {
+        const param = Object.assign(
+          {
+            method: "post"
+          },
+          props2.ajaxConfig ?? {}
+        );
+        if (param.method && param.method.toLowerCase() == "get") {
+          param.params = obj;
+        } else {
+          param.data = obj;
+        }
+        param.url = props2.ajax;
+        axios.request(param).then((res) => {
+          let list = res.data || {};
+          if (props2.onRequestAfter) {
+            list = props2.onRequestAfter(list, obj) || {};
+          }
+          resolve(list);
+        }).catch((err) => {
+          reject(err);
+        });
+      }
+    } else {
+      let list = props2.value || {};
+      if (props2.onRequestAfter) {
+        list = props2.onRequestAfter(list, obj) || {};
+      }
+      resolve(list);
+    }
+  });
+}
+exports.comHandle = comHandle;
+exports.props = props;