@nutui/nutui 3.1.10 → 3.1.12-beta.1

package/dist/packages/_es/DatePicker.js

@@ -17,266 +17,498 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __require = typeof require !== "undefined" ? require : (x) => {
+  throw new Error('Dynamic require of "' + x + '" is not supported');
+};
 /*!
-* @nutui/nutui v3.1.10 Fri Nov 05 2021 19:52:49 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive, computed, onMounted, watch, toRefs, resolveComponent, openBlock, createBlock } from "vue";
-import picker from "./Picker.js";
+import { ref, reactive, computed, onMounted, watch, toRefs, openBlock, createElementBlock, normalizeStyle, createElementVNode, Fragment, renderList, toDisplayString, toRaw, resolveComponent, normalizeClass, createVNode, withCtx, createBlock, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
-import "./index.js";
-import "./Popup.js";
-import "./OverLay.js";
-import "./Icon.js";
+import { u as useTouch } from "./index.js";
+import { c as commonProps } from "./commonProps.js";
+import { a as _sfc_main$3, p as popupProps } from "./index3.js";
+import "./use-lock-scroll.js";
 import "./pxCheck.js";
-const { componentName, create } = createComponent("datepicker");
-const currentYear = new Date().getFullYear();
-function isDate(val) {
-  return Object.prototype.toString.call(val) === "[object Date]" && !isNaN(val.getTime());
+const MOMENTUM_LIMIT_DISTANCE = 15;
+const MOMENTUM_LIMIT_TIME = 300;
+const DEFAULT_DURATION = 200;
+const { create: create$2 } = createComponent("picker-column");
+function range(num, min, max) {
+  return Math.min(Math.max(num, min), max);
 }
-const zhCNType = {
-  day: "\u65E5",
-  year: "\u5E74",
-  month: "\u6708",
-  hour: "\u65F6",
-  minute: "\u5206",
-  seconds: "\u79D2"
-};
-const _sfc_main = create({
+function stopPropagation(event) {
+  event.stopPropagation();
+}
+function preventDefault(event, isStopPropagation) {
+  if (typeof event.cancelable !== "boolean" || event.cancelable) {
+    event.preventDefault();
+  }
+  if (isStopPropagation) {
+    stopPropagation(event);
+  }
+}
+function getElementTranslateY(element) {
+  const style = window.getComputedStyle(element);
+  const transform = style.transform || style.webkitTransform;
+  const translateY = transform.slice(7, transform.length - 1).split(", ")[5];
+  return Number(translateY);
+}
+function isObject(val) {
+  return val !== null && typeof val === "object";
+}
+function isOptionDisabled(option) {
+  return isObject(option) && option.disabled;
+}
+var _sfc_main$2 = create$2({
+  props: __spreadValues({
+    dataType: String
+  }, commonProps),
+  emits: ["click", "change"],
+  setup(props, { emit }) {
+    const wrapper = ref();
+    const state = reactive({
+      index: props.defaultIndex,
+      offset: 0,
+      duration: 0,
+      options: props.listData,
+      moving: false,
+      startOffset: 0,
+      touchStartTime: 0,
+      momentumOffset: 0,
+      transitionEndTrigger: null
+    });
+    const touch = useTouch();
+    const wrapperStyle = computed(() => ({
+      transform: `translate3d(0, ${state.offset + baseOffset()}px, 0)`,
+      transitionDuration: `${state.duration}ms`,
+      transitionProperty: state.duration ? "all" : "none"
+    }));
+    const getIndexByOffset = (offset) => {
+      return range(Math.round(-offset / +props.itemHeight), 0, state.options.length - 1);
+    };
+    const baseOffset = () => {
+      return +props.itemHeight * (+props.visibleItemCount - 1) / 2;
+    };
+    const stopMomentum = () => {
+      state.moving = false;
+      state.duration = 0;
+      if (state.transitionEndTrigger) {
+        state.transitionEndTrigger();
+        state.transitionEndTrigger = null;
+      }
+    };
+    const adjustIndex = (index) => {
+      index = range(index, 0, state.options.length);
+      for (let i = index; i < state.options.length; i++) {
+        if (!isOptionDisabled(state.options[i]))
+          return i;
+      }
+      for (let i = index - 1; i >= 0; i--) {
+        if (!isOptionDisabled(state.options[i]))
+          return i;
+      }
+    };
+    const setIndex = (index, emitChange = false) => {
+      index = adjustIndex(index) || 0;
+      const offset = -index * +props.itemHeight;
+      const trigger = () => {
+        if (index !== state.index) {
+          state.index = index;
+          if (emitChange) {
+            emit("change", index);
+          }
+        }
+      };
+      if (state.moving && offset !== state.offset) {
+        state.transitionEndTrigger = trigger;
+      } else {
+        trigger();
+      }
+      state.offset = offset;
+    };
+    const momentum = (distance, duration) => {
+      const speed = Math.abs(distance / duration);
+      distance = state.offset + speed / 0.03 * (distance < 0 ? -1 : 1);
+      const index = getIndexByOffset(distance);
+      setIndex(index, true);
+    };
+    const onTouchStart = (event) => {
+      if (props.readonly) {
+        return;
+      }
+      touch.start(event);
+      if (state.moving) {
+        const translateY = getElementTranslateY(wrapper.value);
+        state.offset = Math.min(0, translateY - baseOffset());
+        state.startOffset = state.offset;
+      } else {
+        state.startOffset = state.offset;
+      }
+      state.duration = 0;
+      state.touchStartTime = Date.now();
+      state.momentumOffset = state.startOffset;
+      state.transitionEndTrigger = null;
+    };
+    const onTouchMove = (event) => {
+      if (props.readonly) {
+        return;
+      }
+      state.moving = true;
+      touch.move(event);
+      if (touch.isVertical()) {
+        state.moving = true;
+        preventDefault(event, true);
+      }
+      const moveOffset = state.startOffset + touch.deltaY.value;
+      if (moveOffset > props.itemHeight) {
+        state.offset = props.itemHeight;
+      } else {
+        state.offset = state.startOffset + touch.deltaY.value;
+      }
+      const now = Date.now();
+      if (now - state.touchStartTime > MOMENTUM_LIMIT_TIME) {
+        state.touchStartTime = now;
+        state.momentumOffset = state.offset;
+      }
+    };
+    const onTouchEnd = () => {
+      const index = getIndexByOffset(state.offset);
+      state.duration = DEFAULT_DURATION;
+      setIndex(index, true);
+      const distance = state.offset - state.momentumOffset;
+      const duration = Date.now() - state.touchStartTime;
+      const allowMomentum = duration < MOMENTUM_LIMIT_TIME && Math.abs(distance) > MOMENTUM_LIMIT_DISTANCE;
+      if (allowMomentum) {
+        momentum(distance, duration);
+        return;
+      }
+    };
+    onMounted(() => {
+      setIndex(+props.defaultIndex);
+    });
+    watch(() => props.listData, (val) => {
+      if (val) {
+        state.options = val;
+      }
+    });
+    watch(() => props.defaultIndex, (val) => {
+      setIndex(+val);
+    });
+    return __spreadProps(__spreadValues({}, toRefs(state)), {
+      wrapper,
+      onTouchStart,
+      onTouchMove,
+      onTouchEnd,
+      wrapperStyle,
+      stopMomentum,
+      columns: state.options,
+      height: Number(props.visibleItemCount) * +props.itemHeight
+    });
+  }
+});
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: "nut-picker__content",
+    style: normalizeStyle({ height: _ctx.height + "px" }),
+    onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args)),
+    onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.onTouchMove && _ctx.onTouchMove(...args)),
+    onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args)),
+    onTouchcancel: _cache[3] || (_cache[3] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args)),
+    onTransitionend: _cache[4] || (_cache[4] = (...args) => _ctx.stopMomentum && _ctx.stopMomentum(...args))
+  }, [
+    createElementVNode("view", {
+      class: "nut-picker__wrapper",
+      ref: "wrapper",
+      style: normalizeStyle(_ctx.wrapperStyle)
+    }, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, index) => {
+        return openBlock(), createElementBlock("view", {
+          class: "nut-picker__item",
+          key: index
+        }, toDisplayString(_ctx.dataType === "cascade" ? item.text : item), 1);
+      }), 128))
+    ], 4)
+  ], 36);
+}
+_sfc_main$2.render = _sfc_render$2;
+const { create: create$1, componentName } = createComponent("picker");
+var _sfc_main$1 = create$1({
   components: {
-    [picker.name]: picker
+    [_sfc_main$2.name]: _sfc_main$2,
+    [_sfc_main$3.name]: _sfc_main$3
   },
-  props: {
-    modelValue: null,
-    visible: {
-      type: Boolean,
-      default: false
-    },
+  props: __spreadValues(__spreadProps(__spreadValues({}, popupProps), {
     title: {
       type: String,
       default: ""
     },
-    type: {
+    cancelText: {
       type: String,
-      default: "date"
-    },
-    isShowChinese: {
-      type: Boolean,
-      default: true
+      default: "\u53D6\u6D88"
     },
-    minuteStep: {
-      type: Number,
-      default: 1
-    },
-    minDate: {
-      type: Date,
-      default: () => new Date(currentYear - 10, 0, 1),
-      validator: isDate
-    },
-    maxDate: {
-      type: Date,
-      default: () => new Date(currentYear + 10, 11, 31),
-      validator: isDate
+    okText: {
+      type: String,
+      default: "\u786E\u5B9A"
     }
-  },
-  emits: ["click", "update:visible", "confirm"],
+  }), commonProps),
+  emits: ["close", "change", "confirm", "update:visible"],
   setup(props, { emit }) {
+    const childrenKey = "children";
+    const valuesKey = "values";
     const state = reactive({
       show: false,
-      currentDate: new Date(),
-      title: props.title
+      formattedColumns: props.listData,
+      defaultIndex: props.defaultIndex
     });
-    const formatValue = (value) => {
-      if (!isDate(value)) {
-        value = props.minDate;
-      }
-      let timestmp = Math.max(value.getTime(), props.minDate.getTime());
-      timestmp = Math.min(timestmp, props.maxDate.getTime());
-      return new Date(timestmp);
-    };
-    function getMonthEndDay(year, month) {
-      return 32 - new Date(year, month - 1, 32).getDate();
-    }
-    const getBoundary = (type, value) => {
-      const boundary = props[`${type}Date`];
-      const year = boundary.getFullYear();
-      let month = 1;
-      let date = 1;
-      let hour = 0;
-      let minute = 0;
-      if (type === "max") {
-        month = 12;
-        date = getMonthEndDay(value.getFullYear(), value.getMonth() + 1);
-        hour = 23;
-        minute = 59;
-      }
-      const seconds = minute;
-      if (value.getFullYear() === year) {
-        month = boundary.getMonth() + 1;
-        if (value.getMonth() + 1 === month) {
-          date = boundary.getDate();
-          if (value.getDate() === date) {
-            hour = boundary.getHours();
-            if (value.getHours() === hour) {
-              minute = boundary.getMinutes();
-            }
-          }
-        }
-      }
+    let _defaultIndex = props.defaultIndex;
+    let defaultIndexList = [];
+    const classes = computed(() => {
+      const prefixCls = componentName;
       return {
-        [`${type}Year`]: year,
-        [`${type}Month`]: month,
-        [`${type}Date`]: date,
-        [`${type}Hour`]: hour,
-        [`${type}Minute`]: minute,
-        [`${type}Seconds`]: seconds
+        [prefixCls]: true
       };
-    };
-    const ranges = computed(() => {
-      const { maxYear, maxDate, maxMonth, maxHour, maxMinute, maxSeconds } = getBoundary("max", state.currentDate);
-      const { minYear, minDate, minMonth, minHour, minMinute, minSeconds } = getBoundary("min", state.currentDate);
-      let result = [
-        {
-          type: "year",
-          range: [minYear, maxYear]
-        },
-        {
-          type: "month",
-          range: [minMonth, maxMonth]
-        },
-        {
-          type: "day",
-          range: [minDate, maxDate]
-        },
-        {
-          type: "hour",
-          range: [minHour, maxHour]
-        },
-        {
-          type: "minute",
-          range: [minMinute, maxMinute]
-        },
-        {
-          type: "seconds",
-          range: [minSeconds, maxSeconds]
+    });
+    const top = computed(() => {
+      return Number(+props.visibleItemCount - 1) / 2 * +props.itemHeight;
+    });
+    const height = computed(() => {
+      return Number(props.visibleItemCount) * +props.itemHeight;
+    });
+    const dataType = computed(() => {
+      const firstColumn = state.formattedColumns[0];
+      if (typeof firstColumn === "object") {
+        if (firstColumn[childrenKey]) {
+          return "cascade";
+        } else if (firstColumn == null ? void 0 : firstColumn[valuesKey]) {
+          addDefaultIndexList(props.listData);
+          return "multipleColumns";
         }
-      ];
-      switch (props.type) {
-        case "date":
-          result = result.slice(0, 3);
-          break;
-        case "datetime":
-          result = result.slice(0, 5);
-          break;
-        case "time":
-          result = result.slice(3, 6);
-          break;
-        case "month-day":
-          result = result.slice(1, 3);
-          break;
-        case "datehour":
-          result = result.slice(0, 4);
-          break;
       }
-      return result;
+      return "text";
     });
-    const changeHandler = (val) => {
-      if (["date", "datetime"].includes(props.type)) {
-        let formatDate = [];
-        if (props.isShowChinese) {
-          formatDate = val.map((res) => {
-            return Number(res.slice(0, res.length - 1));
-          });
-        } else {
-          formatDate = val;
-        }
-        if (props.type === "date") {
-          state.currentDate = formatValue(new Date(formatDate[0], formatDate[1] - 1, Math.min(formatDate[2], getMonthEndDay(formatDate[0], formatDate[1]))));
-        } else if (props.type === "datetime") {
-          state.currentDate = formatValue(new Date(formatDate[0], formatDate[1] - 1, Math.min(formatDate[2], getMonthEndDay(formatDate[0], formatDate[1])), formatDate[3], formatDate[4]));
-        }
+    const columnList = computed(() => {
+      if (dataType.value === "text") {
+        return [
+          { values: state.formattedColumns, defaultIndex: state.defaultIndex }
+        ];
+      } else if (dataType.value === "multipleColumns") {
+        return state.formattedColumns;
+      } else if (dataType.value === "cascade") {
+        return formatCascade(state.formattedColumns, state.defaultIndex);
       }
+      return state.formattedColumns;
+    });
+    const addDefaultIndexList = (listData) => {
+      defaultIndexList = [];
+      listData.forEach((res) => {
+        defaultIndexList.push(res.defaultIndex || 0);
+      });
     };
-    const generateValue = (min, max, val, type) => {
-      if (!(max > min))
-        return;
-      const arr = [];
-      let index2 = 0;
-      while (min <= max) {
-        if (props.isShowChinese) {
-          arr.push(min + zhCNType[type]);
-        } else {
-          arr.push(min);
-        }
-        if (type === "minute") {
-          min += props.minuteStep;
-        } else {
-          min++;
-        }
-        if (min <= val) {
-          index2++;
-        }
+    const formatCascade = (listData, defaultIndex) => {
+      const formatted = [];
+      let children = listData;
+      children.defaultIndex = defaultIndex;
+      while (children) {
+        formatted.push({
+          values: children,
+          defaultIndex: children.defaultIndex || 0
+        });
+        children = children == null ? void 0 : children[children.defaultIndex || 0].children;
       }
-      return { values: arr, defaultIndex: index2 };
+      addDefaultIndexList(formatted);
+      return formatted;
     };
-    const getDateIndex = (type) => {
-      if (type === "year") {
-        return state.currentDate.getFullYear();
-      } else if (type === "month") {
-        return state.currentDate.getMonth() + 1;
-      } else if (type === "day") {
-        return state.currentDate.getDate();
-      } else if (type === "hour") {
-        return state.currentDate.getHours();
-      } else if (type === "minute") {
-        return state.currentDate.getMinutes();
-      } else if (type === "seconds") {
-        return state.currentDate.getSeconds();
+    const getCascadeData = (listData, defaultIndex) => {
+      var _a;
+      let arr = listData;
+      arr.defaultIndex = defaultIndex;
+      const dataList = [];
+      while (arr) {
+        const item = arr[(_a = arr.defaultIndex) != null ? _a : 0];
+        dataList.push(item.text);
+        arr = item.children;
       }
-      return 0;
+      return dataList;
     };
-    const columns = computed(() => {
-      const val = ranges.value.map((res) => {
-        return generateValue(res.range[0], res.range[1], getDateIndex(res.type), res.type);
-      });
-      return val;
-    });
-    const closeHandler = () => {
+    const close = () => {
+      emit("close");
       emit("update:visible", false);
     };
-    const confirm = (val) => {
+    const changeHandler = (columnIndex, dataIndex) => {
+      if (dataType.value === "cascade") {
+        let cursor = state.formattedColumns;
+        if (columnIndex === 0) {
+          state.defaultIndex = dataIndex;
+        }
+        let i = 0;
+        while (cursor) {
+          if (i === columnIndex) {
+            cursor.defaultIndex = dataIndex;
+          } else if (i > columnIndex) {
+            cursor.defaultIndex = 0;
+          }
+          cursor = cursor[cursor.defaultIndex || 0].children;
+          i++;
+        }
+      } else if (dataType.value === "text") {
+        _defaultIndex = dataIndex;
+      } else if (dataType.value === "multipleColumns") {
+        defaultIndexList[columnIndex] = dataIndex;
+        const val = defaultIndexList.map((res, i) => toRaw(state.formattedColumns)[i].values[res]);
+        emit("change", val);
+      }
+    };
+    const confirm2 = () => {
+      if (dataType.value === "text") {
+        state.defaultIndex = _defaultIndex;
+        emit("confirm", state.formattedColumns[_defaultIndex]);
+      } else if (dataType.value === "multipleColumns") {
+        for (let i = 0; i < defaultIndexList.length; i++) {
+          state.formattedColumns[i].defaultIndex = defaultIndexList[i];
+        }
+        const checkedArr = toRaw(state.formattedColumns).map((res) => res.values && res.values[res.defaultIndex]);
+        emit("confirm", checkedArr);
+      } else if (dataType.value === "cascade") {
+        emit("confirm", getCascadeData(toRaw(state.formattedColumns), state.defaultIndex));
+      }
       emit("update:visible", false);
-      emit("confirm", val);
     };
-    onMounted(() => {
-      state.currentDate = formatValue(props.modelValue);
-    });
-    watch(() => props.title, (val) => {
-      state.title = val;
-    });
     watch(() => props.visible, (val) => {
       state.show = val;
     });
-    return __spreadProps(__spreadValues({}, toRefs(state)), {
+    watch(() => props.listData, (val) => {
+      state.formattedColumns = val;
+    });
+    return __spreadProps(__spreadValues({
+      classes
+    }, toRefs(state)), {
+      column: _sfc_main$2,
+      dataType,
+      columnList,
+      top,
+      height,
+      close,
       changeHandler,
-      closeHandler,
-      confirm,
-      columns
+      confirm: confirm2
     });
   }
 });
+const _hoisted_1 = { class: "nut-picker__bar" };
+const _hoisted_2 = { class: "nut-picker__column" };
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_picker_column = resolveComponent("nut-picker-column");
+  const _component_nut_popup = resolveComponent("nut-popup");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
+  }, [
+    createVNode(_component_nut_popup, {
+      position: "bottom",
+      style: normalizeStyle({ height: _ctx.height + 56 + "px" }),
+      visible: _ctx.show,
+      "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => _ctx.show = $event),
+      teleport: _ctx.teleport,
+      "lock-scroll": _ctx.lockScroll,
+      "close-on-click-overlay": _ctx.closeOnClickOverlay,
+      onClose: _ctx.close
+    }, {
+      default: withCtx(() => [
+        createElementVNode("view", _hoisted_1, [
+          createElementVNode("view", {
+            class: "nut-picker__left nut-picker__button",
+            onClick: _cache[0] || (_cache[0] = (...args) => _ctx.close && _ctx.close(...args))
+          }, toDisplayString(_ctx.cancelText), 1),
+          createElementVNode("view", null, toDisplayString(_ctx.title), 1),
+          createElementVNode("view", {
+            class: "nut-picker__button",
+            onClick: _cache[1] || (_cache[1] = ($event) => _ctx.confirm())
+          }, toDisplayString(_ctx.okText), 1)
+        ]),
+        createElementVNode("view", _hoisted_2, [
+          createElementVNode("view", {
+            class: "nut-picker__mask",
+            style: normalizeStyle({ backgroundSize: `100% ${_ctx.top}px` })
+          }, null, 4),
+          createElementVNode("view", {
+            class: "nut-picker__hairline",
+            style: normalizeStyle({ top: ` ${_ctx.top}px` })
+          }, null, 4),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columnList, (item, columnIndex) => {
+            return openBlock(), createElementBlock("view", {
+              class: "nut-picker__columnitem",
+              key: columnIndex
+            }, [
+              createVNode(_component_nut_picker_column, {
+                "list-data": item.values,
+                readonly: _ctx.readonly,
+                "default-index": item.defaultIndex,
+                "visible-item-count": _ctx.visibleItemCount,
+                "item-height": _ctx.itemHeight,
+                "data-type": _ctx.dataType,
+                onChange: (dataIndex) => {
+                  _ctx.changeHandler(columnIndex, dataIndex);
+                }
+              }, null, 8, ["list-data", "readonly", "default-index", "visible-item-count", "item-height", "data-type", "onChange"])
+            ]);
+          }), 128))
+        ])
+      ]),
+      _: 1
+    }, 8, ["style", "visible", "teleport", "lock-scroll", "close-on-click-overlay", "onClose"])
+  ], 2);
+}
+_sfc_main$1.render = _sfc_render$1;
+const { create } = createComponent("datepicker");
+var _sfc_main = create({
+  components: {
+    [_sfc_main$1.name]: [_sfc_main$1]
+  },
+  props: {
+    value: {
+      type: String,
+      default: new Date()
+    },
+    start: {
+      type: String,
+      default: "1970-01-01"
+    },
+    end: {
+      type: String,
+      default: "2999-01-01"
+    },
+    fields: {
+      type: String,
+      default: "day"
+    }
+  },
+  emits: ["onChange"],
+  setup(props, { emit }) {
+    const onChange = (e) => {
+      emit("onChange", e.detail.value);
+    };
+    return __spreadValues({
+      confirm,
+      onChange
+    }, toRefs(props));
+  }
+});
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_picker = resolveComponent("nut-picker");
-  return openBlock(), createBlock(_component_nut_picker, {
-    visible: _ctx.show,
-    onClose: _ctx.closeHandler,
-    "list-data": _ctx.columns,
-    onChange: _ctx.changeHandler,
-    title: _ctx.title,
-    onConfirm: _ctx.confirm
-  }, null, 8, ["visible", "onClose", "list-data", "onChange", "title", "onConfirm"]);
+  const _component_picker = resolveComponent("picker");
+  return openBlock(), createBlock(_component_picker, {
+    mode: "date",
+    onChange: _ctx.onChange,
+    value: _ctx.value,
+    start: _ctx.start,
+    end: _ctx.end,
+    fields: _ctx.fields
+  }, {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3
+  }, 8, ["onChange", "value", "start", "end", "fields"]);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+_sfc_main.render = _sfc_render;
+export { _sfc_main as default };