@fecp/designer 5.5.101 → 5.5.102

package/lib/packages/mobile/src/components/custom/approvalList/ApprovalList.vue.js

@@ -0,0 +1,391 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                                               */
+;/* empty css                                                 */
+;/* empty css                                                */
+;/* empty css                                               */
+;/* empty css                                                */
+;/* empty css                                                     */
+;/* empty css                                              */
+;/* empty css                                               */
+;/* empty css                                                  */
+;/* empty css                                                 */
+const Vue = require("vue");
+;/* empty css                   */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
+const index = require("../../../../node_modules/vant/es/tabs/index.js");
+const index$1 = require("../../../../node_modules/vant/es/tab/index.js");
+const index$2 = require("../../../../node_modules/vant/es/icon/index.js");
+const index$3 = require("../../../../node_modules/vant/es/button/index.js");
+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 = Vue.getCurrentInstance();
+    const ctx = currentInstance.proxy;
+    ctx.route;
+    const activeName = Vue.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 = index$2.Icon;
+      const _component_van_button = index$3.Button;
+      const _component_van_tab = index$1.Tab;
+      const _component_van_tabs = index.Tabs;
+      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        Vue.createVNode(_component_van_tabs, {
+          sticky: "",
+          class: "fec-tabs",
+          active: Vue.unref(activeName),
+          "onUpdate:active": _cache[0] || (_cache[0] = ($event) => Vue.isRef(activeName) ? activeName.value = $event : null),
+          swipeable: "",
+          "lazy-render": ""
+        }, {
+          default: Vue.withCtx(() => [
+            Vue.createVNode(_component_van_tab, {
+              title: "待办",
+              name: "todo",
+              replace: "",
+              "show-zero-badge": false
+            }, {
+              default: Vue.withCtx(() => [
+                Vue.createElementVNode("div", _hoisted_2, [
+                  Vue.createElementVNode("div", _hoisted_3, [
+                    (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(todoList, (item) => {
+                      return Vue.createElementVNode("div", {
+                        key: item.id,
+                        class: "fec-card"
+                      }, [
+                        Vue.createElementVNode("div", _hoisted_4, [
+                          Vue.createElementVNode("span", _hoisted_5, Vue.toDisplayString(item.title), 1),
+                          Vue.createElementVNode("span", {
+                            class: "fec-card-status",
+                            style: Vue.normalizeStyle({ background: item.statusColor })
+                          }, [
+                            Vue.createVNode(_component_van_icon, {
+                              name: item.statusIcon,
+                              size: "12"
+                            }, null, 8, ["name"]),
+                            Vue.createTextVNode(" " + Vue.toDisplayString(item.statusText), 1)
+                          ], 4)
+                        ]),
+                        Vue.createElementVNode("div", _hoisted_6, [
+                          Vue.createElementVNode("div", _hoisted_7, Vue.toDisplayString(item.message), 1),
+                          Vue.createElementVNode("div", _hoisted_8, [
+                            _cache[1] || (_cache[1] = Vue.createElementVNode("span", { class: "fec-card-label" }, "业务流水号：", -1)),
+                            Vue.createElementVNode("span", _hoisted_9, Vue.toDisplayString(item.sn), 1)
+                          ])
+                        ]),
+                        Vue.createElementVNode("div", _hoisted_10, [
+                          Vue.createElementVNode("span", _hoisted_11, Vue.toDisplayString(formatTime(item.arriveTime)), 1),
+                          Vue.createElementVNode("div", _hoisted_12, [
+                            Vue.createVNode(_component_van_button, {
+                              plain: "",
+                              hairline: "",
+                              round: "",
+                              size: "small",
+                              onClick: ($event) => onView(item)
+                            }, {
+                              default: Vue.withCtx(() => _cache[2] || (_cache[2] = [
+                                Vue.createTextVNode(" 查看 ")
+                              ])),
+                              _: 2
+                            }, 1032, ["onClick"]),
+                            Vue.createVNode(_component_van_button, {
+                              type: "primary",
+                              round: "",
+                              size: "small",
+                              onClick: ($event) => onApprove(item)
+                            }, {
+                              default: Vue.withCtx(() => [
+                                Vue.createTextVNode(Vue.toDisplayString(item.actionText || "同意"), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["onClick"])
+                          ])
+                        ])
+                      ]);
+                    }), 64))
+                  ])
+                ])
+              ]),
+              _: 1
+            }),
+            Vue.createVNode(_component_van_tab, {
+              title: "已办",
+              name: "done",
+              replace: "",
+              "show-zero-badge": false
+            }, {
+              default: Vue.withCtx(() => [
+                Vue.createElementVNode("div", _hoisted_13, [
+                  Vue.createElementVNode("div", _hoisted_14, [
+                    (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(doneList, (item) => {
+                      return Vue.createElementVNode("div", {
+                        key: item.id,
+                        class: "fec-card"
+                      }, [
+                        Vue.createElementVNode("div", _hoisted_15, [
+                          Vue.createElementVNode("span", _hoisted_16, Vue.toDisplayString(item.title), 1),
+                          Vue.createElementVNode("span", {
+                            class: "fec-card-status",
+                            style: Vue.normalizeStyle({ background: item.statusColor })
+                          }, [
+                            Vue.createVNode(_component_van_icon, {
+                              name: item.statusIcon,
+                              size: "12"
+                            }, null, 8, ["name"]),
+                            Vue.createTextVNode(" " + Vue.toDisplayString(item.statusText), 1)
+                          ], 4)
+                        ]),
+                        Vue.createElementVNode("div", _hoisted_17, [
+                          Vue.createElementVNode("div", _hoisted_18, Vue.toDisplayString(item.message), 1),
+                          Vue.createElementVNode("div", _hoisted_19, [
+                            _cache[3] || (_cache[3] = Vue.createElementVNode("span", { class: "fec-card-label" }, "业务流水号：", -1)),
+                            Vue.createElementVNode("span", _hoisted_20, Vue.toDisplayString(item.sn), 1)
+                          ])
+                        ]),
+                        Vue.createElementVNode("div", _hoisted_21, [
+                          Vue.createElementVNode("span", _hoisted_22, Vue.toDisplayString(formatTime(item.arriveTime)), 1),
+                          Vue.createElementVNode("div", _hoisted_23, [
+                            Vue.createVNode(_component_van_button, {
+                              plain: "",
+                              hairline: "",
+                              round: "",
+                              size: "small",
+                              onClick: ($event) => onView(item)
+                            }, {
+                              default: Vue.withCtx(() => _cache[4] || (_cache[4] = [
+                                Vue.createTextVNode(" 查看 ")
+                              ])),
+                              _: 2
+                            }, 1032, ["onClick"]),
+                            Vue.createVNode(_component_van_button, {
+                              type: "warning",
+                              round: "",
+                              size: "small",
+                              onClick: ($event) => onRevoke(item)
+                            }, {
+                              default: Vue.withCtx(() => _cache[5] || (_cache[5] = [
+                                Vue.createTextVNode(" 撤销 ")
+                              ])),
+                              _: 2
+                            }, 1032, ["onClick"])
+                          ])
+                        ])
+                      ]);
+                    }), 64))
+                  ])
+                ])
+              ]),
+              _: 1
+            }),
+            Vue.createVNode(_component_van_tab, {
+              title: "抄送",
+              name: "cc",
+              replace: "",
+              "show-zero-badge": false
+            }, {
+              default: Vue.withCtx(() => [
+                Vue.createElementVNode("div", _hoisted_24, [
+                  Vue.createElementVNode("div", _hoisted_25, [
+                    (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(ccList, (item) => {
+                      return Vue.createElementVNode("div", {
+                        key: item.id,
+                        class: "fec-card"
+                      }, [
+                        Vue.createElementVNode("div", _hoisted_26, [
+                          Vue.createElementVNode("span", _hoisted_27, Vue.toDisplayString(item.title), 1),
+                          Vue.createElementVNode("span", {
+                            class: "fec-card-status",
+                            style: Vue.normalizeStyle({ background: item.statusColor })
+                          }, [
+                            Vue.createVNode(_component_van_icon, {
+                              name: item.statusIcon,
+                              size: "12"
+                            }, null, 8, ["name"]),
+                            Vue.createTextVNode(" " + Vue.toDisplayString(item.statusText), 1)
+                          ], 4)
+                        ]),
+                        Vue.createElementVNode("div", _hoisted_28, [
+                          Vue.createElementVNode("div", _hoisted_29, Vue.toDisplayString(item.message), 1),
+                          Vue.createElementVNode("div", _hoisted_30, [
+                            _cache[6] || (_cache[6] = Vue.createElementVNode("span", { class: "fec-card-label" }, "业务流水号：", -1)),
+                            Vue.createElementVNode("span", _hoisted_31, Vue.toDisplayString(item.sn), 1)
+                          ])
+                        ]),
+                        Vue.createElementVNode("div", _hoisted_32, [
+                          Vue.createElementVNode("span", _hoisted_33, Vue.toDisplayString(formatTime(item.arriveTime)), 1),
+                          Vue.createElementVNode("div", _hoisted_34, [
+                            Vue.createVNode(_component_van_button, {
+                              plain: "",
+                              hairline: "",
+                              round: "",
+                              size: "small",
+                              onClick: ($event) => onView(item)
+                            }, {
+                              default: Vue.withCtx(() => _cache[7] || (_cache[7] = [
+                                Vue.createTextVNode(" 查看 ")
+                              ])),
+                              _: 2
+                            }, 1032, ["onClick"])
+                          ])
+                        ])
+                      ]);
+                    }), 64))
+                  ])
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["active"])
+      ]);
+    };
+  }
+};
+const _ApprovalList = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-5cd7ed05"]]);
+exports.default = _ApprovalList;

package/lib/packages/mobile/src/components/custom/approvalList/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ApprovalList = require("./ApprovalList.vue.js");
+const install = require("../../../utils/install.js");
+const MobileApprovalList = install.default.withInstall(
+  "MobileApprovalList",
+  ApprovalList.default
+);
+exports.MobileApprovalList = MobileApprovalList;
+exports.default = MobileApprovalList;

package/lib/packages/mobile/src/components/dataDisplay/cardList/CardList.vue.js

@@ -17,9 +17,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     compId: {
       type: String
     },
-    currentPage: {
-      type: Object
-    },
     modelValue: {
       type: Array,
       default: []
@@ -83,22 +80,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     const ctx = currentInstance.proxy;
     const listRef = Vue.ref();
     Vue.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);
@@ -221,5 +205,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _CardList = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-20941c4a"]]);
+const _CardList = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-38039905"]]);
 exports.default = _CardList;

package/lib/packages/mobile/src/components/dataDisplay/table/Table.vue.js

@@ -9,6 +9,7 @@ const vxeTable = require("vxe-table");
 const datasource = require("../../../utils/datasource.js");
 ;/* empty css                                                      */
 const formatterUtil = require("../../../utils/formatterUtil.js");
+const optionUtil = require("../../../utils/optionUtil.js");
 ;/* empty css                                                     */
 ;/* empty css                                                */
 ;/* empty css                                               */
@@ -98,6 +99,14 @@ const _sfc_main = {
       type: Array,
       default: () => []
     },
+    formData: {
+      type: Object,
+      default: {}
+    },
+    fields: {
+      type: Array,
+      default: () => []
+    },
     pageSize: {
       type: Number,
       default: 10
@@ -156,8 +165,22 @@ const _sfc_main = {
     const compHeight = Vue.computed(() => {
       return "100%";
     });
-    const columnOptions = Vue.computed(() => {
-      return props.columns.map((col) => {
+    const columnOptions = Vue.ref([]);
+    async function initColumnOptions() {
+      const columns = [...props.columns];
+      for (const col of columns) {
+        if (col.dataType == "select" || col.dataType == "multiple") {
+          const options = await optionUtil.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":
@@ -210,9 +233,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;
     }
@@ -326,6 +350,12 @@ const _sfc_main = {
     const error = Vue.ref(false);
     const listError = Vue.ref(false);
     let pageNo = 1;
+    const pageSize = Vue.computed(() => {
+      if (props.scrollLoad) {
+        return props.pageSize;
+      }
+      return -1;
+    });
     function initDataSourceManager() {
       dataSourceManager.value = datasource.createDataSource({
         http: ctx.$http,
@@ -333,8 +363,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,
@@ -375,11 +407,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 {
@@ -576,5 +608,5 @@ const _sfc_main = {
     };
   }
 };
-const _Table = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-16d68bd3"]]);
+const _Table = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-77c6ee76"]]);
 exports.default = _Table;

package/lib/packages/mobile/src/components/form/field/Field.vue.js

@@ -39,42 +39,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 = Vue.getCurrentInstance();
+    const ctx = instance.proxy;
+    const realMaxLength = Vue.computed(() => {
+      return Math.floor(props.maxLength / (ctx.$dbFieldLengthRatio || 1)) || "-";
+    });
     const unit = Vue.ref("");
     const fieldInputRef = Vue.ref();
     const [recordCursor, setCursor] = useCursor.useCursor();
     const emit = __emit;
     const textValue = Vue.ref("");
     const compValue = Vue.computed({
-      get: () => {
-        if (!props.fieldType || props.fieldType == "text") {
-          unit.value = formatterUtil.getUnit(props.dataFormatter);
-          if (props.readonly) {
-            textValue.value = formatterUtil.textFormatter(props.modelValue, props.dataFormatter);
-          } else {
-            textValue.value = formatterUtil.textFormatter4Input(
-              props.modelValue,
-              props.dataFormatter
-            );
-          }
-        } else {
-          textValue.value = props.modelValue;
-        }
-        return props.modelValue;
-      },
+      get: () => props.modelValue,
       set: (val) => {
         emit("update:modelValue", val);
       }
     });
-    Vue.watch(textValue, (val) => {
-      if (!val) {
-        emit("update:modelValue", val);
-      }
-    });
+    Vue.watch(
+      () => props.modelValue,
+      (newVal) => {
+        unit.value = formatterUtil.getUnit(props.dataFormatter);
+        if (!props.fieldType || props.fieldType === "text") {
+          textValue.value = formatterUtil.textFormatter(newVal, props.dataFormatter);
+        } else {
+          textValue.value = newVal;
+        }
+      },
+      { immediate: true, flush: "post" }
+    );
     const compClickable = Vue.computed(() => {
       if (props.disabled || props.readonly) {
         return false;
@@ -122,8 +124,10 @@ const _sfc_main = {
       const _component_van_field = index.Field;
       return Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, null, [
         Vue.createVNode(_component_van_field, Vue.mergeProps(_ctx.$attrs, {
+          type: _ctx.$attrs.type == "number" ? "text" : _ctx.$attrs.type,
           modelValue: Vue.unref(textValue),
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => Vue.isRef(textValue) ? textValue.value = $event : null),
+          maxlength: Vue.unref(realMaxLength),
           disabled: __props.disabled,
           readonly: __props.readonly,
           clearable: "",
@@ -134,7 +138,8 @@ const _sfc_main = {
           ref: fieldInputRef,
           onInput: handleInput,
           onCompositionstart: handleCompositionStart,
-          onCompositionend: handleCompositionEnd
+          onCompositionend: handleCompositionEnd,
+          "input-align": "right"
         }), Vue.createSlots({ _: 2 }, [
           Vue.renderList(_ctx.$slots, (item, key) => {
             return {
@@ -144,14 +149,21 @@ const _sfc_main = {
               ])
             };
           }),
+          __props.disabled ? {
+            name: "input",
+            fn: Vue.withCtx(() => [
+              Vue.createElementVNode("div", null, Vue.toDisplayString(Vue.unref(textValue)), 1)
+            ]),
+            key: "0"
+          } : void 0,
           __props.showUnit && Vue.unref(unit) ? {
             name: "button",
             fn: Vue.withCtx(() => [
               Vue.createTextVNode(Vue.toDisplayString(Vue.unref(unit)), 1)
             ]),
-            key: "0"
+            key: "1"
           } : void 0
-        ]), 1040, ["modelValue", "disabled", "readonly", "clickable"]),
+        ]), 1040, ["type", "modelValue", "maxlength", "disabled", "readonly", "clickable"]),
         Vue.withDirectives(Vue.createElementVNode("input", {
           type: "hidden",
           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => Vue.isRef(compValue) ? compValue.value = $event : null)