@fecp/designer 5.5.101 → 5.5.103

package/es/packages/mobile/src/components/custom/approvalList/ApprovalList.vue.mjs

@@ -0,0 +1,391 @@
+/* empty css                                               */
+/* empty css                                                 */
+/* empty css                                                */
+/* empty css                                               */
+/* empty css                                                */
+/* empty css                                                     */
+/* empty css                                              */
+/* empty css                                               */
+/* empty css                                                  */
+/* empty css                                                 */
+import { getCurrentInstance, ref, createElementBlock, openBlock, createVNode, unref, isRef, withCtx, createElementVNode, Fragment, renderList, toDisplayString, normalizeStyle, createTextVNode } from "vue";
+/* empty css                   */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import { Tabs } from "../../../../node_modules/vant/es/tabs/index.mjs";
+import { Tab } from "../../../../node_modules/vant/es/tab/index.mjs";
+import { Icon } from "../../../../node_modules/vant/es/icon/index.mjs";
+import { Button } from "../../../../node_modules/vant/es/button/index.mjs";
+const _hoisted_1 = { class: "fec-mobile-approval-list" };
+const _hoisted_2 = { class: "fec-tab-content" };
+const _hoisted_3 = { class: "fec-list" };
+const _hoisted_4 = { class: "fec-card-header" };
+const _hoisted_5 = { class: "fec-card-title" };
+const _hoisted_6 = { class: "fec-card-body" };
+const _hoisted_7 = { class: "fec-card-message" };
+const _hoisted_8 = { class: "fec-card-sn" };
+const _hoisted_9 = { class: "fec-card-value" };
+const _hoisted_10 = { class: "fec-card-footer" };
+const _hoisted_11 = { class: "fec-card-time" };
+const _hoisted_12 = { class: "fec-card-actions" };
+const _hoisted_13 = { class: "fec-tab-content" };
+const _hoisted_14 = { class: "fec-list" };
+const _hoisted_15 = { class: "fec-card-header" };
+const _hoisted_16 = { class: "fec-card-title" };
+const _hoisted_17 = { class: "fec-card-body" };
+const _hoisted_18 = { class: "fec-card-message" };
+const _hoisted_19 = { class: "fec-card-sn" };
+const _hoisted_20 = { class: "fec-card-value" };
+const _hoisted_21 = { class: "fec-card-footer" };
+const _hoisted_22 = { class: "fec-card-time" };
+const _hoisted_23 = { class: "fec-card-actions" };
+const _hoisted_24 = { class: "fec-tab-content" };
+const _hoisted_25 = { class: "fec-list" };
+const _hoisted_26 = { class: "fec-card-header" };
+const _hoisted_27 = { class: "fec-card-title" };
+const _hoisted_28 = { class: "fec-card-body" };
+const _hoisted_29 = { class: "fec-card-message" };
+const _hoisted_30 = { class: "fec-card-sn" };
+const _hoisted_31 = { class: "fec-card-value" };
+const _hoisted_32 = { class: "fec-card-footer" };
+const _hoisted_33 = { class: "fec-card-time" };
+const _hoisted_34 = { class: "fec-card-actions" };
+const _sfc_main = {
+  __name: "ApprovalList",
+  props: {},
+  setup(__props) {
+    const currentInstance = getCurrentInstance();
+    const ctx = currentInstance.proxy;
+    ctx.route;
+    const activeName = ref("todo");
+    const todoList = [
+      {
+        id: 1,
+        title: "项目立项申请",
+        message: "客户李四提交了一笔新办公设备采购项目立项，请您审批。",
+        sn: "1100202406150001",
+        arriveTime: "30分钟前",
+        statusText: "待处理",
+        statusColor: "#fa8c16",
+        statusIcon: "clock-o",
+        actionText: "同意",
+        actionColor: "#52c41a"
+      },
+      {
+        id: 2,
+        title: "合同审批",
+        message: "客户王五提交了一份销售合同，请您审批。",
+        sn: "1100202406150002",
+        arriveTime: "2小时前",
+        statusText: "已打回",
+        statusColor: "#722ed1",
+        statusIcon: "close",
+        actionText: "同意",
+        actionColor: "#52c41a"
+      },
+      {
+        id: 3,
+        title: "付款申请",
+        message: "客户赵六提交了一笔供应商付款申请，请您审批。",
+        sn: "1100202406150003",
+        arriveTime: "2026-06-07 09:30:00",
+        statusText: "待处理",
+        statusColor: "#fa8c16",
+        statusIcon: "clock-o",
+        actionText: "同意",
+        actionColor: "#52c41a"
+      }
+    ];
+    const doneList = [
+      {
+        id: 4,
+        title: "采购申请",
+        message: "客户孙七提交了一笔办公用品采购申请，处理中。",
+        sn: "1100202406140004",
+        arriveTime: "2026-06-06 14:30:00",
+        statusText: "处理中",
+        statusColor: "#1890ff",
+        statusIcon: "edit"
+      },
+      {
+        id: 5,
+        title: "用车申请",
+        message: "客户周八提交了一笔商务用车申请，已完成。",
+        sn: "1100202406130005",
+        arriveTime: "2026-06-05 10:15:00",
+        statusText: "已完成",
+        statusColor: "#52c41a",
+        statusIcon: "checked"
+      }
+    ];
+    const ccList = [
+      {
+        id: 6,
+        title: "会议通知",
+        message: "客户吴九提交了周一例会，请您知悉。",
+        sn: "1100202406150006",
+        arriveTime: "1小时前",
+        statusText: "处理中",
+        statusColor: "#1890ff",
+        statusIcon: "edit"
+      },
+      {
+        id: 7,
+        title: "制度变更",
+        message: "客户郑十提交了新的考勤制度变更，请您知悉。",
+        sn: "1100202406140007",
+        arriveTime: "2026-06-07 16:45:00",
+        statusText: "已完成",
+        statusColor: "#52c41a",
+        statusIcon: "checked"
+      }
+    ];
+    function formatTime(timeStr) {
+      if (!timeStr) return "";
+      if (timeStr.includes(":")) {
+        const time = new Date(timeStr.replace(/\-/g, "/"));
+        const now = /* @__PURE__ */ new Date();
+        const diff = now - time;
+        const oneDay = 24 * 60 * 60 * 1e3;
+        if (diff > oneDay) {
+          return timeStr;
+        }
+        const hours = Math.floor(diff / (60 * 60 * 1e3));
+        if (hours >= 1) {
+          return `${hours}小时前`;
+        }
+        const minutes = Math.floor(diff / (60 * 1e3));
+        return `${minutes}分钟前`;
+      }
+      return timeStr;
+    }
+    function onView(item) {
+      console.log("查看:", item);
+    }
+    function onApprove(item) {
+      console.log("同意:", item);
+    }
+    function onRevoke(item) {
+      console.log("撤销:", item);
+    }
+    return (_ctx, _cache) => {
+      const _component_van_icon = Icon;
+      const _component_van_button = Button;
+      const _component_van_tab = Tab;
+      const _component_van_tabs = Tabs;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_van_tabs, {
+          sticky: "",
+          class: "fec-tabs",
+          active: unref(activeName),
+          "onUpdate:active": _cache[0] || (_cache[0] = ($event) => isRef(activeName) ? activeName.value = $event : null),
+          swipeable: "",
+          "lazy-render": ""
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_van_tab, {
+              title: "待办",
+              name: "todo",
+              replace: "",
+              "show-zero-badge": false
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_2, [
+                  createElementVNode("div", _hoisted_3, [
+                    (openBlock(), createElementBlock(Fragment, null, renderList(todoList, (item) => {
+                      return createElementVNode("div", {
+                        key: item.id,
+                        class: "fec-card"
+                      }, [
+                        createElementVNode("div", _hoisted_4, [
+                          createElementVNode("span", _hoisted_5, toDisplayString(item.title), 1),
+                          createElementVNode("span", {
+                            class: "fec-card-status",
+                            style: normalizeStyle({ background: item.statusColor })
+                          }, [
+                            createVNode(_component_van_icon, {
+                              name: item.statusIcon,
+                              size: "12"
+                            }, null, 8, ["name"]),
+                            createTextVNode(" " + toDisplayString(item.statusText), 1)
+                          ], 4)
+                        ]),
+                        createElementVNode("div", _hoisted_6, [
+                          createElementVNode("div", _hoisted_7, toDisplayString(item.message), 1),
+                          createElementVNode("div", _hoisted_8, [
+                            _cache[1] || (_cache[1] = createElementVNode("span", { class: "fec-card-label" }, "业务流水号：", -1)),
+                            createElementVNode("span", _hoisted_9, toDisplayString(item.sn), 1)
+                          ])
+                        ]),
+                        createElementVNode("div", _hoisted_10, [
+                          createElementVNode("span", _hoisted_11, toDisplayString(formatTime(item.arriveTime)), 1),
+                          createElementVNode("div", _hoisted_12, [
+                            createVNode(_component_van_button, {
+                              plain: "",
+                              hairline: "",
+                              round: "",
+                              size: "small",
+                              onClick: ($event) => onView(item)
+                            }, {
+                              default: withCtx(() => _cache[2] || (_cache[2] = [
+                                createTextVNode(" 查看 ")
+                              ])),
+                              _: 2
+                            }, 1032, ["onClick"]),
+                            createVNode(_component_van_button, {
+                              type: "primary",
+                              round: "",
+                              size: "small",
+                              onClick: ($event) => onApprove(item)
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(item.actionText || "同意"), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["onClick"])
+                          ])
+                        ])
+                      ]);
+                    }), 64))
+                  ])
+                ])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_van_tab, {
+              title: "已办",
+              name: "done",
+              replace: "",
+              "show-zero-badge": false
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_13, [
+                  createElementVNode("div", _hoisted_14, [
+                    (openBlock(), createElementBlock(Fragment, null, renderList(doneList, (item) => {
+                      return createElementVNode("div", {
+                        key: item.id,
+                        class: "fec-card"
+                      }, [
+                        createElementVNode("div", _hoisted_15, [
+                          createElementVNode("span", _hoisted_16, toDisplayString(item.title), 1),
+                          createElementVNode("span", {
+                            class: "fec-card-status",
+                            style: normalizeStyle({ background: item.statusColor })
+                          }, [
+                            createVNode(_component_van_icon, {
+                              name: item.statusIcon,
+                              size: "12"
+                            }, null, 8, ["name"]),
+                            createTextVNode(" " + toDisplayString(item.statusText), 1)
+                          ], 4)
+                        ]),
+                        createElementVNode("div", _hoisted_17, [
+                          createElementVNode("div", _hoisted_18, toDisplayString(item.message), 1),
+                          createElementVNode("div", _hoisted_19, [
+                            _cache[3] || (_cache[3] = createElementVNode("span", { class: "fec-card-label" }, "业务流水号：", -1)),
+                            createElementVNode("span", _hoisted_20, toDisplayString(item.sn), 1)
+                          ])
+                        ]),
+                        createElementVNode("div", _hoisted_21, [
+                          createElementVNode("span", _hoisted_22, toDisplayString(formatTime(item.arriveTime)), 1),
+                          createElementVNode("div", _hoisted_23, [
+                            createVNode(_component_van_button, {
+                              plain: "",
+                              hairline: "",
+                              round: "",
+                              size: "small",
+                              onClick: ($event) => onView(item)
+                            }, {
+                              default: withCtx(() => _cache[4] || (_cache[4] = [
+                                createTextVNode(" 查看 ")
+                              ])),
+                              _: 2
+                            }, 1032, ["onClick"]),
+                            createVNode(_component_van_button, {
+                              type: "warning",
+                              round: "",
+                              size: "small",
+                              onClick: ($event) => onRevoke(item)
+                            }, {
+                              default: withCtx(() => _cache[5] || (_cache[5] = [
+                                createTextVNode(" 撤销 ")
+                              ])),
+                              _: 2
+                            }, 1032, ["onClick"])
+                          ])
+                        ])
+                      ]);
+                    }), 64))
+                  ])
+                ])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_van_tab, {
+              title: "抄送",
+              name: "cc",
+              replace: "",
+              "show-zero-badge": false
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_24, [
+                  createElementVNode("div", _hoisted_25, [
+                    (openBlock(), createElementBlock(Fragment, null, renderList(ccList, (item) => {
+                      return createElementVNode("div", {
+                        key: item.id,
+                        class: "fec-card"
+                      }, [
+                        createElementVNode("div", _hoisted_26, [
+                          createElementVNode("span", _hoisted_27, toDisplayString(item.title), 1),
+                          createElementVNode("span", {
+                            class: "fec-card-status",
+                            style: normalizeStyle({ background: item.statusColor })
+                          }, [
+                            createVNode(_component_van_icon, {
+                              name: item.statusIcon,
+                              size: "12"
+                            }, null, 8, ["name"]),
+                            createTextVNode(" " + toDisplayString(item.statusText), 1)
+                          ], 4)
+                        ]),
+                        createElementVNode("div", _hoisted_28, [
+                          createElementVNode("div", _hoisted_29, toDisplayString(item.message), 1),
+                          createElementVNode("div", _hoisted_30, [
+                            _cache[6] || (_cache[6] = createElementVNode("span", { class: "fec-card-label" }, "业务流水号：", -1)),
+                            createElementVNode("span", _hoisted_31, toDisplayString(item.sn), 1)
+                          ])
+                        ]),
+                        createElementVNode("div", _hoisted_32, [
+                          createElementVNode("span", _hoisted_33, toDisplayString(formatTime(item.arriveTime)), 1),
+                          createElementVNode("div", _hoisted_34, [
+                            createVNode(_component_van_button, {
+                              plain: "",
+                              hairline: "",
+                              round: "",
+                              size: "small",
+                              onClick: ($event) => onView(item)
+                            }, {
+                              default: withCtx(() => _cache[7] || (_cache[7] = [
+                                createTextVNode(" 查看 ")
+                              ])),
+                              _: 2
+                            }, 1032, ["onClick"])
+                          ])
+                        ])
+                      ]);
+                    }), 64))
+                  ])
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["active"])
+      ]);
+    };
+  }
+};
+const _ApprovalList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5cd7ed05"]]);
+export {
+  _ApprovalList as default
+};

package/es/packages/mobile/src/components/custom/approvalList/index.mjs

@@ -0,0 +1,10 @@
+import _ApprovalList from "./ApprovalList.vue.mjs";
+import install from "../../../utils/install.mjs";
+const MobileApprovalList = install.withInstall(
+  "MobileApprovalList",
+  _ApprovalList
+);
+export {
+  MobileApprovalList,
+  MobileApprovalList as default
+};

package/es/packages/mobile/src/components/dataDisplay/cardList/CardList.vue.mjs

@@ -15,9 +15,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     compId: {
       type: String
     },
-    currentPage: {
-      type: Object
-    },
     modelValue: {
       type: Array,
       default: []
@@ -81,22 +78,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     const ctx = currentInstance.proxy;
     const listRef = ref();
     onMounted(() => {
-      var _a, _b, _c, _d, _e;
+      var _a, _b;
       (_b = (_a = listRef.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.closest(".device-content");
       initDataSourceManager();
-      if (props.compId) {
-        if (props.autoHeight) {
-          const component = (_c = props.currentPage.layoutData) == null ? void 0 : _c.find(
-            (f) => {
-              var _a2;
-              return ((_a2 = f.component) == null ? void 0 : _a2.id) == props.compId;
-            }
-          );
-          const wrapperDom = (_e = (_d = listRef.value) == null ? void 0 : _d.$el) == null ? void 0 : _e.closest(".grid-wrapper");
-          const wrapperHeight = wrapperDom.offsetHeight;
-          component.h = wrapperHeight / 10;
-        }
-      }
     });
     function eventHandler(funcName, rowData) {
       console.log("🚀 ~ eventHandler ~ funcName, rowData:", funcName, rowData);
@@ -219,7 +203,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _CardList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-20941c4a"]]);
+const _CardList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-38039905"]]);
 export {
   _CardList as default
 };

package/es/packages/mobile/src/components/dataDisplay/table/Table.vue.mjs

@@ -7,6 +7,7 @@ import { VxeGrid } from "vxe-table";
 import { createDataSource } from "../../../utils/datasource.mjs";
 /* empty css                                                      */
 import { textFormatter, dateFormatter, cascadeFormatter, multipleFormatter, selectFormatter } from "../../../utils/formatterUtil.mjs";
+import { getOptions } from "../../../utils/optionUtil.mjs";
 /* empty css                                                     */
 /* empty css                                                */
 /* empty css                                               */
@@ -96,6 +97,14 @@ const _sfc_main = {
       type: Array,
       default: () => []
     },
+    formData: {
+      type: Object,
+      default: {}
+    },
+    fields: {
+      type: Array,
+      default: () => []
+    },
     pageSize: {
       type: Number,
       default: 10
@@ -154,8 +163,22 @@ const _sfc_main = {
     const compHeight = computed(() => {
       return "100%";
     });
-    const columnOptions = computed(() => {
-      return props.columns.map((col) => {
+    const columnOptions = ref([]);
+    async function initColumnOptions() {
+      const columns = [...props.columns];
+      for (const col of columns) {
+        if (col.dataType == "select" || col.dataType == "multiple") {
+          const options = await getOptions({
+            ctx,
+            dataSources: props.dataSources,
+            formData: props.formData,
+            fields: props.fields,
+            ...col.optionConfig
+          });
+          col.options = options;
+        }
+      }
+      columns.forEach((col) => {
         const newCol = { ...col };
         switch (newCol.dataType) {
           case "select":
@@ -208,9 +231,10 @@ const _sfc_main = {
         newCol.showOverflow = true;
         newCol.showHeaderOverflow = true;
         newCol.showFooterOverflow = true;
-        return newCol;
+        columnOptions.value.push(newCol);
       });
-    });
+    }
+    initColumnOptions();
     function isEmpty(cellValue) {
       return !cellValue && cellValue !== 0;
     }
@@ -324,6 +348,12 @@ const _sfc_main = {
     const error = ref(false);
     const listError = ref(false);
     let pageNo = 1;
+    const pageSize = computed(() => {
+      if (props.scrollLoad) {
+        return props.pageSize;
+      }
+      return -1;
+    });
     function initDataSourceManager() {
       dataSourceManager.value = createDataSource({
         http: ctx.$http,
@@ -331,8 +361,10 @@ const _sfc_main = {
         currentDataSourceId: props.dataSourceValue,
         pagination: {
           pageNo,
-          pageSize: props.pageSize
-        }
+          pageSize: pageSize.value
+        },
+        data: props.formData,
+        fields: props.fields
         // data: hiddenFormData.value,
         // fields: fieldsData.value,
         // sortRules: localConfig.value.sortRules,
@@ -373,11 +405,11 @@ const _sfc_main = {
     async function call() {
       var _a;
       try {
-        dataSourceManager.value.updatePagination(pageNo, props.pageSize);
+        dataSourceManager.value.updatePagination(pageNo, pageSize.value);
         await dataSourceManager.value.fetch();
         const data = ((_a = dataSourceManager.value) == null ? void 0 : _a.getData().list) || [];
         tableData.value.push(...data);
-        if (data.length < props.pageSize) {
+        if (data.length < pageSize.value) {
           if (props.isFixedHead) {
             finished.value = true;
           } else {
@@ -574,7 +606,7 @@ const _sfc_main = {
     };
   }
 };
-const _Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-16d68bd3"]]);
+const _Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-77c6ee76"]]);
 export {
   _Table as default
 };

package/es/packages/mobile/src/components/form/field/Field.vue.mjs

@@ -3,7 +3,7 @@
 /* empty css                                               */
 /* empty css                                               */
 /* empty css                                                */
-import { ref, computed, watch, createElementBlock, openBlock, Fragment, createVNode, withDirectives, renderSlot, mergeProps, unref, isRef, createSlots, renderList, withCtx, createTextVNode, toDisplayString, createElementVNode, vModelText } from "vue";
+import { getCurrentInstance, computed, ref, watch, createElementBlock, openBlock, Fragment, createVNode, withDirectives, renderSlot, mergeProps, unref, isRef, createSlots, renderList, withCtx, createElementVNode, toDisplayString, createTextVNode, vModelText } from "vue";
 import { getUnit, textFormatter, textFormatter4Input, reverseTextFormatter } from "../../../utils/formatterUtil.mjs";
 import { useCursor } from "../../../utils/use-cursor.mjs";
 /* empty css            */
@@ -37,42 +37,44 @@ const _sfc_main = {
     showUnit: {
       type: Boolean,
       default: true
-    }
+    },
+    maxlength: {
+      type: Number,
+      default: 0
+    },
+    formData: Object
   },
   emits: ["openPicker", "update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const instance = getCurrentInstance();
+    const ctx = instance.proxy;
+    const realMaxLength = computed(() => {
+      return Math.floor(props.maxLength / (ctx.$dbFieldLengthRatio || 1)) || "-";
+    });
     const unit = ref("");
     const fieldInputRef = ref();
     const [recordCursor, setCursor] = useCursor();
     const emit = __emit;
     const textValue = ref("");
     const compValue = computed({
-      get: () => {
-        if (!props.fieldType || props.fieldType == "text") {
-          unit.value = getUnit(props.dataFormatter);
-          if (props.readonly) {
-            textValue.value = textFormatter(props.modelValue, props.dataFormatter);
-          } else {
-            textValue.value = textFormatter4Input(
-              props.modelValue,
-              props.dataFormatter
-            );
-          }
-        } else {
-          textValue.value = props.modelValue;
-        }
-        return props.modelValue;
-      },
+      get: () => props.modelValue,
       set: (val) => {
         emit("update:modelValue", val);
       }
     });
-    watch(textValue, (val) => {
-      if (!val) {
-        emit("update:modelValue", val);
-      }
-    });
+    watch(
+      () => props.modelValue,
+      (newVal) => {
+        unit.value = getUnit(props.dataFormatter);
+        if (!props.fieldType || props.fieldType === "text") {
+          textValue.value = textFormatter(newVal, props.dataFormatter);
+        } else {
+          textValue.value = newVal;
+        }
+      },
+      { immediate: true, flush: "post" }
+    );
     const compClickable = computed(() => {
       if (props.disabled || props.readonly) {
         return false;
@@ -120,8 +122,10 @@ const _sfc_main = {
       const _component_van_field = Field;
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(_component_van_field, mergeProps(_ctx.$attrs, {
+          type: _ctx.$attrs.type == "number" ? "text" : _ctx.$attrs.type,
           modelValue: unref(textValue),
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(textValue) ? textValue.value = $event : null),
+          maxlength: unref(realMaxLength),
           disabled: __props.disabled,
           readonly: __props.readonly,
           clearable: "",
@@ -132,7 +136,8 @@ const _sfc_main = {
           ref: fieldInputRef,
           onInput: handleInput,
           onCompositionstart: handleCompositionStart,
-          onCompositionend: handleCompositionEnd
+          onCompositionend: handleCompositionEnd,
+          "input-align": "right"
         }), createSlots({ _: 2 }, [
           renderList(_ctx.$slots, (item, key) => {
             return {
@@ -142,14 +147,21 @@ const _sfc_main = {
               ])
             };
           }),
+          __props.disabled ? {
+            name: "input",
+            fn: withCtx(() => [
+              createElementVNode("div", null, toDisplayString(unref(textValue)), 1)
+            ]),
+            key: "0"
+          } : void 0,
           __props.showUnit && unref(unit) ? {
             name: "button",
             fn: withCtx(() => [
               createTextVNode(toDisplayString(unref(unit)), 1)
             ]),
-            key: "0"
+            key: "1"
           } : void 0
-        ]), 1040, ["modelValue", "disabled", "readonly", "clickable"]),
+        ]), 1040, ["type", "modelValue", "maxlength", "disabled", "readonly", "clickable"]),
         withDirectives(createElementVNode("input", {
           type: "hidden",
           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(compValue) ? compValue.value = $event : null)