@fecp/mobile 1.0.25 → 1.0.27

package/es/packages/mobile/src/components/dataDisplay/list/List.vue.mjs

@@ -0,0 +1,100 @@
+/* empty css                                                                                                                 */
+/* empty css                                                                                                                    */
+/* empty css                                                                                                                 */
+import { computed, ref, createBlock, openBlock, unref, isRef, withCtx, renderSlot } from "vue";
+import { useDataSource } from "../../../utils/dataSourceUtil.mjs";
+import { List } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/list/index.mjs";
+const _sfc_main = {
+  __name: "List",
+  props: {
+    modelValue: {
+      type: Array,
+      default: []
+    },
+    disabledLoad: {
+      type: Boolean,
+      default: false
+    },
+    offset: {
+      type: String,
+      default: "0"
+    },
+    direction: {
+      type: String,
+      default: "down"
+    },
+    dataSource: {
+      type: String,
+      default: ""
+    },
+    params: {
+      type: Object,
+      default: {}
+    },
+    pageSize: {
+      type: String,
+      default: "10"
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const tableData = computed({
+      get: () => {
+        return props.modelValue;
+      },
+      set: (val) => {
+        emit("update:modelValue", val);
+      }
+    });
+    const finished = ref(false);
+    const error = ref(false);
+    const loading = ref(false);
+    let pageNo = 1;
+    const dataSource = useDataSource(props.dataSource);
+    call();
+    function onLoad() {
+      loading.value = true;
+      pageNo++;
+      call();
+    }
+    function call() {
+      dataSource.load({ ...props.params, pageNo, pageSize: props.pageSize }).then((res) => {
+        var _a;
+        const data = ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.records) || (res == null ? void 0 : res.data) || res;
+        tableData.value.push(...data);
+        if (data.length < props.pageSize) {
+          finished.value = true;
+        }
+        loading.value = false;
+      }).catch((err) => {
+        console.error(err);
+        error.value = true;
+        loading.value = false;
+      });
+    }
+    return (_ctx, _cache) => {
+      const _component_van_list = List;
+      return openBlock(), createBlock(_component_van_list, {
+        loading: unref(loading),
+        "onUpdate:loading": _cache[0] || (_cache[0] = ($event) => isRef(loading) ? loading.value = $event : null),
+        error: unref(error),
+        "onUpdate:error": _cache[1] || (_cache[1] = ($event) => isRef(error) ? error.value = $event : null),
+        finished: unref(finished),
+        disabled: __props.disabledLoad,
+        offset: __props.offset,
+        "finished-text": "没有更多了",
+        onLoad
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["loading", "error", "finished", "disabled", "offset"]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};

package/es/packages/mobile/src/components/dataDisplay/list/index.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./List.vue.mjs";
+import install from "../../../utils/install.mjs";
+const MobileList = install.withInstall("MobileList", _sfc_main);
+export {
+  MobileList,
+  MobileList as default
+};

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

@@ -3,14 +3,18 @@
 /* empty css                                                                                                                 */
 /* empty css                                                                                                                 */
 /* empty css                                                                                                                  */
-import { createElementBlock, openBlock, Fragment, createVNode, renderSlot, normalizeProps, guardReactiveProps, createSlots, renderList, withCtx } from "vue";
+import { createElementBlock, openBlock, Fragment, createVNode, renderSlot, mergeProps, createSlots, renderList, withCtx } from "vue";
+/* empty css            */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
 import { Field } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/field/index.mjs";
 const _sfc_main = {};
 function _sfc_render(_ctx, _cache) {
   const _component_van_field = Field;
   return openBlock(), createElementBlock(Fragment, null, [
-    createVNode(_component_van_field, normalizeProps(guardReactiveProps(_ctx.$attrs)), createSlots({ _: 2 }, [
+    createVNode(_component_van_field, mergeProps(_ctx.$attrs, {
+      clearable: "",
+      "clear-trigger": "always"
+    }), createSlots({ _: 2 }, [
       renderList(_ctx.$slots, (item, key) => {
         return {
           name: key,

package/es/packages/mobile/src/components/form/fieldCalendarPicker/FieldCalendarPicker.vue.mjs

@@ -14,10 +14,11 @@
 /* empty css                                                                                                                   */
 /* empty css                                                                                                                         */
 /* empty css                                                                                                                     */
-import { ref, computed, watch, createBlock, openBlock, unref, mergeProps, isRef, withCtx, createVNode } from "vue";
+import { ref, computed, watch, createBlock, openBlock, unref, mergeProps, isRef, createSlots, withCtx, createVNode, withModifiers } from "vue";
 import { MobileField } from "../field/index.mjs";
 import hooks from "../../../../../../node_modules/.pnpm/moment@2.30.1/node_modules/moment/dist/moment.mjs";
 import { Calendar } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/calendar/index.mjs";
+import { Icon } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/icon/index.mjs";
 const _sfc_main = {
   __name: "FieldCalendarPicker",
   props: {
@@ -87,6 +88,7 @@ const _sfc_main = {
       () => props.modelValue,
       (value) => {
         if (!value) {
+          fieldTextValue.value = "";
           return;
         }
         if (props.calendarType == "single") {
@@ -123,18 +125,19 @@ const _sfc_main = {
       showCalendar.value = false;
     };
     return (_ctx, _cache) => {
+      const _component_van_icon = Icon;
       const _component_van_calendar = Calendar;
       return openBlock(), createBlock(unref(MobileField), mergeProps(_ctx.$attrs, {
         modelValue: unref(fieldTextValue),
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
         "is-link": "",
         readonly: "",
-        onClick: _cache[2] || (_cache[2] = ($event) => showCalendar.value = true)
-      }), {
+        onClick: _cache[3] || (_cache[3] = ($event) => showCalendar.value = true)
+      }), createSlots({
         default: withCtx(() => [
           createVNode(_component_van_calendar, mergeProps(_ctx.$attrs, {
             show: unref(showCalendar),
-            "onUpdate:show": _cache[0] || (_cache[0] = ($event) => isRef(showCalendar) ? showCalendar.value = $event : null),
+            "onUpdate:show": _cache[1] || (_cache[1] = ($event) => isRef(showCalendar) ? showCalendar.value = $event : null),
             "default-date": unref(defaultDate),
             title: __props.title,
             type: __props.calendarType,
@@ -143,8 +146,20 @@ const _sfc_main = {
             onConfirm
           }), null, 16, ["show", "default-date", "title", "type"])
         ]),
-        _: 1
-      }, 16, ["modelValue"]);
+        _: 2
+      }, [
+        unref(fieldTextValue) ? {
+          name: "right-icon",
+          fn: withCtx(() => [
+            createVNode(_component_van_icon, {
+              name: "clear",
+              class: "custom-close-icon",
+              onClick: _cache[0] || (_cache[0] = withModifiers(($event) => defaultDate.value = null, ["stop"]))
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["modelValue"]);
     };
   }
 };

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

@@ -9,10 +9,11 @@
 /* empty css                                                                                                                 */
 /* empty css                                                                                                                */
 /* empty css                                                                                                                     */
-import { ref, computed, watch, createBlock, openBlock, unref, mergeProps, isRef, withCtx, createVNode } from "vue";
+import { ref, computed, watch, createBlock, openBlock, unref, mergeProps, isRef, createSlots, withCtx, createVNode, withModifiers } from "vue";
 import { MobileField } from "../field/index.mjs";
 import { Cascader } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/cascader/index.mjs";
 import { Popup } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/popup/index.mjs";
+import { Icon } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/icon/index.mjs";
 const _sfc_main = {
   __name: "fieldCascaderPicker",
   props: {
@@ -79,6 +80,10 @@ const _sfc_main = {
     watch(
       () => props.modelValue,
       (value) => {
+        if (!value) {
+          fieldTextValue.value = "";
+          return;
+        }
         fieldTextValue.value = getDisplayValue(
           props.treeOptions,
           props.treeOptionsFieldNames,
@@ -92,38 +97,51 @@ const _sfc_main = {
       showPicker.value = false;
     };
     return (_ctx, _cache) => {
+      const _component_van_icon = Icon;
       const _component_van_cascader = Cascader;
       const _component_van_popup = Popup;
       return openBlock(), createBlock(unref(MobileField), mergeProps(_ctx.$attrs, {
         modelValue: unref(fieldTextValue),
-        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
+        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
         "is-link": "",
         readonly: "",
-        onClick: _cache[4] || (_cache[4] = ($event) => showPicker.value = true)
-      }), {
+        onClick: _cache[5] || (_cache[5] = ($event) => showPicker.value = true)
+      }), createSlots({
         default: withCtx(() => [
           createVNode(_component_van_popup, {
             show: unref(showPicker),
-            "onUpdate:show": _cache[2] || (_cache[2] = ($event) => isRef(showPicker) ? showPicker.value = $event : null),
+            "onUpdate:show": _cache[3] || (_cache[3] = ($event) => isRef(showPicker) ? showPicker.value = $event : null),
             "destroy-on-close": "",
             position: "bottom"
           }, {
             default: withCtx(() => [
               createVNode(_component_van_cascader, mergeProps(_ctx.$attrs, {
                 modelValue: unref(pickerValue),
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(pickerValue) ? pickerValue.value = $event : null),
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(pickerValue) ? pickerValue.value = $event : null),
                 options: __props.treeOptions,
                 "field-names": __props.treeOptionsFieldNames,
                 placeholder: "请选择",
                 onFinish,
-                onClose: _cache[1] || (_cache[1] = ($event) => showPicker.value = false)
+                onClose: _cache[2] || (_cache[2] = ($event) => showPicker.value = false)
               }), null, 16, ["modelValue", "options", "field-names"])
             ]),
             _: 1
           }, 8, ["show"])
         ]),
-        _: 1
-      }, 16, ["modelValue"]);
+        _: 2
+      }, [
+        unref(fieldTextValue) ? {
+          name: "right-icon",
+          fn: withCtx(() => [
+            createVNode(_component_van_icon, {
+              name: "clear",
+              class: "custom-close-icon",
+              onClick: _cache[0] || (_cache[0] = withModifiers(($event) => pickerValue.value = null, ["stop"]))
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["modelValue"]);
     };
   }
 };

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

@@ -1,4 +1,4 @@
-import { computed, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, isRef } from "vue";
+import { computed, createBlock, openBlock, unref, mergeProps, isRef, withCtx, createVNode } from "vue";
 import { MobileField } from "../field/index.mjs";
 import { MobileCheckboxGroup } from "../checkboxGroup/index.mjs";
 const _sfc_main = {
@@ -29,8 +29,19 @@ const _sfc_main = {
         emit("update:modelValue", val.join(","));
       }
     });
+    const inputValue = computed({
+      get: () => {
+        return compValue.value.join(",");
+      },
+      set: (val) => {
+        emit("update:modelValue", val);
+      }
+    });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(MobileField), mergeProps(_ctx.$attrs, { modelValue: "" }), {
+      return openBlock(), createBlock(unref(MobileField), mergeProps(_ctx.$attrs, {
+        modelValue: unref(inputValue),
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(inputValue) ? inputValue.value = $event : null)
+      }), {
         input: withCtx(() => [
           createVNode(unref(MobileCheckboxGroup), mergeProps(_ctx.$attrs, {
             modelValue: unref(compValue),
@@ -38,7 +49,7 @@ const _sfc_main = {
           }), null, 16, ["modelValue"])
         ]),
         _: 1
-      }, 16);
+      }, 16, ["modelValue"]);
     };
   }
 };

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

@@ -11,12 +11,13 @@
 /* empty css                                                                                                                */
 /* empty css                                                                                                                   */
 /* empty css                                                                                                                         */
-import { ref, computed, watch, createBlock, openBlock, unref, mergeProps, isRef, withCtx, createVNode } from "vue";
+import { ref, computed, watch, createBlock, openBlock, unref, mergeProps, isRef, createSlots, withCtx, createVNode, withModifiers } from "vue";
 import { MobileField } from "../field/index.mjs";
 import hooks from "../../../../../../node_modules/.pnpm/moment@2.30.1/node_modules/moment/dist/moment.mjs";
 import { parseDateFormatter } from "../../../utils/dateUtil.mjs";
 import { DatePicker } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/date-picker/index.mjs";
 import { Popup } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/popup/index.mjs";
+import { Icon } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/icon/index.mjs";
 const _sfc_main = {
   __name: "FieldDatePicker",
   props: {
@@ -93,6 +94,7 @@ const _sfc_main = {
       () => props.modelValue,
       (value) => {
         if (!value) {
+          fieldTextValue.value = "";
           return;
         }
         fieldTextValue.value = hooks(value, valueFormat).format(textFormat);
@@ -108,38 +110,51 @@ const _sfc_main = {
       showPicker.value = false;
     };
     return (_ctx, _cache) => {
+      const _component_van_icon = Icon;
       const _component_van_date_picker = DatePicker;
       const _component_van_popup = Popup;
       return openBlock(), createBlock(unref(MobileField), mergeProps(_ctx.$attrs, {
         modelValue: unref(fieldTextValue),
-        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
+        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
         "is-link": "",
         readonly: "",
-        onClick: _cache[4] || (_cache[4] = ($event) => showPicker.value = true)
-      }), {
+        onClick: _cache[5] || (_cache[5] = ($event) => showPicker.value = true)
+      }), createSlots({
         default: withCtx(() => [
           createVNode(_component_van_popup, {
             show: unref(showPicker),
-            "onUpdate:show": _cache[2] || (_cache[2] = ($event) => isRef(showPicker) ? showPicker.value = $event : null),
+            "onUpdate:show": _cache[3] || (_cache[3] = ($event) => isRef(showPicker) ? showPicker.value = $event : null),
             "destroy-on-close": "",
             position: "bottom"
           }, {
             default: withCtx(() => [
               createVNode(_component_van_date_picker, mergeProps(_ctx.$attrs, {
                 modelValue: unref(pickerValue),
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(pickerValue) ? pickerValue.value = $event : null),
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(pickerValue) ? pickerValue.value = $event : null),
                 readonly: false,
                 onConfirm,
                 columnsType: unref(columnsType),
                 formatter,
-                onCancel: _cache[1] || (_cache[1] = ($event) => showPicker.value = false)
+                onCancel: _cache[2] || (_cache[2] = ($event) => showPicker.value = false)
               }), null, 16, ["modelValue", "columnsType"])
             ]),
             _: 1
           }, 8, ["show"])
         ]),
-        _: 1
-      }, 16, ["modelValue"]);
+        _: 2
+      }, [
+        unref(fieldTextValue) ? {
+          name: "right-icon",
+          fn: withCtx(() => [
+            createVNode(_component_van_icon, {
+              name: "clear",
+              class: "custom-close-icon",
+              onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("update:modelValue", null), ["stop"]))
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["modelValue"]);
     };
   }
 };

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

@@ -11,9 +11,10 @@
 /* empty css                                                                                                                */
 /* empty css                                                                                                                         */
 /* empty css                                                                                                                   */
-import { ref, computed, watch, createBlock, openBlock, unref, mergeProps, isRef, withCtx, createVNode } from "vue";
+import { ref, computed, watch, createBlock, openBlock, unref, mergeProps, isRef, createSlots, withCtx, createVNode, withModifiers } from "vue";
 import { MobileField } from "../field/index.mjs";
 import { Picker } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/picker/index.mjs";
+import { Icon } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/icon/index.mjs";
 import { Popup } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/popup/index.mjs";
 const _sfc_main = {
   __name: "FieldPicker",
@@ -55,6 +56,7 @@ const _sfc_main = {
       () => props.modelValue,
       (value) => {
         if (!value) {
+          fieldTextValue.value = "";
           return;
         }
         const optionItem = props.pickerOptions.find(
@@ -69,19 +71,20 @@ const _sfc_main = {
       showPicker.value = false;
     };
     return (_ctx, _cache) => {
+      const _component_van_icon = Icon;
       const _component_van_picker = Picker;
       const _component_van_popup = Popup;
       return openBlock(), createBlock(unref(MobileField), mergeProps(_ctx.$attrs, {
         modelValue: unref(fieldTextValue),
-        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
+        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
         "is-link": "",
         readonly: "",
-        onClick: _cache[3] || (_cache[3] = ($event) => showPicker.value = true)
-      }), {
+        onClick: _cache[4] || (_cache[4] = ($event) => showPicker.value = true)
+      }), createSlots({
         default: withCtx(() => [
           createVNode(_component_van_popup, {
             show: unref(showPicker),
-            "onUpdate:show": _cache[1] || (_cache[1] = ($event) => isRef(showPicker) ? showPicker.value = $event : null),
+            "onUpdate:show": _cache[2] || (_cache[2] = ($event) => isRef(showPicker) ? showPicker.value = $event : null),
             "destroy-on-close": "",
             position: "bottom"
           }, {
@@ -92,14 +95,26 @@ const _sfc_main = {
                 "model-value": unref(pickerValue),
                 readonly: false,
                 onConfirm,
-                onCancel: _cache[0] || (_cache[0] = ($event) => showPicker.value = false)
+                onCancel: _cache[1] || (_cache[1] = ($event) => showPicker.value = false)
               }), null, 16, ["columns", "columns-field-names", "model-value"])
             ]),
             _: 1
           }, 8, ["show"])
         ]),
-        _: 1
-      }, 16, ["modelValue"]);
+        _: 2
+      }, [
+        unref(fieldTextValue) ? {
+          name: "right-icon",
+          fn: withCtx(() => [
+            createVNode(_component_van_icon, {
+              name: "clear",
+              class: "custom-close-icon",
+              onClick: _cache[0] || (_cache[0] = withModifiers(($event) => pickerValue.value = null, ["stop"]))
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["modelValue"]);
     };
   }
 };

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

@@ -11,12 +11,13 @@
 /* empty css                                                                                                                */
 /* empty css                                                                                                                   */
 /* empty css                                                                                                                         */
-import { ref, computed, watch, createBlock, openBlock, unref, mergeProps, isRef, withCtx, createVNode } from "vue";
+import { ref, computed, watch, createBlock, openBlock, unref, mergeProps, isRef, createSlots, withCtx, createVNode, withModifiers } from "vue";
 import { MobileField } from "../field/index.mjs";
 import hooks from "../../../../../../node_modules/.pnpm/moment@2.30.1/node_modules/moment/dist/moment.mjs";
 import { parseTimeFormatter } from "../../../utils/dateUtil.mjs";
 import { TimePicker } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/time-picker/index.mjs";
 import { Popup } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/popup/index.mjs";
+import { Icon } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/icon/index.mjs";
 const _sfc_main = {
   __name: "FieldTimePicker",
   props: {
@@ -95,6 +96,7 @@ const _sfc_main = {
       () => props.modelValue,
       (value) => {
         if (!value) {
+          fieldTextValue.value = "";
           return;
         }
         fieldTextValue.value = hooks(value, valueFormat).format(textFormat);
@@ -110,38 +112,51 @@ const _sfc_main = {
       showPicker.value = false;
     };
     return (_ctx, _cache) => {
+      const _component_van_icon = Icon;
       const _component_van_time_picker = TimePicker;
       const _component_van_popup = Popup;
       return openBlock(), createBlock(unref(MobileField), mergeProps(_ctx.$attrs, {
         modelValue: unref(fieldTextValue),
-        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
+        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
         "is-link": "",
         readonly: "",
-        onClick: _cache[4] || (_cache[4] = ($event) => showPicker.value = true)
-      }), {
+        onClick: _cache[5] || (_cache[5] = ($event) => showPicker.value = true)
+      }), createSlots({
         default: withCtx(() => [
           createVNode(_component_van_popup, {
             show: unref(showPicker),
-            "onUpdate:show": _cache[2] || (_cache[2] = ($event) => isRef(showPicker) ? showPicker.value = $event : null),
+            "onUpdate:show": _cache[3] || (_cache[3] = ($event) => isRef(showPicker) ? showPicker.value = $event : null),
             "destroy-on-close": "",
             position: "bottom"
           }, {
             default: withCtx(() => [
               createVNode(_component_van_time_picker, mergeProps(_ctx.$attrs, {
                 modelValue: unref(pickerValue),
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(pickerValue) ? pickerValue.value = $event : null),
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(pickerValue) ? pickerValue.value = $event : null),
                 readonly: false,
                 columnsType: unref(columnsType),
                 formatter,
                 onConfirm,
-                onCancel: _cache[1] || (_cache[1] = ($event) => showPicker.value = false)
+                onCancel: _cache[2] || (_cache[2] = ($event) => showPicker.value = false)
               }), null, 16, ["modelValue", "columnsType"])
             ]),
             _: 1
           }, 8, ["show"])
         ]),
-        _: 1
-      }, 16, ["modelValue"]);
+        _: 2
+      }, [
+        unref(fieldTextValue) ? {
+          name: "right-icon",
+          fn: withCtx(() => [
+            createVNode(_component_van_icon, {
+              name: "clear",
+              class: "custom-close-icon",
+              onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("update:modelValue", null), ["stop"]))
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["modelValue"]);
     };
   }
 };

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

@@ -0,0 +1,71 @@
+import useHttp from "../axios/index.mjs";
+const useDataSource = (dataSourceJson) => {
+  var _a, _b;
+  const dataSource = JSON.parse(dataSourceJson.replace(/'/g, '"'));
+  const globalDataHandle = dataSource.dataHandler ? createFn(dataSource.dataHandler.value) : (res) => res;
+  const http = useHttp(globalDataHandle);
+  const shouldFetch = ((_a = dataSource.shouldFetch) == null ? void 0 : _a.value) ? createFn(dataSource.shouldFetch.value) : () => true;
+  const willFetch = ((_b = dataSource.willFetch) == null ? void 0 : _b.value) ? createFn(dataSource.willFetch.value) : (options) => options;
+  const dataHandler = (res) => {
+    var _a2;
+    const data = ((_a2 = dataSource.dataHandler) == null ? void 0 : _a2.value) ? createFn(dataSource.dataHandler.value)(res) : res;
+    return data;
+  };
+  const errorHandler = (error) => {
+    var _a2;
+    if ((_a2 = dataSource.errorHandler) == null ? void 0 : _a2.value) {
+      createFn(dataSource.errorHandler.value)(error);
+    }
+  };
+  http.interceptors.request.use(willFetch, errorHandler);
+  http.interceptors.response.use(dataHandler, errorHandler);
+  return {
+    load: createLoad(http, dataSource, shouldFetch)
+  };
+};
+const createFn = (fnContent) => {
+  return (...args) => {
+    window.eval("var fn = " + fnContent);
+    return fn.apply(void 0, args);
+  };
+};
+const createLoad = (http, dataSource, shouldFetch) => (params) => {
+  if (!shouldFetch()) {
+    return;
+  }
+  if (dataSource.mockSwitch == "1") {
+    let mockData = dataSource.mockData;
+    return new Promise((resolve) => {
+      const mockDataHandle = createFn(dataSource.mockDataHandlerValue);
+      resolve(mockDataHandle(mockData));
+    });
+  }
+  const {
+    method,
+    uri: url,
+    params: defaultParams,
+    timeout,
+    headers,
+    serviceAddr
+  } = dataSource.options;
+  const config = { method, url, headers, timeout };
+  const data = params && JSON.stringify(params) != "{}" ? params : defaultParams;
+  if (serviceAddr) {
+    const serviceAddrValue = dataSource == null ? void 0 : dataSource.serviceAddr;
+    const serviceAddrItem = serviceAddrValue == null ? void 0 : serviceAddrValue.find(
+      (item) => item.name == serviceAddr
+    );
+    config.url = (serviceAddrItem == null ? void 0 : serviceAddrItem.url) ? serviceAddrItem.url + config.url : config.url;
+  } else {
+    config.url = config.url;
+  }
+  if (method.toLowerCase() === "get") {
+    config.params = data;
+  } else {
+    config.data = data;
+  }
+  return http.request(config);
+};
+export {
+  useDataSource
+};