@touchvue/ui 1.0.0-beta.5 → 1.0.0-beta.51

package/lib/packages/components/datepicker/src/DatePicker.vue2.js

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var index$1 = require('../../icon/index.js');
-var index$4 = require('../../calendar/index.js');
+var index$2 = require('../../icon/index.js');
+var index$5 = require('../../calendar/index.js');
 var index = require('../../input/index.js');
-var index$2 = require('../../float/index.js');
-var index$3 = require('../../scroll/index.js');
-var Picker_vue_vue_type_script_setup_true_lang = require('./Picker.vue2.js');
+var index$3 = require('../../float/index.js');
+var index$4 = require('../../scroll/index.js');
+var index$1 = require('../../../locale/index.js');
+var Picker = require('./Picker.vue.js');
 var useDatePicker = require('./use-date-picker.js');
 var datePicker = require('./date-picker.js');
 var useDevice = require('../../../hooks/useDevice.js');
@@ -20,6 +21,7 @@ const __default__ = vue.defineComponent({
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...__default__,
   props: {
+    flex: Boolean,
     suffix: {
       type: String,
       default: ""
@@ -62,12 +64,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     },
     placeholder: {
       type: String,
-      default: "\u8BF7\u9009\u62E9"
+      default: ""
     },
-    /**
-     * @deprecated replace by disabled
-     */
-    readonly: Boolean,
     disabled: Boolean,
     inputable: {
       type: Boolean,
@@ -77,13 +75,13 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       type: String,
       default: "date"
     },
-    fillet: {
-      type: String,
-      default: "normal"
+    minYear: {
+      type: Number,
+      default: 1900
     },
-    filletPosition: {
-      type: String,
-      default: ""
+    maxYear: {
+      type: Number,
+      default: 2200
     },
     color: {
       type: String,
@@ -158,14 +156,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const errorType = vue.ref("rule");
     const errorTip = vue.ref("");
     const layerSlide = vue.ref(false);
-    const layerPosition = vue.ref("auto");
-    const disabled = vue.ref(props.readonly || props.disabled);
+    const layerPosition = vue.ref("");
+    const disabled = vue.ref(props.disabled);
     const inputBox = vue.ref(null);
     const layerRef = vue.ref(null);
     const calendar = vue.ref(null);
     const { isPc } = useDevice.useDevice();
     vue.watch(
-      () => props.readonly,
+      () => props.disabled,
       (val) => {
         disabled.value = val;
       }
@@ -176,15 +174,39 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         layerPosition.value = "bottom";
       }
     });
+    const setClass = vue.computed(() => {
+      const arr = ["to-form-readonly"];
+      if (errorTip.value) {
+        arr.push("to-input-mode-line");
+        arr.push("to-input-color-danger");
+        arr.push("to-input-tip-show");
+      } else {
+        if (props.mode) {
+          for (let i = 0; i < props.mode.split(" ").length; i++) {
+            arr.push(`mode-${props.mode.split(" ")[i]}`);
+          }
+        }
+      }
+      return arr;
+    });
+    const showCloseLayer = vue.computed(() => {
+      return (isPc.value || props.showCalendar) && (props.type === "months" || props.type === "dates");
+    });
     function handleLayerClose() {
       if (calendar.value) {
         calendar.value.timeLayer = false;
         calendar.value.monthLayer = false;
       }
     }
+    function closeLayer() {
+      var _a;
+      (_a = layerRef.value) == null ? void 0 : _a.close();
+    }
     function select(value) {
       var _a;
       changeValue(value);
+      if (showCloseLayer.value)
+        return;
       (_a = layerRef.value) == null ? void 0 : _a.close();
     }
     function inputFocus() {
@@ -192,7 +214,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emit("focus", datedisplay.value);
     }
     function inputBlur() {
-      handleDisplayBlur();
+      if (props.inputable) {
+        handleDisplayBlur();
+      }
       emit("blur", datedisplay.value);
     }
     function clear() {
@@ -203,22 +227,17 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     }
     function handleClick() {
-      if (!props.readonly && !props.inputable) {
+      if (!props.inputable) {
         showLayer();
       }
     }
     function showLayer() {
       var _a;
-      let className = inputBox.value && inputBox.value.$el && inputBox.value.$el.className || "";
       errorTip.value = inputBox.value.errorTip = "";
-      if (className.indexOf("to-dis") > -1) {
-        return;
-      }
       if (!disabled.value) {
         (_a = layerRef.value) == null ? void 0 : _a.toggle(inputBox.value.$el);
         vue.nextTick(() => {
           if (calendar.value) {
-            calendar.value.initCalendar();
             calendar.value.setData();
           }
         });
@@ -231,12 +250,16 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       setDisabled
     });
     return (_ctx, _cache) => {
+      const _component_to_button = vue.resolveComponent("to-button");
       return vue.openBlock(), vue.createBlock(vue.unref(index.ToInput), {
         id: __props.id,
+        key: vue.unref(index$1.langKey),
         ref_key: "inputBox",
         ref: inputBox,
-        "model-value": vue.unref(datedisplay),
         class: "to-date-picker",
+        flex: __props.flex ? __props.flex : null,
+        "model-value": vue.unref(datedisplay),
+        readonly: !props.inputable,
         required: __props.required,
         desc: __props.desc,
         color: __props.color,
@@ -245,8 +268,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         mode: __props.mode,
         "prop-error-type": errorType.value,
         "prop-error-tip": errorTip.value,
-        fillet: __props.fillet,
-        "fillet-position": __props.filletPosition,
         placeholder: __props.placeholder,
         disabled: disabled.value,
         "sp-chars": __props.spChars,
@@ -261,76 +282,117 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         onInput: vue.unref(handleDisplayChange)
       }, {
         suffix: vue.withCtx(() => [
-          __props.type === "time" ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ToIcon), {
+          __props.type === "time" ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ToIcon), {
             key: 0,
+            class: vue.normalizeClass(["to-date-picker-icon", disabled.value ? "to-dis" : ""]),
             link: __props.inputable,
-            class: vue.normalizeClass(disabled.value ? "to-dis" : ""),
             value: "time",
-            onClick: showLayer
-          }, null, 8, ["link", "class"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$1.ToIcon), {
+            onClick: vue.withModifiers(showLayer, ["stop"])
+          }, null, 8, ["link", "class"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$2.ToIcon), {
             key: 1,
+            class: vue.normalizeClass(["to-date-picker-icon", disabled.value ? "to-dis" : ""]),
             link: __props.inputable,
-            class: vue.normalizeClass(disabled.value ? "to-dis" : ""),
             value: "date",
-            onClick: showLayer
+            onClick: vue.withModifiers(showLayer, ["stop"])
           }, null, 8, ["link", "class"]))
         ]),
         default: vue.withCtx(() => [
-          vue.createVNode(vue.unref(index$2.ToFloat), {
-            ref_key: "layerRef",
-            ref: layerRef,
-            lazy: __props.lazy,
-            slide: layerSlide.value,
-            position: layerPosition.value,
-            padding: 0.5,
-            width: vue.unref(isPc) ? 23 : "",
-            align: __props.optionAlign ? __props.optionAlign : vue.unref(isPc) ? "right" : "auto",
-            onClosed: handleLayerClose
-          }, {
-            default: vue.withCtx(() => [
-              vue.unref(isPc) || __props.showCalendar ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.ToScroll), { key: 0 }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(index$4.ToCalendar), {
-                    ref_key: "calendar",
-                    ref: calendar,
-                    modelValue: vue.unref(date),
-                    "onUpdate:modelValue": ($event) => vue.isRef(date) ? date.value = $event : null,
-                    class: "to-date-picker-calendar",
-                    time: __props.time,
-                    type: __props.type,
-                    min: __props.min,
-                    max: __props.max,
-                    "disabled-date": __props.disabledDate,
-                    "before-change": __props.beforeChange,
-                    onChange: select,
-                    onClose: ($event) => {
-                      var _a;
-                      return (_a = layerRef.value) == null ? void 0 : _a.close();
-                    }
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "time", "type", "min", "max", "disabled-date", "before-change", "onClose"])
-                ]),
-                _: 1
-              })) : (vue.openBlock(), vue.createBlock(Picker_vue_vue_type_script_setup_true_lang.default, {
-                key: 1,
-                modelValue: vue.unref(date),
-                "onUpdate:modelValue": ($event) => vue.isRef(date) ? date.value = $event : null,
-                time: __props.time,
-                type: __props.type,
-                min: __props.min,
-                max: __props.max,
-                onCancel: ($event) => {
-                  var _a;
-                  return (_a = layerRef.value) == null ? void 0 : _a.close();
-                },
-                onChange: select,
-                onClear: ($event) => clear()
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "time", "type", "min", "max", "onCancel", "onClear"]))
-            ]),
-            _: 1
-          }, 8, ["lazy", "slide", "position", "width", "align"])
+          (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+            vue.createElementVNode(
+              "div",
+              {
+                class: vue.normalizeClass(["to-date-picker", setClass.value])
+              },
+              [
+                vue.createVNode(vue.unref(index$3.ToFloat), {
+                  ref_key: "layerRef",
+                  ref: layerRef,
+                  class: "to-date-picker-layer",
+                  global: false,
+                  lazy: __props.lazy,
+                  slide: layerSlide.value,
+                  position: layerPosition.value,
+                  padding: 0.5,
+                  width: vue.unref(isPc) ? __props.type === "datetime" ? 43 : 23 : "",
+                  align: __props.optionAlign ? __props.optionAlign : vue.unref(isPc) ? "right" : "",
+                  onClosed: handleLayerClose
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createCommentVNode(" PC\u9762\u677F "),
+                    vue.unref(isPc) || __props.showCalendar ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.ToScroll), { key: 0 }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(index$5.ToCalendar), {
+                          ref_key: "calendar",
+                          ref: calendar,
+                          modelValue: vue.unref(date),
+                          "onUpdate:modelValue": ($event) => vue.isRef(date) ? date.value = $event : null,
+                          class: "to-date-picker-calendar",
+                          time: __props.time,
+                          type: __props.type,
+                          min: __props.min,
+                          max: __props.max,
+                          "min-year": __props.minYear,
+                          "max-year": __props.maxYear,
+                          "disabled-date": __props.disabledDate,
+                          "before-change": __props.beforeChange,
+                          onChange: select,
+                          onClose: ($event) => {
+                            var _a;
+                            return (_a = layerRef.value) == null ? void 0 : _a.close();
+                          }
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "time", "type", "min", "max", "min-year", "max-year", "disabled-date", "before-change", "onClose"])
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })) : (vue.openBlock(), vue.createElementBlock(
+                      vue.Fragment,
+                      { key: 1 },
+                      [
+                        vue.createCommentVNode(" \u79FB\u52A8\u7AEF\u9762\u677F "),
+                        vue.createVNode(Picker.default, {
+                          modelValue: vue.unref(date),
+                          "onUpdate:modelValue": ($event) => vue.isRef(date) ? date.value = $event : null,
+                          time: __props.time,
+                          type: __props.type,
+                          min: __props.min,
+                          max: __props.max,
+                          onCancel: ($event) => {
+                            var _a;
+                            return (_a = layerRef.value) == null ? void 0 : _a.close();
+                          },
+                          onChange: select,
+                          onClear: ($event) => clear()
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "time", "type", "min", "max", "onCancel", "onClear"])
+                      ],
+                      2112
+                      /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                    )),
+                    showCloseLayer.value ? (vue.openBlock(), vue.createElementBlock("div", { key: 2 }, [
+                      vue.createVNode(_component_to_button, { onClick: closeLayer }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(
+                            vue.toDisplayString(vue.unref(index$1.t)("to.datepicker.confirm")),
+                            1
+                            /* TEXT */
+                          )
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ])) : vue.createCommentVNode("v-if", true)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["lazy", "slide", "position", "width", "align"])
+              ],
+              2
+              /* CLASS */
+            )
+          ]))
         ]),
         _: 1
-      }, 8, ["id", "model-value", "required", "desc", "color", "prefix", "suffix", "mode", "prop-error-type", "prop-error-tip", "fillet", "fillet-position", "placeholder", "disabled", "sp-chars", "link", "clearable", "width", "comparable", "onClear", "onInput"]);
+        /* STABLE */
+      }, 8, ["id", "flex", "model-value", "readonly", "required", "desc", "color", "prefix", "suffix", "mode", "prop-error-type", "prop-error-tip", "placeholder", "disabled", "sp-chars", "link", "clearable", "width", "comparable", "onClear", "onInput"]);
     };
   }
 });

package/lib/packages/components/datepicker/src/DatePicker.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.vue2.js","sources":["../../../../../../packages/components/datepicker/src/DatePicker.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToDatePicker',\n\tcomponentName: 'ToDatePicker',\n});\n</script>\n<template>\n\t<to-input\n\t\t:id=\"id\"\n\t\tref=\"inputBox\"\n\t\t:model-value=\"datedisplay\"\n\t\tclass=\"to-date-picker\"\n\t\t:required=\"required\"\n\t\t:desc=\"desc\"\n\t\t:color=\"color\"\n\t\t:prefix=\"prefix\"\n\t\t:suffix=\"suffix\"\n\t\t:mode=\"mode\"\n\t\t:prop-error-type=\"errorType\"\n\t\t:prop-error-tip=\"errorTip\"\n\t\t:fillet=\"fillet\"\n\t\t:fillet-position=\"filletPosition\"\n\t\t:placeholder=\"placeholder\"\n\t\t:disabled=\"disabled\"\n\t\t:sp-chars=\"spChars\"\n\t\t:link=\"!inputable && !disabled\"\n\t\t:clearable=\"clearable && !disabled\"\n\t\t:width=\"width\"\n\t\t:comparable=\"comparable\"\n\t\t@focus=\"inputFocus\"\n\t\t@blur=\"inputBlur\"\n\t\t@click=\"handleClick\"\n\t\t@clear=\"clear()\"\n\t\t@input=\"handleDisplayChange\"\n\t>\n\t\t<template #suffix>\n\t\t\t<to-icon\n\t\t\t\tv-if=\"type === 'time'\"\n\t\t\t\t:link=\"inputable\"\n\t\t\t\t:class=\"disabled ? 'to-dis' : ''\"\n\t\t\t\tvalue=\"time\"\n\t\t\t\t@click=\"showLayer\"\n\t\t\t></to-icon>\n\t\t\t<to-icon\n\t\t\t\tv-else\n\t\t\t\t:link=\"inputable\"\n\t\t\t\t:class=\"disabled ? 'to-dis' : ''\"\n\t\t\t\tvalue=\"date\"\n\t\t\t\t@click=\"showLayer\"\n\t\t\t></to-icon>\n\t\t</template>\n\t\t<to-float\n\t\t\tref=\"layerRef\"\n\t\t\t:lazy=\"lazy\"\n\t\t\t:slide=\"layerSlide\"\n\t\t\t:position=\"layerPosition\"\n\t\t\t:padding=\"0.5\"\n\t\t\t:width=\"isPc ? 23 : ''\"\n\t\t\t:align=\"optionAlign ? optionAlign : isPc ? 'right' : 'auto'\"\n\t\t\t@closed=\"handleLayerClose\"\n\t\t>\n\t\t\t<!-- PC面板 -->\n\t\t\t<to-scroll v-if=\"isPc || showCalendar\">\n\t\t\t\t<to-calendar\n\t\t\t\t\tref=\"calendar\"\n\t\t\t\t\tv-model=\"date\"\n\t\t\t\t\tclass=\"to-date-picker-calendar\"\n\t\t\t\t\t:time=\"time\"\n\t\t\t\t\t:type=\"type\"\n\t\t\t\t\t:min=\"min\"\n\t\t\t\t\t:max=\"max\"\n\t\t\t\t\t:disabled-date=\"disabledDate\"\n\t\t\t\t\t:before-change=\"beforeChange\"\n\t\t\t\t\t@change=\"select\"\n\t\t\t\t\t@close=\"layerRef?.close()\"\n\t\t\t\t></to-calendar>\n\t\t\t</to-scroll>\n\t\t\t<!-- 移动端面板 -->\n\t\t\t<Picker\n\t\t\t\tv-else\n\t\t\t\tv-model=\"date\"\n\t\t\t\t:time=\"time\"\n\t\t\t\t:type=\"type\"\n\t\t\t\t:min=\"min\"\n\t\t\t\t:max=\"max\"\n\t\t\t\t@cancel=\"layerRef?.close()\"\n\t\t\t\t@change=\"select\"\n\t\t\t\t@clear=\"clear()\"\n\t\t\t></Picker>\n\t\t</to-float>\n\t</to-input>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch, onMounted, nextTick } from 'vue'\nimport { ToInput, ToIcon, ToFloat, ToScroll, ToCalendar } from '@touchvue/components'\n\nimport Picker from './Picker.vue'\nimport { useDatePicker } from './use-date-picker'\n\nimport type { PropType } from 'vue'\nimport { useDevice } from '@touchvue/hooks'\n\nimport { getDefaultFormat, type DatePickerType, type DatePickerValue } from './date-picker'\n\n// 定义组件名称\n\n\n// 定义props\nconst props = defineProps({\n\tsuffix: {\n\t\ttype: String,\n\t\tdefault: '',\n\t},\n\tprefix: {\n\t\ttype: String,\n\t\tdefault: '',\n\t},\n\tshowCalendar: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n\tlazy: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\tdesc: {\n\t\ttype: String,\n\t\tdefault: '',\n\t},\n\tspChars: {\n\t\ttype: [String, Boolean],\n\t\tdefault: '/,\\\\,[,],{,},\"',\n\t},\n\tid: {\n\t\ttype: String,\n\t\tdefault: '',\n\t},\n\trequired: {\n\t\ttype: Boolean,\n\t\tdefault: null,\n\t},\n\tmodelValue: {\n\t\ttype: [String, Date] as PropType<DatePickerValue>,\n\t\tdefault: '',\n\t},\n\tvalue: {\n\t\ttype: [String, Date],\n\t\tdefault: '',\n\t},\n\tplaceholder: {\n\t\ttype: String,\n\t\tdefault: '请选择',\n\t},\n\t/**\n\t * @deprecated replace by disabled\n\t */\n\treadonly: Boolean,\n\tdisabled: Boolean,\n\tinputable: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\ttype: {\n\t\ttype: String as PropType<DatePickerType>,\n\t\tdefault: 'date',\n\t},\n\tfillet: {\n\t\ttype: String,\n\t\tdefault: 'normal',\n\t},\n\tfilletPosition: {\n\t\ttype: String,\n\t\tdefault: '',\n\t},\n\tcolor: {\n\t\ttype: String,\n\t\tdefault: 'default',\n\t},\n\tmode: {\n\t\ttype: String,\n\t\tdefault: '',\n\t},\n\twidth: {\n\t\ttype: [Number, String],\n\t\tdefault: '',\n\t},\n\tvalueFormat: {\n\t\ttype: String,\n\t\tdefault(rawProps: { type: DatePickerType }) {\n\t\t\treturn getDefaultFormat(rawProps.type)\n\t\t},\n\t},\n\tdisplayFormat: {\n\t\ttype: String,\n\t\tdefault(rawProps: { type: DatePickerType }) {\n\t\t\treturn getDefaultFormat(rawProps.type)\n\t\t},\n\t},\n\ttime: {\n\t\ttype: String,\n\t\tdefault: '',\n\t},\n\tcomparable: Boolean,\n\tbeforeChange: {\n\t\ttype: Function as PropType<(value: string) => boolean | Promise<boolean>>,\n\t\tdefault: null,\n\t},\n\toptionAlign: {\n\t\ttype: String,\n\t\tdefault: '',\n\t},\n\tmin: {\n\t\ttype: [String, Date, Number],\n\t\tdefault: '',\n\t},\n\tmax: {\n\t\ttype: [String, Date, Number],\n\t\tdefault: '',\n\t},\n\t/**\n\t * 禁用日期回调，仅支持PC模式（弹出日历选择）\n\t */\n\tdisabledDate: {\n\t\ttype: Function as PropType<(date: Date) => boolean>,\n\t\tdefault: null,\n\t},\n\tclearable: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n})\n\n// 定义emits\nconst emit = defineEmits(['update:modelValue', 'change', 'focus', 'blur', 'beforeChange'])\n\nconst {\n\tdate,\n\tdatedisplay,\n\tchangeValue,\n\tcleanValue, // 更新为 cleanValue\n\thandleDisplayChange,\n\thandleDisplayBlur,\n} = useDatePicker(props, emit)\n\n// 响应式数据\nconst errorType = ref('rule')\nconst errorTip = ref('')\n\nconst layerSlide = ref(false)\nconst layerPosition = ref('auto')\nconst disabled = ref(props.readonly || props.disabled)\n\n// refs\nconst inputBox = ref(null)\nconst layerRef = ref<any>(null)\nconst calendar = ref<any>(null)\n\n// 计算属性\nconst { isPc } = useDevice()\n\n// 监听器\nwatch(\n\t() => props.readonly,\n\tval => {\n\t\tdisabled.value = val\n\t}\n)\n\n// 生命周期\nonMounted(() => {\n\tif (typeof window !== 'undefined' && window.innerWidth <= 768) {\n\t\t// isPc.value = false\n\t\tlayerSlide.value = true\n\t\tlayerPosition.value = 'bottom'\n\t}\n})\n\nfunction handleLayerClose() {\n\tif (calendar.value) {\n\t\tcalendar.value.timeLayer = false\n\t\tcalendar.value.monthLayer = false\n\t}\n}\n\nfunction select(value: string) {\n\tchangeValue(value)\n\tlayerRef.value?.close()\n}\n\nfunction inputFocus() {\n\terrorTip.value = ''\n\temit('focus', datedisplay.value)\n}\n\nfunction inputBlur() {\n\thandleDisplayBlur()\n\temit('blur', datedisplay.value)\n}\n\nfunction clear() {\n\tcleanValue()\n\tif (typeof window !== 'undefined' && window.innerWidth > 768) {\n\t\tlayerRef.value?.close()\n\t}\n}\n\nfunction handleClick() {\n\tif (!props.readonly && !props.inputable) {\n\t\tshowLayer()\n\t}\n}\n\nfunction showLayer() {\n\t// 如果 v-dis 为 true，避免在 IE11 下 v-dis 不生效\n\tlet className = (inputBox.value && inputBox.value.$el && inputBox.value.$el.className) || ''\n\n\t// 表单校验的提示清除\n\terrorTip.value = inputBox.value.errorTip = ''\n\tif (className.indexOf('to-dis') > -1) {\n\t\treturn\n\t}\n\tif (!disabled.value) {\n\t\tlayerRef.value?.toggle(inputBox.value.$el)\n\t\tnextTick(() => {\n\t\t\tif (calendar.value) {\n\t\t\t\tcalendar.value.initCalendar()\n\t\t\t\tcalendar.value.setData()\n\t\t\t}\n\t\t})\n\t}\n}\n\nfunction setDisabled(f: boolean) {\n\tdisabled.value = f\n}\n\n// 暴露方法\ndefineExpose({\n\tsetDisabled,\n})\n</script>\n\n<!--<style>-->\n<!--.to-date-picker.to-dis > .to-icon-date {-->\n<!--    pointer-events: none;-->\n<!--}-->\n<!--</style>-->\n"],"names":["DO_defineComponent","useDatePicker","ref","useDevice","watch","onMounted","nextTick","_createBlock","_unref","ToInput","ToIcon","_createVNode","ToFloat","ToScroll","ToCalendar","Picker"],"mappings":"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"}
+{"version":3,"file":"DatePicker.vue2.js","sources":["../../../../../../packages/components/datepicker/src/DatePicker.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\r\n\tname: 'ToDatePicker',\r\n\tcomponentName: 'ToDatePicker'\r\n});\n</script>\n<template>\r\n\t<to-input :id=\"id\" :key=\"langKey\" ref=\"inputBox\" class=\"to-date-picker\" :flex=\"flex ? flex : null\" :model-value=\"datedisplay\" :readonly=\"!props.inputable\" :required=\"required\" :desc=\"desc\" :color=\"color\" :prefix=\"prefix\" :suffix=\"suffix\" :mode=\"mode\" :prop-error-type=\"errorType\" :prop-error-tip=\"errorTip\" :placeholder=\"placeholder\" :disabled=\"disabled\" :sp-chars=\"spChars\" :link=\"!inputable && !disabled\" :clearable=\"clearable && !disabled\" :width=\"width\" :comparable=\"comparable\" @focus=\"inputFocus\" @blur=\"inputBlur\" @click=\"handleClick\" @clear=\"clear()\" @input=\"handleDisplayChange\">\r\n\t\t<template #suffix>\r\n\t\t\t<to-icon v-if=\"type === 'time'\" class=\"to-date-picker-icon\" :link=\"inputable\" :class=\"disabled ? 'to-dis' : ''\" value=\"time\" @click.stop=\"showLayer\"></to-icon>\r\n\t\t\t<to-icon v-else class=\"to-date-picker-icon\" :link=\"inputable\" :class=\"disabled ? 'to-dis' : ''\" value=\"date\" @click.stop=\"showLayer\"></to-icon>\r\n\t\t</template>\r\n\t\t<Teleport to=\"body\">\r\n\t\t\t<div class=\"to-date-picker\" :class=\"setClass\">\r\n\t\t\t\t<to-float ref=\"layerRef\" class=\"to-date-picker-layer\" :global=\"false\" :lazy=\"lazy\" :slide=\"layerSlide\" :position=\"layerPosition\" :padding=\"0.5\" :width=\"isPc ? (type === 'datetime' ? 43 : 23) : ''\" :align=\"optionAlign ? optionAlign : isPc ? 'right' : ''\" @closed=\"handleLayerClose\">\r\n\t\t\t\t\t<!-- PC面板 -->\r\n\t\t\t\t\t<to-scroll v-if=\"isPc || showCalendar\">\r\n\t\t\t\t\t\t<to-calendar ref=\"calendar\" v-model=\"date\" class=\"to-date-picker-calendar\" :time=\"time\" :type=\"type\" :min=\"min\" :max=\"max\" :min-year=\"minYear\" :max-year=\"maxYear\" :disabled-date=\"disabledDate\" :before-change=\"beforeChange\" @change=\"select\" @close=\"layerRef?.close()\"> </to-calendar>\r\n\t\t\t\t\t</to-scroll>\r\n\t\t\t\t\t<!-- 移动端面板 -->\r\n\t\t\t\t\t<Picker v-else v-model=\"date\" :time=\"time\" :type=\"type\" :min=\"min\" :max=\"max\" @cancel=\"layerRef?.close()\" @change=\"select\" @clear=\"clear()\"></Picker>\r\n\t\t\t\t\t<div v-if=\"showCloseLayer\">\r\n\t\t\t\t\t\t<to-button @click=\"closeLayer\">{{ t('to.datepicker.confirm') }}</to-button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</to-float>\r\n\t\t\t</div>\r\n\t\t</Teleport>\r\n\t</to-input>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, watch, onMounted, nextTick, computed } from 'vue'\r\nimport { ToInput, ToIcon, ToFloat, ToScroll, ToCalendar } from '@touchvue/components'\r\nimport { t, langKey } from '@touchvue/locale'\r\n\r\nimport Picker from './Picker.vue'\r\nimport { useDatePicker } from './use-date-picker'\r\n\r\nimport type { PropType } from 'vue'\r\nimport { useDevice } from '@touchvue/hooks'\r\n\r\nimport { getDefaultFormat, type DatePickerType, type DatePickerValue } from './date-picker'\r\n\r\n// 定义组件名称\r\n\r\n\r\n// 定义props\r\nconst props = defineProps({\r\n\tflex: Boolean,\r\n\tsuffix: {\r\n\t\ttype: String,\r\n\t\tdefault: ''\r\n\t},\r\n\tprefix: {\r\n\t\ttype: String,\r\n\t\tdefault: ''\r\n\t},\r\n\tshowCalendar: {\r\n\t\ttype: Boolean,\r\n\t\tdefault: false\r\n\t},\r\n\tlazy: {\r\n\t\ttype: Boolean,\r\n\t\tdefault: true\r\n\t},\r\n\tdesc: {\r\n\t\ttype: String,\r\n\t\tdefault: ''\r\n\t},\r\n\tspChars: {\r\n\t\ttype: [String, Boolean],\r\n\t\tdefault: '/,\\\\,[,],{,},\"'\r\n\t},\r\n\tid: {\r\n\t\ttype: String,\r\n\t\tdefault: ''\r\n\t},\r\n\trequired: {\r\n\t\ttype: Boolean,\r\n\t\tdefault: null\r\n\t},\r\n\tmodelValue: {\r\n\t\ttype: [String, Date] as PropType<DatePickerValue>,\r\n\t\tdefault: ''\r\n\t},\r\n\tvalue: {\r\n\t\ttype: [String, Date],\r\n\t\tdefault: ''\r\n\t},\r\n\tplaceholder: {\r\n\t\ttype: String,\r\n\t\tdefault: ''\r\n\t},\r\n\tdisabled: Boolean,\r\n\tinputable: {\r\n\t\ttype: Boolean,\r\n\t\tdefault: true\r\n\t},\r\n\ttype: {\r\n\t\ttype: String as PropType<DatePickerType>,\r\n\t\tdefault: 'date'\r\n\t},\r\n\tminYear: {\r\n\t\ttype: Number,\r\n\t\tdefault: 1900\r\n\t},\r\n\tmaxYear: {\r\n\t\ttype: Number,\r\n\t\tdefault: 2200\r\n\t},\r\n\tcolor: {\r\n\t\ttype: String,\r\n\t\tdefault: 'default'\r\n\t},\r\n\tmode: {\r\n\t\ttype: String,\r\n\t\tdefault: ''\r\n\t},\r\n\twidth: {\r\n\t\ttype: [Number, String],\r\n\t\tdefault: ''\r\n\t},\r\n\tvalueFormat: {\r\n\t\ttype: String,\r\n\t\tdefault(rawProps: { type: DatePickerType }) {\r\n\t\t\treturn getDefaultFormat(rawProps.type)\r\n\t\t}\r\n\t},\r\n\tdisplayFormat: {\r\n\t\ttype: String,\r\n\t\tdefault(rawProps: { type: DatePickerType }) {\r\n\t\t\treturn getDefaultFormat(rawProps.type)\r\n\t\t}\r\n\t},\r\n\ttime: {\r\n\t\ttype: String,\r\n\t\tdefault: ''\r\n\t},\r\n\tcomparable: Boolean,\r\n\tbeforeChange: {\r\n\t\ttype: Function as PropType<(value: string) => boolean | Promise<boolean>>,\r\n\t\tdefault: null\r\n\t},\r\n\toptionAlign: {\r\n\t\ttype: String,\r\n\t\tdefault: ''\r\n\t},\r\n\tmin: {\r\n\t\ttype: [String, Date, Number],\r\n\t\tdefault: ''\r\n\t},\r\n\tmax: {\r\n\t\ttype: [String, Date, Number],\r\n\t\tdefault: ''\r\n\t},\r\n\t/**\r\n\t * 禁用日期回调，仅支持PC模式（弹出日历选择）\r\n\t */\r\n\tdisabledDate: {\r\n\t\ttype: Function as PropType<(date: Date) => boolean>,\r\n\t\tdefault: null\r\n\t},\r\n\tclearable: {\r\n\t\ttype: Boolean,\r\n\t\tdefault: true\r\n\t}\r\n})\r\n\r\n// 定义emits\r\nconst emit = defineEmits(['update:modelValue', 'change', 'focus', 'blur', 'beforeChange'])\r\n\r\nconst {\r\n\tdate,\r\n\tdatedisplay,\r\n\tchangeValue,\r\n\tcleanValue, // 更新为 cleanValue\r\n\thandleDisplayChange,\r\n\thandleDisplayBlur\r\n} = useDatePicker(props, emit)\r\n\r\n// 响应式数据\r\nconst errorType = ref('rule')\r\nconst errorTip = ref('')\r\n\r\nconst layerSlide = ref(false)\r\nconst layerPosition = ref('')\r\nconst disabled = ref(props.disabled)\r\n\r\n// refs\r\nconst inputBox = ref(null)\r\nconst layerRef = ref<any>(null)\r\nconst calendar = ref<any>(null)\r\n\r\n// 计算属性\r\nconst { isPc } = useDevice()\r\n\r\n// 监听器\r\nwatch(\r\n\t() => props.disabled,\r\n\tval => {\r\n\t\tdisabled.value = val\r\n\t}\r\n)\r\n\r\n// 生命周期\r\nonMounted(() => {\r\n\tif (typeof window !== 'undefined' && window.innerWidth <= 768) {\r\n\t\t// isPc.value = false\r\n\t\tlayerSlide.value = true\r\n\t\tlayerPosition.value = 'bottom'\r\n\t}\r\n})\r\n\r\nconst setClass = computed(() => {\r\n\tconst arr = ['to-form-readonly']\r\n\tif (errorTip.value) {\r\n\t\tarr.push('to-input-mode-line')\r\n\t\tarr.push('to-input-color-danger')\r\n\t\tarr.push('to-input-tip-show')\r\n\t} else {\r\n\t\tif (props.mode) {\r\n\t\t\tfor (let i = 0; i < props.mode.split(' ').length; i++) {\r\n\t\t\t\tarr.push(`mode-${props.mode.split(' ')[i]}`)\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\treturn arr\r\n})\r\n\r\nconst showCloseLayer = computed(() => {\r\n\treturn (isPc.value || props.showCalendar) && (props.type === 'months' || props.type === 'dates')\r\n})\r\n\r\nfunction handleLayerClose() {\r\n\tif (calendar.value) {\r\n\t\tcalendar.value.timeLayer = false\r\n\t\tcalendar.value.monthLayer = false\r\n\t}\r\n}\r\n\r\nfunction closeLayer() {\r\n\tlayerRef.value?.close()\r\n}\r\n\r\nfunction select(value: string) {\r\n\tchangeValue(value)\r\n\tif (showCloseLayer.value) return\r\n\tlayerRef.value?.close()\r\n}\r\n\r\nfunction inputFocus() {\r\n\terrorTip.value = ''\r\n\t// showLayer()\r\n\temit('focus', datedisplay.value)\r\n}\r\n\r\nfunction inputBlur() {\r\n\tif (props.inputable) {\r\n\t\thandleDisplayBlur()\r\n\t}\r\n\temit('blur', datedisplay.value)\r\n}\r\n\r\nfunction clear() {\r\n\tcleanValue()\r\n\tif (typeof window !== 'undefined' && window.innerWidth > 768) {\r\n\t\tlayerRef.value?.close()\r\n\t}\r\n}\r\n\r\nfunction handleClick() {\r\n\tif (!props.inputable) {\r\n\t\tshowLayer()\r\n\t}\r\n}\r\n\r\nfunction showLayer() {\r\n\t// 表单校验的提示清除\r\n\terrorTip.value = inputBox.value.errorTip = ''\r\n\tif (!disabled.value) {\r\n\t\tlayerRef.value?.toggle(inputBox.value.$el)\r\n\t\tnextTick(() => {\r\n\t\t\tif (calendar.value) {\r\n\t\t\t\t// calendar.value.initCalendar()\r\n\t\t\t\tcalendar.value.setData()\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n}\r\n\r\nfunction setDisabled(f: boolean) {\r\n\tdisabled.value = f\r\n}\r\n\r\n// 暴露方法\r\ndefineExpose({\r\n\tsetDisabled\r\n})\r\n</script>\r\n\r\n<!--<style>-->\r\n<!--.to-date-picker.to-dis > .to-icon-date {-->\r\n<!--    pointer-events: none;-->\r\n<!--}-->\r\n<!--</style>-->\r\n"],"names":["DO_defineComponent","useDatePicker","ref","useDevice","watch","onMounted","computed","nextTick","_createBlock","_unref","ToInput","langKey","ToIcon","_normalizeClass","_Teleport","_createElementVNode","_createVNode","ToFloat","_createCommentVNode","ToScroll","ToCalendar","_createElementBlock","_Fragment","Picker","t"],"mappings":"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"}

package/lib/packages/components/datepicker/src/Picker.vue.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Picker_vue_vue_type_script_setup_true_lang = require('./Picker.vue2.js');
+var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
 
+var Picker = /* @__PURE__ */ _pluginVue_exportHelper.default(Picker_vue_vue_type_script_setup_true_lang.default, [["__file", "Picker.vue"]]);
 
-
-exports.default = Picker_vue_vue_type_script_setup_true_lang.default;
+exports.default = Picker;
 //# sourceMappingURL=Picker.vue.js.map

package/lib/packages/components/datepicker/src/Picker.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Picker.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"Picker.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}