@fecp/mobile 1.0.37 → 1.0.39

package/es/packages/mobile/src/components/form/fieldCheckbox/FieldCheckbox.vue.mjs

@@ -1,12 +1,29 @@
-import { computed, createBlock, openBlock, unref, mergeProps, isRef, withCtx, createVNode } from "vue";
+import { computed, createBlock, openBlock, unref, mergeProps, isRef, withCtx, createElementBlock, toDisplayString } from "vue";
 import { MobileField } from "../field/index.mjs";
 import { MobileCheckboxGroup } from "../checkboxGroup/index.mjs";
+const _hoisted_1 = { key: 1 };
 const _sfc_main = {
   __name: "FieldCheckbox",
   props: {
     modelValue: {
       type: String,
       default: ""
+    },
+    options: {
+      type: Array,
+      default: []
+    },
+    fieldNames: {
+      type: Object,
+      default: {
+        text: "text",
+        value: "value",
+        disabled: "disabled"
+      }
+    },
+    readonly: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["update:modelValue"],
@@ -19,37 +36,40 @@ const _sfc_main = {
           if (Array.isArray(props.modelValue)) {
             return props.modelValue;
           } else {
-            return props.modelValue.split(",");
+            return props.modelValue.split("|");
           }
         } else {
           return [];
         }
       },
       set: (val) => {
-        emit("update:modelValue", val.join(","));
+        emit("update:modelValue", val.join("|"));
       }
     });
-    const inputValue = computed({
-      get: () => {
-        return compValue.value.join(",");
-      },
-      set: (val) => {
-        emit("update:modelValue", val);
-      }
+    const fieldTextValue = computed(() => {
+      return compValue.value.map((value) => {
+        const option = props.options.find(
+          (opt) => opt[props.fieldNames.value] === value
+        );
+        return option ? option[props.fieldNames.text] : value;
+      }).join(", ");
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(MobileField), mergeProps(_ctx.$attrs, {
-        modelValue: unref(inputValue),
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(inputValue) ? inputValue.value = $event : null)
+        readonly: __props.readonly,
+        modelValue: unref(fieldTextValue),
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null)
       }), {
         input: withCtx(() => [
-          createVNode(unref(MobileCheckboxGroup), mergeProps(_ctx.$attrs, {
+          !__props.readonly ? (openBlock(), createBlock(unref(MobileCheckboxGroup), mergeProps({ key: 0 }, _ctx.$attrs, {
+            options: __props.options,
+            fieldNames: __props.fieldNames,
             modelValue: unref(compValue),
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(compValue) ? compValue.value = $event : null)
-          }), null, 16, ["modelValue"])
+          }), null, 16, ["options", "fieldNames", "modelValue"])) : (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(fieldTextValue)), 1))
         ]),
         _: 1
-      }, 16, ["modelValue"]);
+      }, 16, ["readonly", "modelValue"]);
     };
   }
 };

package/es/packages/mobile/src/components/form/fieldDatePicker/FieldDatePicker.vue.mjs

@@ -42,7 +42,14 @@ const _sfc_main = {
       type: String,
       default: "1"
     },
-    readonly: false,
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
     "is-link": false
   },
   emits: ["update:modelValue"],
@@ -116,9 +123,14 @@ const _sfc_main = {
       return openBlock(), createBlock(unref(MobileField), mergeProps(_ctx.$attrs, {
         modelValue: unref(fieldTextValue),
         "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
-        "is-link": "",
+        isLink: __props.readonly ? false : true,
         readonly: "",
-        onClick: _cache[5] || (_cache[5] = ($event) => showPicker.value = true)
+        disabled: __props.disabled,
+        onClick: _cache[5] || (_cache[5] = () => {
+          if (!__props.readonly) {
+            showPicker.value = true;
+          }
+        })
       }), createSlots({
         default: withCtx(() => [
           createVNode(_component_van_popup, {
@@ -143,7 +155,7 @@ const _sfc_main = {
         ]),
         _: 2
       }, [
-        unref(fieldTextValue) ? {
+        !__props.readonly && !__props.disabled && unref(fieldTextValue) ? {
           name: "right-icon",
           fn: withCtx(() => [
             createVNode(_component_van_icon, {
@@ -154,7 +166,7 @@ const _sfc_main = {
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["modelValue"]);
+      ]), 1040, ["modelValue", "isLink", "disabled"]);
     };
   }
 };

package/es/packages/mobile/src/components/form/fieldPicker/FieldPicker.vue.mjs

@@ -34,7 +34,14 @@ const _sfc_main = {
       type: String,
       default: ""
     },
-    readonly: false,
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
     "is-link": false
   },
   emits: ["update:modelValue"],
@@ -77,9 +84,14 @@ const _sfc_main = {
       return openBlock(), createBlock(unref(MobileField), mergeProps(_ctx.$attrs, {
         modelValue: unref(fieldTextValue),
         "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
-        "is-link": "",
+        isLink: __props.readonly ? false : true,
         readonly: "",
-        onClick: _cache[4] || (_cache[4] = ($event) => showPicker.value = true)
+        disabled: __props.disabled,
+        onClick: _cache[4] || (_cache[4] = () => {
+          if (!__props.readonly) {
+            showPicker.value = true;
+          }
+        })
       }), createSlots({
         default: withCtx(() => [
           createVNode(_component_van_popup, {
@@ -103,7 +115,7 @@ const _sfc_main = {
         ]),
         _: 2
       }, [
-        unref(fieldTextValue) ? {
+        !__props.readonly && !__props.disabled && unref(fieldTextValue) ? {
           name: "right-icon",
           fn: withCtx(() => [
             createVNode(_component_van_icon, {
@@ -114,7 +126,7 @@ const _sfc_main = {
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["modelValue"]);
+      ]), 1040, ["modelValue", "isLink", "disabled"]);
     };
   }
 };

package/es/packages/mobile/src/components/form/fieldRadio/FieldRadio.vue.mjs

@@ -1,16 +1,65 @@
-import { createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createVNode } from "vue";
+import { computed, createBlock, openBlock, unref, mergeProps, isRef, withCtx, createElementBlock, toDisplayString } from "vue";
 import { MobileField } from "../field/index.mjs";
 import { MobileRadioGroup } from "../radioGroup/index.mjs";
+const _hoisted_1 = { key: 1 };
 const _sfc_main = {
   __name: "FieldRadio",
-  setup(__props) {
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    options: {
+      type: Array,
+      default: []
+    },
+    fieldNames: {
+      type: Object,
+      default: {
+        text: "text",
+        value: "value",
+        disabled: "disabled"
+      }
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const compValue = computed({
+      get: () => {
+        return props.modelValue;
+      },
+      set: (val) => {
+        emit("update:modelValue", val);
+      }
+    });
+    const fieldTextValue = computed(() => {
+      const selectedOption = props.options.find(
+        (option) => option[props.fieldNames.value] === compValue.value
+      );
+      return selectedOption ? selectedOption[props.fieldNames.text] : "";
+    });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(MobileField), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+      return openBlock(), createBlock(unref(MobileField), mergeProps(_ctx.$attrs, {
+        readonly: __props.readonly,
+        modelValue: unref(fieldTextValue),
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null)
+      }), {
         input: withCtx(() => [
-          createVNode(unref(MobileRadioGroup), normalizeProps(guardReactiveProps(_ctx.$attrs)), null, 16)
+          !__props.readonly ? (openBlock(), createBlock(unref(MobileRadioGroup), mergeProps({ key: 0 }, _ctx.$attrs, {
+            options: __props.options,
+            fieldNames: __props.fieldNames,
+            modelValue: unref(compValue),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(compValue) ? compValue.value = $event : null)
+          }), null, 16, ["options", "fieldNames", "modelValue"])) : (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(fieldTextValue)), 1))
         ]),
         _: 1
-      }, 16);
+      }, 16, ["readonly", "modelValue"]);
     };
   }
 };

package/es/packages/mobile/src/components/form/fieldTimePicker/FieldTimePicker.vue.mjs

@@ -43,7 +43,14 @@ const _sfc_main = {
       default: "hour,minute"
       // default: ["hour", "minute", "second"],
     },
-    readonly: false,
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
     "is-link": false
   },
   emits: ["update:modelValue"],
@@ -118,9 +125,14 @@ const _sfc_main = {
       return openBlock(), createBlock(unref(MobileField), mergeProps(_ctx.$attrs, {
         modelValue: unref(fieldTextValue),
         "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
-        "is-link": "",
+        isLink: __props.readonly ? false : true,
         readonly: "",
-        onClick: _cache[5] || (_cache[5] = ($event) => showPicker.value = true)
+        disabled: __props.disabled,
+        onClick: _cache[5] || (_cache[5] = () => {
+          if (!__props.readonly) {
+            showPicker.value = true;
+          }
+        })
       }), createSlots({
         default: withCtx(() => [
           createVNode(_component_van_popup, {
@@ -145,7 +157,7 @@ const _sfc_main = {
         ]),
         _: 2
       }, [
-        unref(fieldTextValue) ? {
+        !__props.readonly && !__props.disabled && unref(fieldTextValue) ? {
           name: "right-icon",
           fn: withCtx(() => [
             createVNode(_component_van_icon, {
@@ -156,7 +168,7 @@ const _sfc_main = {
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["modelValue"]);
+      ]), 1040, ["modelValue", "isLink", "disabled"]);
     };
   }
 };

package/es/packages/mobile/src/components/form/form/Form.vue.mjs

@@ -10,6 +10,14 @@ const _sfc_main = {
       type: Object,
       default: {}
     },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
     isCard: {
       //卡片风格
       type: Boolean,
@@ -29,6 +37,14 @@ const _sfc_main = {
       }
     });
     provide("formData", formData);
+    provide(
+      "formDisabled",
+      computed(() => props.disabled)
+    );
+    provide(
+      "formReadonly",
+      computed(() => props.readonly)
+    );
     return (_ctx, _cache) => {
       const _component_van_cell_group = CellGroup;
       const _component_van_form = Form;

package/es/packages/mobile/src/components/form/formItem/FormItem.vue.mjs

@@ -6,7 +6,16 @@ const _sfc_main = {
     fieldType: {
       type: String,
       default: "text"
-    }
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    placeholder: String
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -32,6 +41,20 @@ const _sfc_main = {
       }
     });
     const formData = inject("formData");
+    const formDisabled = inject("formDisabled");
+    const formReadonly = inject("formReadonly");
+    const formItemDisabled = computed(() => {
+      if (formDisabled.value) {
+        return formDisabled.value;
+      }
+      return props.disabled;
+    });
+    const formItemReadonly = computed(() => {
+      if (formReadonly.value) {
+        return formReadonly.value;
+      }
+      return props.readonly;
+    });
     const attrs = useAttrs();
     const emit = __emit;
     const compValue = computed({
@@ -58,8 +81,11 @@ const _sfc_main = {
         modelValue: unref(compValue),
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(compValue) ? compValue.value = $event : null),
         rules: unref(rules),
-        required: "auto"
-      }), null, 16, ["modelValue", "rules"]);
+        required: "auto",
+        disabled: unref(formItemDisabled),
+        readonly: unref(formItemReadonly),
+        placeholder: unref(formItemReadonly) ? "" : __props.placeholder
+      }), null, 16, ["modelValue", "rules", "disabled", "readonly", "placeholder"]);
     };
   }
 };

package/es/packages/mobile/src/utils/dateUtil.mjs

@@ -25,6 +25,36 @@ const parseDateFormatter = (textFormatType, columnsType) => {
     } else if (textFormatType == "3") {
       return "YYYY年MM月DD日";
     }
+  } else if (columnsTypeArr.length == 4) {
+    if (textFormatType == "0") {
+      return "YYYYMMDD HH";
+    } else if (textFormatType == "1") {
+      return "YYYY-MM-DD HH";
+    } else if (textFormatType == "2") {
+      return "YYYY/MM/DD HH";
+    } else if (textFormatType == "3") {
+      return "YYYY年MM月DD日 HH";
+    }
+  } else if (columnsTypeArr.length == 5) {
+    if (textFormatType == "0") {
+      return "YYYYMMDD HH:mm";
+    } else if (textFormatType == "1") {
+      return "YYYY-MM-DD HH:mm";
+    } else if (textFormatType == "2") {
+      return "YYYY/MM/DD HH:mm";
+    } else if (textFormatType == "3") {
+      return "YYYY年MM月DD日 HH:mm";
+    }
+  } else if (columnsTypeArr.length == 6) {
+    if (textFormatType == "0") {
+      return "YYYYMMDD HH:mm:ss";
+    } else if (textFormatType == "1") {
+      return "YYYY-MM-DD HH:mm:ss";
+    } else if (textFormatType == "2") {
+      return "YYYY/MM/DD HH:mm:ss";
+    } else if (textFormatType == "3") {
+      return "YYYY年MM月DD日 HH时mm分ss秒";
+    }
   }
 };
 const parseTimeFormatter = (textFormatType, columnsType) => {

package/es/packages/mobile/src/utils/formatterUtil.mjs

@@ -0,0 +1,99 @@
+import hooks from "../../../../node_modules/.pnpm/moment@2.30.1/node_modules/moment/dist/moment.mjs";
+import { parseDateFormatter } from "./dateUtil.mjs";
+import XEUtils from "../../../../_virtual/index.mjs";
+const selectFormatter = (value, options) => {
+  const item = options.find((item2) => item2.value === value);
+  return item ? item.label : value;
+};
+const multipleFormatter = (value, options) => {
+  const values = value == null ? void 0 : value.split("|");
+  const labels = [];
+  values == null ? void 0 : values.forEach((val) => {
+    const option = options.find((opt) => opt.value == val);
+    if (option) {
+      labels.push(option.label);
+    }
+  });
+  return labels.join(", ");
+};
+const cascadeFormatter = (value, options) => {
+  const values = value == null ? void 0 : value.split("/");
+  const labels = [];
+  let currentOptions = options;
+  for (let i = 0; i < (values == null ? void 0 : values.length); i++) {
+    const currentValue = values[i];
+    const option = currentOptions.find((opt) => opt.value === currentValue);
+    if (option) {
+      labels.push(option.label);
+      if (option.children && i < values.length - 1) {
+        currentOptions = option.children;
+      }
+    } else {
+      break;
+    }
+  }
+  return labels.join("/");
+};
+const dateFormatter = (value, dateType, formatterType) => {
+  let dateValue;
+  if (!isNaN(value) && (value + "").length == 13) {
+    dateValue = hooks(Number(value));
+  } else {
+    dateValue = hooks(value, "YYYYMMDD");
+  }
+  const textFormat = parseDateFormatter(formatterType, dateType);
+  return dateValue.format(textFormat);
+};
+const textFormatter = (value, dataFormatter) => {
+  switch (dataFormatter) {
+    case "money(yuan)":
+    case "money(wan)":
+    case "money(yi)":
+      return moneyFormatter(value, dataFormatter);
+    case "bankCard":
+      return XEUtils.commafy(XEUtils.toValueString(value), {
+        spaceNumber: 4,
+        separator: " "
+      });
+    case "percent":
+      value = XEUtils.multiply(XEUtils.toNumber(value), 100);
+      value = XEUtils.toFixed(value, 2);
+      return value;
+    case "thousand":
+      value = XEUtils.multiply(XEUtils.toNumber(value), 1e3);
+      value = XEUtils.toFixed(value, 2);
+      return value;
+    case "tenThousand":
+      value = XEUtils.multiply(XEUtils.toNumber(value), 1e4);
+      value = XEUtils.toFixed(value, 2);
+      return value;
+    default:
+      return value;
+  }
+};
+const moneyFormatter = (value, dataFormatter) => {
+  let moneyValue;
+  switch (dataFormatter) {
+    case "money(yuan)":
+      moneyValue = XEUtils.toNumber(value);
+      break;
+    case "money(wan)":
+      moneyValue = XEUtils.divide(XEUtils.toNumber(value), 1e4);
+      break;
+    case "money(yi)":
+      moneyValue = XEUtils.divide(XEUtils.toNumber(value), 1e8);
+      break;
+    default:
+      moneyValue = XEUtils.toNumber(value);
+      break;
+  }
+  return XEUtils.commafy(moneyValue, { digits: 2 });
+};
+export {
+  cascadeFormatter,
+  dateFormatter,
+  moneyFormatter,
+  multipleFormatter,
+  selectFormatter,
+  textFormatter
+};