@fecp/mobile 1.0.36 → 1.0.38

package/lib/packages/mobile/src/components/form/fieldDatePicker/FieldDatePicker.vue.js

@@ -118,9 +118,13 @@ const _sfc_main = {
       return vue.openBlock(), vue.createBlock(vue.unref(index.MobileField), vue.mergeProps(_ctx.$attrs, {
         modelValue: vue.unref(fieldTextValue),
         "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
-        "is-link": "",
+        isLink: __props.readonly ? false : true,
         readonly: "",
-        onClick: _cache[5] || (_cache[5] = ($event) => showPicker.value = true)
+        onClick: _cache[5] || (_cache[5] = () => {
+          if (!__props.readonly) {
+            showPicker.value = true;
+          }
+        })
       }), vue.createSlots({
         default: vue.withCtx(() => [
           vue.createVNode(_component_van_popup, {
@@ -145,7 +149,7 @@ const _sfc_main = {
         ]),
         _: 2
       }, [
-        vue.unref(fieldTextValue) ? {
+        !__props.readonly && vue.unref(fieldTextValue) ? {
           name: "right-icon",
           fn: vue.withCtx(() => [
             vue.createVNode(_component_van_icon, {
@@ -156,7 +160,7 @@ const _sfc_main = {
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["modelValue"]);
+      ]), 1040, ["modelValue", "isLink"]);
     };
   }
 };

package/lib/packages/mobile/src/components/form/fieldPicker/FieldPicker.vue.js

@@ -79,9 +79,13 @@ const _sfc_main = {
       return vue.openBlock(), vue.createBlock(vue.unref(index.MobileField), vue.mergeProps(_ctx.$attrs, {
         modelValue: vue.unref(fieldTextValue),
         "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
-        "is-link": "",
+        isLink: __props.readonly ? false : true,
         readonly: "",
-        onClick: _cache[4] || (_cache[4] = ($event) => showPicker.value = true)
+        onClick: _cache[4] || (_cache[4] = () => {
+          if (!__props.readonly) {
+            showPicker.value = true;
+          }
+        })
       }), vue.createSlots({
         default: vue.withCtx(() => [
           vue.createVNode(_component_van_popup, {
@@ -105,7 +109,7 @@ const _sfc_main = {
         ]),
         _: 2
       }, [
-        vue.unref(fieldTextValue) ? {
+        !__props.readonly && vue.unref(fieldTextValue) ? {
           name: "right-icon",
           fn: vue.withCtx(() => [
             vue.createVNode(_component_van_icon, {
@@ -116,7 +120,7 @@ const _sfc_main = {
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["modelValue"]);
+      ]), 1040, ["modelValue", "isLink"]);
     };
   }
 };

package/lib/packages/mobile/src/components/form/fieldRadio/FieldRadio.vue.js

@@ -3,16 +3,65 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const index = require("../field/index.js");
 const index$1 = require("../radioGroup/index.js");
+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 = vue.computed({
+      get: () => {
+        return props.modelValue;
+      },
+      set: (val) => {
+        emit("update:modelValue", val);
+      }
+    });
+    const fieldTextValue = vue.computed(() => {
+      const selectedOption = props.options.find(
+        (option) => option[props.fieldNames.value] === compValue.value
+      );
+      return selectedOption ? selectedOption[props.fieldNames.text] : "";
+    });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index.MobileField), vue.normalizeProps(vue.guardReactiveProps(_ctx.$attrs)), {
+      return vue.openBlock(), vue.createBlock(vue.unref(index.MobileField), vue.mergeProps(_ctx.$attrs, {
+        readonly: __props.readonly,
+        modelValue: vue.unref(fieldTextValue),
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(fieldTextValue) ? fieldTextValue.value = $event : null)
+      }), {
         input: vue.withCtx(() => [
-          vue.createVNode(vue.unref(index$1.MobileRadioGroup), vue.normalizeProps(vue.guardReactiveProps(_ctx.$attrs)), null, 16)
+          !__props.readonly ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.MobileRadioGroup), vue.mergeProps({ key: 0 }, _ctx.$attrs, {
+            options: __props.options,
+            fieldNames: __props.fieldNames,
+            modelValue: vue.unref(compValue),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(compValue) ? compValue.value = $event : null)
+          }), null, 16, ["options", "fieldNames", "modelValue"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(vue.unref(fieldTextValue)), 1))
         ]),
         _: 1
-      }, 16);
+      }, 16, ["readonly", "modelValue"]);
     };
   }
 };

package/lib/packages/mobile/src/components/form/fieldTimePicker/FieldTimePicker.vue.js

@@ -120,9 +120,13 @@ const _sfc_main = {
       return vue.openBlock(), vue.createBlock(vue.unref(index.MobileField), vue.mergeProps(_ctx.$attrs, {
         modelValue: vue.unref(fieldTextValue),
         "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
-        "is-link": "",
+        isLink: __props.readonly ? false : true,
         readonly: "",
-        onClick: _cache[5] || (_cache[5] = ($event) => showPicker.value = true)
+        onClick: _cache[5] || (_cache[5] = () => {
+          if (!__props.readonly) {
+            showPicker.value = true;
+          }
+        })
       }), vue.createSlots({
         default: vue.withCtx(() => [
           vue.createVNode(_component_van_popup, {
@@ -147,7 +151,7 @@ const _sfc_main = {
         ]),
         _: 2
       }, [
-        vue.unref(fieldTextValue) ? {
+        !__props.readonly && vue.unref(fieldTextValue) ? {
           name: "right-icon",
           fn: vue.withCtx(() => [
             vue.createVNode(_component_van_icon, {
@@ -158,7 +162,7 @@ const _sfc_main = {
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["modelValue"]);
+      ]), 1040, ["modelValue", "isLink"]);
     };
   }
 };

package/lib/packages/mobile/src/components/form/form/Form.vue.js

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

package/lib/packages/mobile/src/components/form/formItem/FormItem.vue.js

@@ -8,7 +8,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 }) {
@@ -34,6 +43,20 @@ const _sfc_main = {
       }
     });
     const formData = vue.inject("formData");
+    const formDisabled = vue.inject("formDisabled");
+    const formReadonly = vue.inject("formReadonly");
+    const formItemDisabled = vue.computed(() => {
+      if (formDisabled.value) {
+        return formDisabled.value;
+      }
+      return props.disabled;
+    });
+    const formItemReadonly = vue.computed(() => {
+      if (formReadonly.value) {
+        return formReadonly.value;
+      }
+      return props.readonly;
+    });
     const attrs = vue.useAttrs();
     const emit = __emit;
     const compValue = vue.computed({
@@ -60,8 +83,11 @@ const _sfc_main = {
         modelValue: vue.unref(compValue),
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(compValue) ? compValue.value = $event : null),
         rules: vue.unref(rules),
-        required: "auto"
-      }), null, 16, ["modelValue", "rules"]);
+        required: "auto",
+        disabled: vue.unref(formItemDisabled),
+        readonly: vue.unref(formItemReadonly),
+        placeholder: vue.unref(formItemReadonly) ? "" : __props.placeholder
+      }), null, 16, ["modelValue", "rules", "disabled", "readonly", "placeholder"]);
     };
   }
 };

package/lib/packages/mobile/src/utils/dateUtil.js

@@ -27,6 +27,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/lib/packages/mobile/src/utils/formatterUtil.js

@@ -0,0 +1,99 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const moment = require("../../../../node_modules/.pnpm/moment@2.30.1/node_modules/moment/dist/moment.js");
+const dateUtil = require("./dateUtil.js");
+const index = require("../../../../_virtual/index.js");
+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 = moment.default(Number(value));
+  } else {
+    dateValue = moment.default(value, "YYYYMMDD");
+  }
+  const textFormat = dateUtil.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 index.default.commafy(index.default.toValueString(value), {
+        spaceNumber: 4,
+        separator: " "
+      });
+    case "percent":
+      value = index.default.multiply(index.default.toNumber(value), 100);
+      value = index.default.toFixed(value, 2);
+      return value;
+    case "thousand":
+      value = index.default.multiply(index.default.toNumber(value), 1e3);
+      value = index.default.toFixed(value, 2);
+      return value;
+    case "tenThousand":
+      value = index.default.multiply(index.default.toNumber(value), 1e4);
+      value = index.default.toFixed(value, 2);
+      return value;
+    default:
+      return value;
+  }
+};
+const moneyFormatter = (value, dataFormatter) => {
+  let moneyValue;
+  switch (dataFormatter) {
+    case "money(yuan)":
+      moneyValue = index.default.toNumber(value);
+      break;
+    case "money(wan)":
+      moneyValue = index.default.divide(index.default.toNumber(value), 1e4);
+      break;
+    case "money(yi)":
+      moneyValue = index.default.divide(index.default.toNumber(value), 1e8);
+      break;
+    default:
+      moneyValue = index.default.toNumber(value);
+      break;
+  }
+  return index.default.commafy(moneyValue, { digits: 2 });
+};
+exports.cascadeFormatter = cascadeFormatter;
+exports.dateFormatter = dateFormatter;
+exports.moneyFormatter = moneyFormatter;
+exports.multipleFormatter = multipleFormatter;
+exports.selectFormatter = selectFormatter;
+exports.textFormatter = textFormatter;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fecp/mobile",
-  "version": "1.0.36",
+  "version": "1.0.38",
   "main": "lib/packages/mobile/index.js",
   "module": "es/packages/mobile/index.mjs",
   "files": [