@yimou6/common-ui 1.6.5 → 1.7.0

package/es/components/date-picker/src/date-picker.vue.d.ts

@@ -0,0 +1,208 @@
+import { PropType } from 'vue';
+import type { Shortcuts } from './date-picker';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<string | string[]>;
+        default: null;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    startPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    endPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    format: {
+        type: StringConstructor;
+        default: null;
+    };
+    valueFormat: {
+        type: StringConstructor;
+        default: null;
+    };
+    shortcuts: {
+        type: PropType<Shortcuts[]>;
+        default: () => never[];
+    };
+    disabledDate: {
+        type: FunctionConstructor;
+        default: () => boolean;
+    };
+    rangeSeparator: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    MonthPicker: any;
+    QuarterPicker: any;
+    RangePicker: any;
+    WeekPicker: any;
+    YearPicker: any;
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: PropType<string | string[]>;
+            default: null;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        startPlaceholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        endPlaceholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: StringConstructor;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        format: {
+            type: StringConstructor;
+            default: null;
+        };
+        valueFormat: {
+            type: StringConstructor;
+            default: null;
+        };
+        shortcuts: {
+            type: PropType<Shortcuts[]>;
+            default: () => never[];
+        };
+        disabledDate: {
+            type: FunctionConstructor;
+            default: () => boolean;
+        };
+        rangeSeparator: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+        onClear?: ((...args: any[]) => any) | undefined;
+        onSelect?: ((...args: any[]) => any) | undefined;
+    }> & {}>;
+    inputValue: import("vue").Ref<string | string[], string | string[]>;
+    emit: (event: "clear" | "update:modelValue" | "change" | "select", ...args: any[]) => void;
+    onChange: (value: any) => void;
+    onSelect: (value: any) => void;
+    realShortcuts: import("vue").ComputedRef<{
+        label: string | undefined;
+        value: any;
+    }[]>;
+    defaultProps: import("vue").ComputedRef<{
+        format: string;
+        valueFormat: string;
+        shortcuts: {
+            label: string | undefined;
+            value: any;
+        }[];
+    }>;
+    realPlaceholder: import("vue").ComputedRef<string | string[]>;
+    readonly DatePicker: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "update:modelValue" | "change" | "select")[], "clear" | "update:modelValue" | "change" | "select", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<string | string[]>;
+        default: null;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    startPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    endPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    format: {
+        type: StringConstructor;
+        default: null;
+    };
+    valueFormat: {
+        type: StringConstructor;
+        default: null;
+    };
+    shortcuts: {
+        type: PropType<Shortcuts[]>;
+        default: () => never[];
+    };
+    disabledDate: {
+        type: FunctionConstructor;
+        default: () => boolean;
+    };
+    rangeSeparator: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: string | string[];
+    format: string;
+    type: string;
+    disabled: boolean;
+    placeholder: string;
+    startPlaceholder: string;
+    endPlaceholder: string;
+    clearable: boolean;
+    valueFormat: string;
+    shortcuts: Shortcuts[];
+    disabledDate: Function;
+    rangeSeparator: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/date-picker/src/date-picker.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './date-picker.vue2.mjs';
+
+
+
+export { _sfc_main as default };
+//# sourceMappingURL=date-picker.vue.mjs.map

package/es/components/date-picker/src/date-picker.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/es/components/date-picker/src/date-picker.vue2.mjs

@@ -0,0 +1,400 @@
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createBlock, unref, createCommentVNode } from 'vue';
+import { DatePicker } from '@arco-design/web-vue';
+import dayjs from '../../../_virtual/dayjs.min.mjs';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+const _hoisted_1 = { class: "i-date-picker" };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "IDatePicker"
+  },
+  __name: "date-picker",
+  props: {
+    modelValue: {
+      type: [String, Array],
+      default: null
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    startPlaceholder: {
+      type: String,
+      default: ""
+    },
+    endPlaceholder: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    clearable: {
+      type: Boolean,
+      default: true
+    },
+    size: {
+      type: String
+    },
+    type: {
+      type: String,
+      default: "date"
+      //'year' | 'yearrange' |'month' | 'monthrange' | 'date' | 'daterange' | 'datetime' | 'datetimerange' | 'week' | 'weekrange' | 'quarter' | 'quarterrange'
+    },
+    format: {
+      type: String,
+      default: null
+    },
+    valueFormat: {
+      type: String,
+      default: null
+    },
+    shortcuts: {
+      type: Array,
+      default: /* @__PURE__ */ __name(() => [], "default")
+    },
+    disabledDate: {
+      type: Function,
+      default: /* @__PURE__ */ __name(() => false, "default")
+    },
+    rangeSeparator: {
+      type: String,
+      default: "-"
+    }
+  },
+  emits: ["change", "clear", "select", "update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const { MonthPicker, QuarterPicker, RangePicker, WeekPicker, YearPicker } = DatePicker;
+    const props = __props;
+    const inputValue = ref(props.modelValue);
+    const emit = __emit;
+    function onChange(value) {
+      emit("change", value);
+    }
+    __name(onChange, "onChange");
+    function onSelect(value) {
+      emit("select", value);
+    }
+    __name(onSelect, "onSelect");
+    const realShortcuts = computed(() => {
+      return props.shortcuts.map((item) => {
+        return {
+          label: item.text,
+          value: item.value
+        };
+      });
+    });
+    const defaultProps = computed(() => {
+      const now = dayjs().endOf("day");
+      const date1 = dayjs().subtract(7, "day").startOf("day");
+      const date2 = dayjs().subtract(1, "month").startOf("day");
+      const date3 = dayjs().subtract(1, "year").startOf("day");
+      switch (props.type) {
+        case "year":
+          return {
+            format: props.format || "YYYY",
+            valueFormat: props.valueFormat || "YYYY",
+            shortcuts: realShortcuts.value || []
+          };
+        case "yearrange":
+          return {
+            format: props.format || "YYYY",
+            valueFormat: props.valueFormat || "YYYY",
+            shortcuts: realShortcuts.value || []
+          };
+        case "month":
+          return {
+            format: props.format || "YYYY-MM",
+            valueFormat: props.valueFormat || "YYYY-MM",
+            shortcuts: realShortcuts.value || []
+          };
+        case "monthrange":
+          return {
+            format: props.format || "YYYY-MM",
+            valueFormat: props.valueFormat || "YYYY-MM",
+            shortcuts: realShortcuts.value || []
+          };
+        case "week":
+          return {
+            format: props.format || "gggg-wo",
+            valueFormat: props.valueFormat || "gggg-wo",
+            shortcuts: realShortcuts.value || []
+          };
+        case "weekrange":
+          return {
+            format: props.format || "gggg-wo",
+            valueFormat: props.valueFormat || "gggg-wo",
+            shortcuts: realShortcuts.value || []
+          };
+        case "quarter":
+          return {
+            format: props.format || "YYYY-[Q]Q",
+            valueFormat: props.valueFormat || "YYYY-[Q]Q",
+            shortcuts: realShortcuts.value || []
+          };
+        case "quarterrange":
+          return {
+            format: props.format || "YYYY-[Q]Q",
+            valueFormat: props.valueFormat || "YYYY-[Q]Q",
+            shortcuts: realShortcuts.value || []
+          };
+        case "date":
+          return {
+            format: props.format || "YYYY-MM-DD",
+            valueFormat: props.valueFormat || "YYYY-MM-DD",
+            shortcuts: realShortcuts.value.length === 0 ? [
+              {
+                label: "7\u5929\u524D",
+                value: date1
+              },
+              {
+                label: "1\u6708\u524D",
+                value: date2
+              },
+              {
+                label: "1\u5E74\u524D",
+                value: date3
+              }
+            ] : realShortcuts.value
+          };
+        case "daterange":
+          return {
+            format: props.format || "YYYY-MM-DD",
+            valueFormat: props.valueFormat || "YYYY-MM-DD",
+            shortcuts: realShortcuts.value.length === 0 ? [
+              {
+                label: "\u6700\u8FD17\u5929",
+                value: [date1, now]
+              },
+              {
+                label: "\u6700\u8FD11\u6708",
+                value: [date2, now]
+              },
+              {
+                label: "\u6700\u8FD11\u5E74",
+                value: [date3, now]
+              }
+            ] : realShortcuts.value
+          };
+        case "datetime":
+          return {
+            format: props.format || "YYYY-MM-DD HH:mm:ss",
+            valueFormat: props.valueFormat || "YYYY-MM-DD HH:mm:ss",
+            shortcuts: realShortcuts.value.length === 0 ? [
+              {
+                label: "7\u5929\u524D",
+                value: date1
+              },
+              {
+                label: "1\u6708\u524D",
+                value: date2
+              },
+              {
+                label: "1\u5E74\u524D",
+                value: date3
+              }
+            ] : realShortcuts.value
+          };
+        case "datetimerange":
+          return {
+            format: props.format || "YYYY-MM-DD HH:mm:ss",
+            valueFormat: props.valueFormat || "YYYY-MM-DD HH:mm:ss",
+            shortcuts: realShortcuts.value.length === 0 ? [
+              {
+                label: "\u6700\u8FD17\u5929",
+                value: [date1, now]
+              },
+              {
+                label: "\u6700\u8FD11\u6708",
+                value: [date2, now]
+              },
+              {
+                label: "\u6700\u8FD11\u5E74",
+                value: [date3, now]
+              }
+            ] : realShortcuts.value
+          };
+        default:
+          return {
+            format: props.format || "YYYY-MM-DD",
+            valueFormat: props.valueFormat || "YYYY-MM-DD",
+            shortcuts: []
+          };
+      }
+    });
+    const realPlaceholder = computed(() => {
+      if (props.startPlaceholder && props.endPlaceholder) {
+        return [props.startPlaceholder, props.endPlaceholder];
+      } else {
+        return props.placeholder;
+      }
+    });
+    watch(() => props.modelValue, (val) => {
+      inputValue.value = val;
+    });
+    watch(inputValue, (val) => {
+      emit("update:modelValue", val);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.type === "year" ? (openBlock(), createBlock(unref(YearPicker), {
+          key: 0,
+          disabled: __props.disabled,
+          modelValue: inputValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+          "allow-clear": __props.clearable,
+          format: defaultProps.value.format,
+          placeholder: realPlaceholder.value,
+          "value-format": defaultProps.value.valueFormat,
+          shortcuts: defaultProps.value.shortcuts,
+          onSelect,
+          onChange
+        }, null, 8, ["disabled", "modelValue", "allow-clear", "format", "placeholder", "value-format", "shortcuts"])) : __props.type === "yearrange" ? (openBlock(), createBlock(unref(RangePicker), {
+          key: 1,
+          mode: "year",
+          modelValue: inputValue.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => inputValue.value = $event),
+          separator: __props.rangeSeparator,
+          "allow-clear": __props.clearable,
+          disabled: __props.disabled,
+          format: defaultProps.value.format,
+          placeholder: realPlaceholder.value,
+          "value-format": defaultProps.value.valueFormat,
+          shortcuts: defaultProps.value.shortcuts,
+          onSelect,
+          onChange
+        }, null, 8, ["modelValue", "separator", "allow-clear", "disabled", "format", "placeholder", "value-format", "shortcuts"])) : __props.type === "month" ? (openBlock(), createBlock(unref(MonthPicker), {
+          key: 2,
+          modelValue: inputValue.value,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => inputValue.value = $event),
+          "allow-clear": __props.clearable,
+          disabled: __props.disabled,
+          format: defaultProps.value.format,
+          placeholder: realPlaceholder.value,
+          "value-format": defaultProps.value.valueFormat,
+          shortcuts: defaultProps.value.shortcuts,
+          onSelect,
+          onChange
+        }, null, 8, ["modelValue", "allow-clear", "disabled", "format", "placeholder", "value-format", "shortcuts"])) : __props.type === "monthrange" ? (openBlock(), createBlock(unref(RangePicker), {
+          key: 3,
+          mode: "month",
+          modelValue: inputValue.value,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => inputValue.value = $event),
+          separator: __props.rangeSeparator,
+          "allow-clear": __props.clearable,
+          disabled: __props.disabled,
+          format: defaultProps.value.format,
+          placeholder: realPlaceholder.value,
+          "value-format": defaultProps.value.valueFormat,
+          shortcuts: defaultProps.value.shortcuts,
+          onSelect,
+          onChange
+        }, null, 8, ["modelValue", "separator", "allow-clear", "disabled", "format", "placeholder", "value-format", "shortcuts"])) : __props.type === "date" ? (openBlock(), createBlock(unref(DatePicker), {
+          key: 4,
+          modelValue: inputValue.value,
+          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => inputValue.value = $event),
+          "disabled-date": __props.disabledDate,
+          "allow-clear": __props.clearable,
+          disabled: __props.disabled,
+          format: defaultProps.value.format,
+          placeholder: realPlaceholder.value,
+          "value-format": defaultProps.value.valueFormat,
+          shortcuts: defaultProps.value.shortcuts,
+          onSelect,
+          onChange
+        }, null, 8, ["modelValue", "disabled-date", "allow-clear", "disabled", "format", "placeholder", "value-format", "shortcuts"])) : __props.type === "daterange" ? (openBlock(), createBlock(unref(RangePicker), {
+          key: 5,
+          mode: "date",
+          modelValue: inputValue.value,
+          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => inputValue.value = $event),
+          separator: __props.rangeSeparator,
+          "disabled-date": __props.disabledDate,
+          "allow-clear": __props.clearable,
+          disabled: __props.disabled,
+          format: defaultProps.value.format,
+          placeholder: realPlaceholder.value,
+          "value-format": defaultProps.value.valueFormat,
+          shortcuts: defaultProps.value.shortcuts,
+          onSelect,
+          onChange
+        }, null, 8, ["modelValue", "separator", "disabled-date", "allow-clear", "disabled", "format", "placeholder", "value-format", "shortcuts"])) : __props.type === "week" ? (openBlock(), createBlock(unref(WeekPicker), {
+          key: 6,
+          modelValue: inputValue.value,
+          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => inputValue.value = $event),
+          "allow-clear": __props.clearable,
+          disabled: __props.disabled,
+          placeholder: realPlaceholder.value,
+          shortcuts: defaultProps.value.shortcuts,
+          onSelect,
+          onChange
+        }, null, 8, ["modelValue", "allow-clear", "disabled", "placeholder", "shortcuts"])) : __props.type === "weekrange" ? (openBlock(), createBlock(unref(RangePicker), {
+          key: 7,
+          mode: "week",
+          modelValue: inputValue.value,
+          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => inputValue.value = $event),
+          separator: __props.rangeSeparator,
+          "allow-clear": __props.clearable,
+          disabled: __props.disabled,
+          placeholder: realPlaceholder.value,
+          onSelect,
+          onChange
+        }, null, 8, ["modelValue", "separator", "allow-clear", "disabled", "placeholder"])) : __props.type === "quarter" ? (openBlock(), createBlock(unref(QuarterPicker), {
+          key: 8,
+          modelValue: inputValue.value,
+          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => inputValue.value = $event),
+          "allow-clear": __props.clearable,
+          disabled: __props.disabled,
+          placeholder: realPlaceholder.value,
+          shortcuts: defaultProps.value.shortcuts,
+          onSelect,
+          onChange
+        }, null, 8, ["modelValue", "allow-clear", "disabled", "placeholder", "shortcuts"])) : __props.type === "quarterrange" ? (openBlock(), createBlock(unref(RangePicker), {
+          key: 9,
+          mode: "quarter",
+          modelValue: inputValue.value,
+          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => inputValue.value = $event),
+          separator: __props.rangeSeparator,
+          "allow-clear": __props.clearable,
+          disabled: __props.disabled,
+          placeholder: realPlaceholder.value,
+          onSelect,
+          onChange
+        }, null, 8, ["modelValue", "separator", "allow-clear", "disabled", "placeholder"])) : __props.type === "datetime" ? (openBlock(), createBlock(unref(DatePicker), {
+          key: 10,
+          showTime: "",
+          modelValue: inputValue.value,
+          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => inputValue.value = $event),
+          "disabled-date": __props.disabledDate,
+          "allow-clear": __props.clearable,
+          disabled: __props.disabled,
+          format: defaultProps.value.format,
+          placeholder: realPlaceholder.value,
+          "value-format": defaultProps.value.valueFormat,
+          shortcuts: defaultProps.value.shortcuts,
+          onSelect,
+          onChange
+        }, null, 8, ["modelValue", "disabled-date", "allow-clear", "disabled", "format", "placeholder", "value-format", "shortcuts"])) : __props.type === "datetimerange" ? (openBlock(), createBlock(unref(RangePicker), {
+          key: 11,
+          showTime: "",
+          modelValue: inputValue.value,
+          "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => inputValue.value = $event),
+          separator: __props.rangeSeparator,
+          "disabled-date": __props.disabledDate,
+          "allow-clear": __props.clearable,
+          disabled: __props.disabled,
+          format: defaultProps.value.format,
+          placeholder: realPlaceholder.value,
+          "value-format": defaultProps.value.valueFormat,
+          shortcuts: defaultProps.value.shortcuts,
+          onSelect,
+          onChange
+        }, null, 8, ["modelValue", "separator", "disabled-date", "allow-clear", "disabled", "format", "placeholder", "value-format", "shortcuts"])) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=date-picker.vue2.mjs.map

package/es/components/date-picker/src/date-picker.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.vue2.mjs","sources":["../../../../../../../packages/components/date-picker/src/date-picker.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  import { DatePicker } from '@arco-design/web-vue';\n  const { MonthPicker, QuarterPicker, RangePicker, WeekPicker, YearPicker } = DatePicker;\n  // import '@arco-design/web-vue/dist/arco.css';\n  import { PropType, computed, ref, watch } from 'vue';\n  import type { Shortcuts } from './date-picker';\n  import dayjs from 'dayjs';\n  defineOptions({\n    name: 'IDatePicker',\n  });\n\n  // 文档 https://arco.design/vue/component/date-picker\n  const props = defineProps({\n    modelValue: {\n      type: [String, Array] as PropType<string | string[]>,\n      default: null,\n    },\n    placeholder: {\n      type: String,\n      default: '',\n    },\n    startPlaceholder: {\n      type: String,\n      default: '',\n    },\n    endPlaceholder: {\n      type: String,\n      default: '',\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    clearable: {\n      type: Boolean,\n      default: true,\n    },\n    size: {\n      type: String,\n    },\n    type: {\n      type: String,\n      default: 'date', //'year' | 'yearrange' |'month' | 'monthrange' | 'date' | 'daterange' | 'datetime' | 'datetimerange' | 'week' | 'weekrange' | 'quarter' | 'quarterrange'\n    },\n    format: {\n      type: String,\n      default: null,\n    },\n    valueFormat: {\n      type: String,\n      default: null,\n    },\n    shortcuts: {\n      type: Array as PropType<Shortcuts[]>,\n      default: () => [],\n    },\n    disabledDate: {\n      type: Function,\n      default: () => false,\n    },\n    rangeSeparator: {\n      type: String,\n      default: '-',\n    },\n  });\nconst inputValue = ref(props.modelValue);\n  const emit = defineEmits(['change', 'clear', 'select','update:modelValue']);\n  function onChange(value: any) {\n    emit('change', value);\n  }\n  function onSelect(value: any) {\n    emit('select', value);\n  }\n  const realShortcuts = computed(() => {\n    return props.shortcuts.map(item => {\n      return {\n        label: item.text,\n        value: item.value,\n      };\n    });\n  });\n\n  const defaultProps = computed(() => {\n    const now = dayjs().endOf('day');\n    const date1 = dayjs().subtract(7, 'day').startOf('day');\n    const date2 = dayjs().subtract(1, 'month').startOf('day');\n    const date3 = dayjs().subtract(1, 'year').startOf('day');\n    switch (props.type) {\n      case 'year':\n        return {\n          format: props.format || 'YYYY',\n          valueFormat: props.valueFormat || 'YYYY',\n          shortcuts: realShortcuts.value || [],\n        };\n      case 'yearrange':\n        return {\n          format: props.format || 'YYYY',\n          valueFormat: props.valueFormat || 'YYYY',\n          shortcuts: realShortcuts.value || [],\n        };\n      case 'month':\n        return {\n          format: props.format || 'YYYY-MM',\n          valueFormat: props.valueFormat || 'YYYY-MM',\n          shortcuts: realShortcuts.value || [],\n        };\n      case 'monthrange':\n        return {\n          format: props.format || 'YYYY-MM',\n          valueFormat: props.valueFormat || 'YYYY-MM',\n          shortcuts: realShortcuts.value || [],\n        };\n      case 'week':\n        return {\n          format: props.format || 'gggg-wo',\n          valueFormat: props.valueFormat || 'gggg-wo',\n          shortcuts: realShortcuts.value || [],\n        };\n      case 'weekrange':\n        return {\n          format: props.format || 'gggg-wo',\n          valueFormat: props.valueFormat || 'gggg-wo',\n          shortcuts: realShortcuts.value || [],\n        };\n      case 'quarter':\n        return {\n          format: props.format || 'YYYY-[Q]Q',\n          valueFormat: props.valueFormat || 'YYYY-[Q]Q',\n          shortcuts: realShortcuts.value || [],\n        };\n      case 'quarterrange':\n        return {\n          format: props.format || 'YYYY-[Q]Q',\n          valueFormat: props.valueFormat || 'YYYY-[Q]Q',\n          shortcuts: realShortcuts.value || [],\n        };\n      case 'date':\n        return {\n          format: props.format || 'YYYY-MM-DD',\n          valueFormat: props.valueFormat || 'YYYY-MM-DD',\n          shortcuts:\n            realShortcuts.value.length === 0\n              ? [\n                  {\n                    label: '7天前',\n                    value: date1,\n                  },\n                  {\n                    label: '1月前',\n                    value: date2,\n                  },\n                  {\n                    label: '1年前',\n                    value: date3,\n                  },\n                ]\n              : realShortcuts.value,\n        };\n      case 'daterange':\n        return {\n          format: props.format || 'YYYY-MM-DD',\n          valueFormat: props.valueFormat || 'YYYY-MM-DD',\n          shortcuts:\n            realShortcuts.value.length === 0\n              ? [\n                  {\n                    label: '最近7天',\n                    value: [date1, now],\n                  },\n                  {\n                    label: '最近1月',\n                    value: [date2, now],\n                  },\n                  {\n                    label: '最近1年',\n                    value: [date3, now],\n                  },\n                ]\n              : realShortcuts.value,\n        };\n      case 'datetime':\n        return {\n          format: props.format || 'YYYY-MM-DD HH:mm:ss',\n          valueFormat: props.valueFormat || 'YYYY-MM-DD HH:mm:ss',\n          shortcuts:\n            realShortcuts.value.length === 0\n              ? [\n                  {\n                    label: '7天前',\n                    value: date1,\n                  },\n                  {\n                    label: '1月前',\n                    value: date2,\n                  },\n                  {\n                    label: '1年前',\n                    value: date3,\n                  },\n                ]\n              : realShortcuts.value,\n        };\n      case 'datetimerange':\n        return {\n          format: props.format || 'YYYY-MM-DD HH:mm:ss',\n          valueFormat: props.valueFormat || 'YYYY-MM-DD HH:mm:ss',\n          shortcuts:\n            realShortcuts.value.length === 0\n              ? [\n                  {\n                    label: '最近7天',\n                    value: [date1, now],\n                  },\n                  {\n                    label: '最近1月',\n                    value: [date2, now],\n                  },\n                  {\n                    label: '最近1年',\n                    value: [date3, now],\n                  },\n                ]\n              : realShortcuts.value,\n        };\n      default:\n        return {\n          format: props.format || 'YYYY-MM-DD',\n          valueFormat: props.valueFormat || 'YYYY-MM-DD',\n          shortcuts: [],\n        };\n    }\n  });\n\n  const realPlaceholder = computed(() => {\n    if (props.startPlaceholder && props.endPlaceholder) {\n      return [props.startPlaceholder, props.endPlaceholder];\n    } else {\n      return props.placeholder;\n    }\n  });\n  watch(() => props.modelValue, (val) => {\n    inputValue.value = val;\n});\n  watch(inputValue,val=>{\n    emit('update:modelValue', val);\n  })\n</script>\n\n<template>\n  <div class=\"i-date-picker\">\n    <YearPicker\n      v-if=\"type === 'year'\"\n      :disabled=\"disabled\"\n      v-model=\"inputValue\"\n      :allow-clear=\"clearable\"\n      :format=\"defaultProps.format\"\n      :placeholder=\"realPlaceholder\"\n      :value-format=\"defaultProps.valueFormat\"\n      :shortcuts=\"defaultProps.shortcuts\"\n      @select=\"onSelect\"\n      @change=\"onChange\"\n    />\n    <range-picker\n      v-else-if=\"type === 'yearrange'\"\n      mode=\"year\"\n      v-model=\"inputValue\"\n      :separator=\"rangeSeparator\"\n      :allow-clear=\"clearable\"\n      :disabled=\"disabled\"\n      :format=\"defaultProps.format\"\n      :placeholder=\"realPlaceholder\"\n      :value-format=\"defaultProps.valueFormat\"\n      :shortcuts=\"defaultProps.shortcuts\"\n      @select=\"onSelect\"\n      @change=\"onChange\"\n    />\n    <MonthPicker\n      v-else-if=\"type === 'month'\"\n      v-model=\"inputValue\"\n      :allow-clear=\"clearable\"\n      :disabled=\"disabled\"\n      :format=\"defaultProps.format\"\n      :placeholder=\"realPlaceholder\"\n      :value-format=\"defaultProps.valueFormat\"\n      :shortcuts=\"defaultProps.shortcuts\"\n      @select=\"onSelect\"\n      @change=\"onChange\"\n    />\n    <range-picker\n      v-else-if=\"type === 'monthrange'\"\n      mode=\"month\"\n      v-model=\"inputValue\"\n      :separator=\"rangeSeparator\"\n      :allow-clear=\"clearable\"\n      :disabled=\"disabled\"\n      :format=\"defaultProps.format\"\n      :placeholder=\"realPlaceholder\"\n      :value-format=\"defaultProps.valueFormat\"\n      :shortcuts=\"defaultProps.shortcuts\"\n      @select=\"onSelect\"\n      @change=\"onChange\"\n    />\n    <DatePicker\n      v-else-if=\"type === 'date'\"\n      v-model=\"inputValue\"\n      :disabled-date=\"disabledDate\"\n      :allow-clear=\"clearable\"\n      :disabled=\"disabled\"\n      :format=\"defaultProps.format\"\n      :placeholder=\"realPlaceholder\"\n      :value-format=\"defaultProps.valueFormat\"\n      :shortcuts=\"defaultProps.shortcuts\"\n      @select=\"onSelect\"\n      @change=\"onChange\"\n    />\n    <range-picker\n      v-else-if=\"type === 'daterange'\"\n      mode=\"date\"\n      v-model=\"inputValue\"\n      :separator=\"rangeSeparator\"\n      :disabled-date=\"disabledDate\"\n      :allow-clear=\"clearable\"\n      :disabled=\"disabled\"\n      :format=\"defaultProps.format\"\n      :placeholder=\"realPlaceholder\"\n      :value-format=\"defaultProps.valueFormat\"\n      :shortcuts=\"defaultProps.shortcuts\"\n      @select=\"onSelect\"\n      @change=\"onChange\"\n    />\n    <WeekPicker\n      v-else-if=\"type === 'week'\"\n      v-model=\"inputValue\"\n      :allow-clear=\"clearable\"\n      :disabled=\"disabled\"\n      :placeholder=\"realPlaceholder\"\n      :shortcuts=\"defaultProps.shortcuts\"\n      @select=\"onSelect\"\n      @change=\"onChange\"\n    />\n    <range-picker\n      v-else-if=\"type === 'weekrange'\"\n      mode=\"week\"\n      v-model=\"inputValue\"\n      :separator=\"rangeSeparator\"\n      :allow-clear=\"clearable\"\n      :disabled=\"disabled\"\n      :placeholder=\"realPlaceholder\"\n      @select=\"onSelect\"\n      @change=\"onChange\"\n    />\n    <QuarterPicker\n      v-else-if=\"type === 'quarter'\"\n      v-model=\"inputValue\"\n      :allow-clear=\"clearable\"\n      :disabled=\"disabled\"\n      :placeholder=\"realPlaceholder\"\n      :shortcuts=\"defaultProps.shortcuts\"\n      @select=\"onSelect\"\n      @change=\"onChange\"\n    />\n    <range-picker\n      v-else-if=\"type === 'quarterrange'\"\n      mode=\"quarter\"\n      v-model=\"inputValue\"\n      :separator=\"rangeSeparator\"\n      :allow-clear=\"clearable\"\n      :disabled=\"disabled\"\n      :placeholder=\"realPlaceholder\"\n      @select=\"onSelect\"\n      @change=\"onChange\"\n    />\n    <DatePicker\n      v-else-if=\"type === 'datetime'\"\n      showTime\n      v-model=\"inputValue\"\n      :disabled-date=\"disabledDate\"\n      :allow-clear=\"clearable\"\n      :disabled=\"disabled\"\n      :format=\"defaultProps.format\"\n      :placeholder=\"realPlaceholder\"\n      :value-format=\"defaultProps.valueFormat\"\n      :shortcuts=\"defaultProps.shortcuts\"\n      @select=\"onSelect\"\n      @change=\"onChange\"\n    />\n    <range-picker\n      v-else-if=\"type === 'datetimerange'\"\n      showTime\n      v-model=\"inputValue\"\n      :separator=\"rangeSeparator\"\n      :disabled-date=\"disabledDate\"\n      :allow-clear=\"clearable\"\n      :disabled=\"disabled\"\n      :format=\"defaultProps.format\"\n      :placeholder=\"realPlaceholder\"\n      :value-format=\"defaultProps.valueFormat\"\n      :shortcuts=\"defaultProps.shortcuts\"\n      @select=\"onSelect\"\n      @change=\"onChange\"\n    />\n  </div>\n</template>\n\n"],"names":[],"mappings":"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"}