@fecp/mobile 1.0.5 → 1.0.7

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

@@ -0,0 +1,110 @@
+/* empty css                                                                                                                 */
+/* empty css                                                                                                                  */
+/* empty css                                                                                                                 */
+/* empty css                                                                                                                    */
+/* empty css                                                                                                                  */
+/* empty css                                                                                                                    */
+/* empty css                                                                                                                   */
+/* empty css                                                                                                                  */
+/* empty css                                                                                                                       */
+/* empty css                                                                                                                 */
+/* empty css                                                                                                                */
+/* empty css                                                                                                                   */
+/* empty css                                                                                                                         */
+/* empty css                                                                                                                 */
+/* empty css                                                                                                                  */
+import { ref, computed, watch, createElementBlock, openBlock, Fragment, createVNode, mergeProps, unref, isRef, createSlots, renderList, withCtx, renderSlot } from "vue";
+import hooks from "../../../../../../node_modules/.pnpm/moment@2.30.1/node_modules/moment/dist/moment.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 { Field } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/field/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: "FieldTimePicker",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    textFormat: {
+      type: String,
+      default: "HH:mm:ss"
+    },
+    valueFormat: {
+      type: String,
+      default: "HH:mm:ss"
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const fieldTextValue = ref("");
+    const showPicker = ref(false);
+    const emit = __emit;
+    const pickerValue = computed(() => {
+      const date = hooks(props.modelValue, props.valueFormat);
+      const value = [date.hours(), date.minutes(), date.seconds()];
+      return value;
+    });
+    watch(
+      () => props.modelValue,
+      (value) => {
+        fieldTextValue.value = hooks(value, props.valueFormat).format(
+          props.textFormat
+        );
+      },
+      { immediate: true }
+    );
+    const onConfirm = ({ selectedValues, selectedOptions, selectedIndexes }) => {
+      const val = hooks(
+        `${selectedValues[0]}${selectedValues[1]}${selectedValues[2]}`,
+        "HH:mm:ss"
+      ).format(props.valueFormat);
+      emit("update:modelValue", val);
+      showPicker.value = false;
+    };
+    return (_ctx, _cache) => {
+      const _component_van_field = Field;
+      const _component_van_time_picker = TimePicker;
+      const _component_van_popup = Popup;
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_component_van_field, mergeProps({
+          modelValue: unref(fieldTextValue),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
+          "is-link": "",
+          readonly: "",
+          name: "picker"
+        }, _ctx.$attrs, {
+          onClick: _cache[1] || (_cache[1] = ($event) => showPicker.value = true)
+        }), createSlots({ _: 2 }, [
+          renderList(_ctx.$slots, (item, key) => {
+            return {
+              name: key,
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, key)
+              ])
+            };
+          })
+        ]), 1040, ["modelValue"]),
+        createVNode(_component_van_popup, {
+          show: unref(showPicker),
+          "onUpdate:show": _cache[4] || (_cache[4] = ($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[2] || (_cache[2] = ($event) => isRef(pickerValue) ? pickerValue.value = $event : null),
+              onConfirm,
+              onCancel: _cache[3] || (_cache[3] = ($event) => showPicker.value = false)
+            }), null, 16, ["modelValue"])
+          ]),
+          _: 1
+        }, 8, ["show"])
+      ], 64);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};

package/es/packages/mobile/src/components/form/fieldTimePicker/index.mjs

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