@fangzhongya/fang-ui 0.0.11 → 0.0.13

package/dist/components/forms/src/setup.js

@@ -0,0 +1,247 @@
+import { dataHandle } from "./data.js";
+import { getRule } from "./util.js";
+import { setObjStyle } from "@fangzhongya/utils/css/setObjStyle";
+import "@fangzhongya/utils/css/getCss";
+import { setFormDefaultValue, getFormRule } from "../../common/use.js";
+import { computed, provide, ref, watch, isProxy } from "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 { getCompons } from "../../common/compons.js";
+import { FormsItems } from "../../forms-items/index.js";
+const Components = {
+  Items: FormsItems
+};
+const Changes = [
+  "Select",
+  "Date",
+  "Array",
+  "Check",
+  "Labels",
+  "Switch",
+  "Cascader"
+];
+function setUp(props, emit, cs, refForm) {
+  const buts = computed(() => {
+    if (typeof props.buts == "undefined") {
+      return [
+        {
+          _id: "2",
+          label: "关闭"
+        },
+        {
+          _id: "1",
+          type: "primary",
+          label: "确认"
+        }
+      ];
+    } else {
+      return props.buts || [];
+    }
+  });
+  const tfcom = getCompons(Components, props.compons);
+  provide("forms-compons", tfcom);
+  provide("forms-form", props);
+  const defaultValue = {};
+  const getDataForm = () => {
+    if (props.modelValue) {
+      if (isProxy(props.modelValue)) {
+        return computed({
+          get() {
+            return props.modelValue;
+          },
+          set(value) {
+            emit("update:modelValue", value);
+          }
+        });
+      } else {
+        return ref(props.modelValue);
+      }
+    } else {
+      return ref(defaultValue);
+    }
+  };
+  const dataForm = getDataForm();
+  const styles = computed(() => {
+    return cs.vdo({
+      "inline-right": props.inlineRight,
+      "item-bottom": props.query ? "0px" : props.itemBottom
+    });
+  });
+  function setStyles(v) {
+    const style = v.style || {};
+    let vst;
+    if (typeof style === "function") {
+      vst = style(v, dataForm.value) || {};
+    } else {
+      vst = style;
+    }
+    const obj = {};
+    const minWidth = v.minWidth ?? props.rowMinWidth;
+    const width = v.width ?? props.rowWidth;
+    if (width) {
+      obj.width = width;
+    } else {
+      if (props.column > 1) {
+        obj.width = Number((100 / props.column).toFixed(2)) + "%";
+      }
+    }
+    if (minWidth) {
+      obj.minWidth = minWidth;
+    }
+    if (v.whole) {
+      obj.display = "block";
+      obj.width = "100%";
+    }
+    return setObjStyle(vst, obj);
+  }
+  function getRules() {
+    const rules = {};
+    const setListValue = (arr, listobj) => {
+      arr == null ? void 0 : arr.forEach((obj) => {
+        var _a, _b;
+        if (listobj) {
+          obj.father = obj.father ?? listobj;
+        }
+        if (obj.children) {
+          setListValue(obj.children, obj);
+        }
+        if (obj.prop) {
+          setFormDefaultValue(obj, dataForm.value);
+        }
+        let trigger = 1;
+        if (typeof obj.compon == "string") {
+          if (Changes.includes(lineToLargeHump(obj.compon))) {
+            trigger = 2;
+          }
+        }
+        obj.config = obj.config ?? {};
+        if (((_a = obj.config) == null ? void 0 : _a.placeholder) === void 0) {
+          obj.config.placeholder = (trigger == 1 ? "请输入" : "请选择") + obj.label;
+        }
+        if (((_b = obj.config) == null ? void 0 : _b.clearable) === void 0) {
+          obj.config.clearable = true;
+        }
+        if (obj.prop) {
+          const p = getFormRule(obj) ?? obj.prop;
+          obj.__prop = p;
+          if (obj.rules) {
+            rules[p] = obj.rules;
+          } else if (obj.rule) {
+            rules[p] = getRule(trigger, obj, dataForm, refForm);
+          } else {
+            rules[p] = [];
+          }
+        }
+      });
+    };
+    setListValue(props.list);
+    return rules;
+  }
+  const dataRules = ref(getRules());
+  watch(
+    () => dataForm.value,
+    () => {
+      emit("upform", dataForm.value);
+    },
+    { deep: true }
+  );
+  watch(
+    () => props.list.length,
+    () => {
+      dataRules.value = getRules();
+    }
+  );
+  function validate() {
+    return new Promise((resolve, reject) => {
+      if (refForm.value) {
+        refForm.value.validate((valid) => {
+          if (valid) {
+            resolve(dataForm.value);
+          } else {
+            reject();
+          }
+        });
+      } else {
+        reject();
+      }
+    });
+  }
+  function submitForm(callback) {
+    validate().then((obj) => {
+      if (props.ajax) {
+        dataHandle(props, obj).then((list) => {
+          if (callback) {
+            callback(list, true);
+          }
+          emit("submit", list);
+        }).catch((res) => {
+          if (callback) {
+            callback(res, false);
+          }
+          emit("submit", res);
+        });
+      } else {
+        if (callback) {
+          callback(obj);
+        }
+        emit("submit", obj);
+      }
+    }).catch(() => {
+    });
+  }
+  function resetFields() {
+    var _a;
+    (_a = refForm.value) == null ? void 0 : _a.resetFields();
+  }
+  function validateField(...arr) {
+    var _a;
+    (_a = refForm.value) == null ? void 0 : _a.validateField(...arr);
+  }
+  function closeForm() {
+    resetFields();
+    emit("cancel", dataForm.value);
+  }
+  function onClickButs(obj, index, event) {
+    if (obj._id == 1) {
+      submitForm();
+    } else if (obj._id == 2) {
+      closeForm();
+    } else {
+      if (obj.click) {
+        obj.click(obj, dataForm.value, index, event);
+      } else {
+        emit("buts", obj, dataForm.value, index, event);
+      }
+    }
+  }
+  if (props.query) {
+    emit("submit", dataForm.value);
+  }
+  return {
+    dataRules,
+    dataForm,
+    buts,
+    styles,
+    setStyles,
+    onClickButs,
+    submitForm,
+    validateField,
+    resetFields,
+    closeForm,
+    validate
+  };
+}
+export {
+  setUp
+};

package/dist/components/forms/src/util.cjs

@@ -1,85 +1,122 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const types = [
-  "select",
-  "inputs",
-  "cascader",
-  "date",
-  "time",
-  "upload",
-  "position",
-  "search"
-];
-const judge = {};
-function getRule(v, getLocale) {
-  let type = v.type, name = v.label, multiple = v.multiple, obj = v.rule;
-  if (typeof v.multiple != "boolean") {
+const use = require("../../common/use.cjs");
+const judge = require("@fangzhongya/utils/judge/judge");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const judge__namespace = /* @__PURE__ */ _interopNamespaceDefault(judge);
+function getRule(trigger, obj, data, refForm) {
+  var _a;
+  const name = obj.label;
+  let multiple = obj.multiple ?? ((_a = obj.config) == null ? void 0 : _a.multiple);
+  const rule = obj.rule;
+  if (typeof multiple != "boolean") {
     multiple = false;
   }
-  let trigger = 1;
   let required = true;
   let jyjudgev = "";
-  if (typeof obj == "string") {
-    trigger = 1;
-    jyjudgev = obj;
-    required = false;
-  } else if (typeof obj == "number") {
-    required = true;
-    trigger = obj;
-  } else if (typeof obj == "boolean") {
-    required = true;
-    trigger = 1;
-    if (types.includes(type)) {
-      trigger = 2;
-    }
-  } else {
-    trigger = obj.type || 1;
-    required = obj.must || true;
-    jyjudgev = obj.judge;
+  switch (typeof rule) {
+    case "string":
+      jyjudgev = rule;
+      required = false;
+      break;
+    case "number":
+      required = true;
+      trigger = rule;
+      break;
+    case "boolean":
+      required = true;
+      break;
+    case "object":
+      if (rule) {
+        trigger = rule.type ?? trigger;
+        required = rule.must ?? true;
+        jyjudgev = rule.judge;
+      }
+      break;
   }
-  let typename = trigger == 1 ? getLocale("form.import") : getLocale("form.select");
-  let validator = function(rule, val, callback) {
+  required = obj.required ?? required;
+  let inputPrompt = trigger == 1 ? "请输入" : "请选择";
+  let validator = function(rule2, value, callback) {
     callback();
   };
-  if (jyjudgev && judge[jyjudgev]) {
-    let jyf = judge[jyjudgev];
-    let isjy = function(val) {
-      return !jyf(val);
+  if (jyjudgev) {
+    let isJudgeFailed = function(value) {
+      return false;
+    };
+    let processCallback = function(callback, value, data2, refForm2, obj2) {
+      callback();
     };
+    if (typeof jyjudgev == "string") {
+      let judgeFun = judge__namespace[jyjudgev] ?? function(value) {
+        return true;
+      };
+      isJudgeFailed = function(value) {
+        return !judgeFun(value);
+      };
+    } else {
+      processCallback = jyjudgev;
+    }
     if (required) {
-      validator = function(rule, val, callback) {
-        if (v.hide) {
+      validator = function(rule2, value, callback) {
+        if (use.useHide(obj, data.value)) {
           callback();
-        } else if (!val && val !== 0) {
-          callback(new Error(typename + name));
-        } else if (multiple && val.length == 0) {
-          callback(new Error(typename + name));
-        } else if (isjy(val)) {
-          callback(new Error(name + getLocale("form.verif")));
+        } else if (!value && value !== 0) {
+          callback(new Error(inputPrompt + name));
+        } else if (multiple && value.length == 0) {
+          callback(new Error(inputPrompt + name));
+        } else if (isJudgeFailed(value)) {
+          callback(new Error(name + "校验失败"));
         } else {
-          callback();
+          processCallback(
+            callback,
+            value,
+            data.value,
+            refForm.value,
+            obj
+          );
         }
       };
     } else {
-      validator = function(rule, val, callback) {
-        if (v.hide) {
+      validator = function(rule2, value, callback) {
+        if (use.useHide(obj, data.value)) {
           callback();
-        } else if (val && val !== 0 && isjy(val)) {
-          callback(new Error(name + getLocale("form.verif")));
+        } else if (value && value !== 0 && isJudgeFailed(value)) {
+          callback(new Error(name + "校验失败"));
         } else {
-          callback();
+          processCallback(
+            callback,
+            value,
+            data.value,
+            refForm.value,
+            obj
+          );
         }
       };
     }
   } else {
     if (required) {
-      validator = function(rule, val, callback) {
-        if (v.hide) {
+      validator = function(rule2, value, callback) {
+        if (use.useHide(obj, data.value)) {
           callback();
-        } else if (!val && val !== 0) {
-          callback(new Error(typename + name));
-        } else if (multiple && val.length == 0) {
-          callback(new Error(typename + name));
+        } else if (!value && value !== 0) {
+          callback(new Error(inputPrompt + name));
+        } else if (multiple && value.length == 0) {
+          callback(new Error(inputPrompt + name));
         } else {
           callback();
         }
@@ -89,7 +126,7 @@ function getRule(v, getLocale) {
   return {
     required,
     validator,
-    trigger: ["blur", "change"]
+    trigger: trigger == 1 ? "blur" : "change"
   };
 }
 exports.getRule = getRule;

package/dist/components/forms/src/util.d.ts

@@ -1,11 +1,22 @@
-import { ListObj } from './data';
-import { Translator } from '../../types/locale';
+type Rule = {
+    required?: boolean;
+    validator: Function;
+    trigger: string | string[];
+};
+export type Rules = {
+    [key: string]: Array<Rule> | Rule;
+};
 /**
  * 后期要实现 v.rule 多匹配，
  * 错误提示自定义
  */
-export declare function getRule(v: ListObj, getLocale: Translator): {
-    required: boolean;
-    validator: (rule: any, val: any, callback: Function) => void;
-    trigger: string[];
-};
+/**
+ * 获取表单校验规则
+ * @param {number} trigger 校验触发类型
+ * @param {ListObj} obj 表单项配置对象
+ * @param {any} data 表单数据
+ * @param {any} refForm 表单引用
+ * @returns {{ required: boolean, validator: Function, trigger: string }}
+ */
+export declare function getRule(trigger: number, obj: ListObj, data: any, refForm: any): Rule;
+export {};

package/dist/components/forms/src/util.js

@@ -1,83 +1,103 @@
-const types = [
-  "select",
-  "inputs",
-  "cascader",
-  "date",
-  "time",
-  "upload",
-  "position",
-  "search"
-];
-const judge = {};
-function getRule(v, getLocale) {
-  let type = v.type, name = v.label, multiple = v.multiple, obj = v.rule;
-  if (typeof v.multiple != "boolean") {
+import { useHide } from "../../common/use.js";
+import * as judge from "@fangzhongya/utils/judge/judge";
+function getRule(trigger, obj, data, refForm) {
+  var _a;
+  const name = obj.label;
+  let multiple = obj.multiple ?? ((_a = obj.config) == null ? void 0 : _a.multiple);
+  const rule = obj.rule;
+  if (typeof multiple != "boolean") {
     multiple = false;
   }
-  let trigger = 1;
   let required = true;
   let jyjudgev = "";
-  if (typeof obj == "string") {
-    trigger = 1;
-    jyjudgev = obj;
-    required = false;
-  } else if (typeof obj == "number") {
-    required = true;
-    trigger = obj;
-  } else if (typeof obj == "boolean") {
-    required = true;
-    trigger = 1;
-    if (types.includes(type)) {
-      trigger = 2;
-    }
-  } else {
-    trigger = obj.type || 1;
-    required = obj.must || true;
-    jyjudgev = obj.judge;
+  switch (typeof rule) {
+    case "string":
+      jyjudgev = rule;
+      required = false;
+      break;
+    case "number":
+      required = true;
+      trigger = rule;
+      break;
+    case "boolean":
+      required = true;
+      break;
+    case "object":
+      if (rule) {
+        trigger = rule.type ?? trigger;
+        required = rule.must ?? true;
+        jyjudgev = rule.judge;
+      }
+      break;
   }
-  let typename = trigger == 1 ? getLocale("form.import") : getLocale("form.select");
-  let validator = function(rule, val, callback) {
+  required = obj.required ?? required;
+  let inputPrompt = trigger == 1 ? "请输入" : "请选择";
+  let validator = function(rule2, value, callback) {
     callback();
   };
-  if (jyjudgev && judge[jyjudgev]) {
-    let jyf = judge[jyjudgev];
-    let isjy = function(val) {
-      return !jyf(val);
+  if (jyjudgev) {
+    let isJudgeFailed = function(value) {
+      return false;
+    };
+    let processCallback = function(callback, value, data2, refForm2, obj2) {
+      callback();
     };
+    if (typeof jyjudgev == "string") {
+      let judgeFun = judge[jyjudgev] ?? function(value) {
+        return true;
+      };
+      isJudgeFailed = function(value) {
+        return !judgeFun(value);
+      };
+    } else {
+      processCallback = jyjudgev;
+    }
     if (required) {
-      validator = function(rule, val, callback) {
-        if (v.hide) {
+      validator = function(rule2, value, callback) {
+        if (useHide(obj, data.value)) {
           callback();
-        } else if (!val && val !== 0) {
-          callback(new Error(typename + name));
-        } else if (multiple && val.length == 0) {
-          callback(new Error(typename + name));
-        } else if (isjy(val)) {
-          callback(new Error(name + getLocale("form.verif")));
+        } else if (!value && value !== 0) {
+          callback(new Error(inputPrompt + name));
+        } else if (multiple && value.length == 0) {
+          callback(new Error(inputPrompt + name));
+        } else if (isJudgeFailed(value)) {
+          callback(new Error(name + "校验失败"));
         } else {
-          callback();
+          processCallback(
+            callback,
+            value,
+            data.value,
+            refForm.value,
+            obj
+          );
         }
       };
     } else {
-      validator = function(rule, val, callback) {
-        if (v.hide) {
+      validator = function(rule2, value, callback) {
+        if (useHide(obj, data.value)) {
           callback();
-        } else if (val && val !== 0 && isjy(val)) {
-          callback(new Error(name + getLocale("form.verif")));
+        } else if (value && value !== 0 && isJudgeFailed(value)) {
+          callback(new Error(name + "校验失败"));
         } else {
-          callback();
+          processCallback(
+            callback,
+            value,
+            data.value,
+            refForm.value,
+            obj
+          );
         }
       };
     }
   } else {
     if (required) {
-      validator = function(rule, val, callback) {
-        if (v.hide) {
+      validator = function(rule2, value, callback) {
+        if (useHide(obj, data.value)) {
           callback();
-        } else if (!val && val !== 0) {
-          callback(new Error(typename + name));
-        } else if (multiple && val.length == 0) {
-          callback(new Error(typename + name));
+        } else if (!value && value !== 0) {
+          callback(new Error(inputPrompt + name));
+        } else if (multiple && value.length == 0) {
+          callback(new Error(inputPrompt + name));
         } else {
           callback();
         }
@@ -87,7 +107,7 @@ function getRule(v, getLocale) {
   return {
     required,
     validator,
-    trigger: ["blur", "change"]
+    trigger: trigger == 1 ? "blur" : "change"
   };
 }
 export {

package/dist/components/forms-div/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                   */
+const withInstall = require("../../utils/vues/withInstall.cjs");
+const index_vue_vue_type_script_lang = require("./src/index.cjs");
+const FormsDiv = withInstall.withInstall(index_vue_vue_type_script_lang.default, "FormsDiv");
+exports.FormsDiv = FormsDiv;
+exports.default = FormsDiv;

package/dist/components/forms-div/index.css

@@ -0,0 +1,26 @@
+:root {
+  --el-icon-picker-on: rgb(91, 189, 246);
+  --el-icon-picker-border: #eee;
+  --el-color-primary: #409eff;
+  --el-bag-primary: #409eff;
+  --el-bag-primary-text: #fff;
+  --el-border: #eee;
+  --el-layout-panel-gap: 10px;
+  --el-layout-panel-padding: 20px;
+  --el-layout-form-item-padding-right: var(
+  	--el-layout-panel-gap
+  );
+  --el-g-main-bg: var(--el-bg-color-page);
+}
+
+.el-com {
+  font-size: 20px;
+}
+
+.el-forms-div {
+  width: 100%;
+  height: 100%;
+}
+.el-forms-div-com {
+  height: 100%;
+}