@ctzy-web-client/plugin-component-vue 1.0.23 → 1.0.25

package/es/date-range/date-picker.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, provide, computed, resolveComponent, openBlock, createBlock, unref, withCtx, renderSlot, createVNode, createElementVNode, normalizeClass, createTextVNode } from 'vue';
+import { ref, watch, provide, computed, resolveComponent, openBlock, createBlock, unref, withCtx, renderSlot, createVNode, createElementVNode, normalizeClass, createTextVNode } from 'vue';
 import { ROOT_PICKER_INJECTION_KEY } from 'element-plus/es/components/date-picker/src/constants';
 import ElPanelDatePicker from 'element-plus/es/components/date-picker/src/date-picker-com/panel-date-pick';
 import { parseDate, valueEquals, formatter } from 'element-plus/es/components/time-picker/src/utils';
@@ -6,123 +6,137 @@ import { useLocale } from 'element-plus/es/hooks/index';
 import { useNamespace } from '@ctzy-web-client/web-base-client-vue';
 import _export_sfc from '../_virtual/_plugin-vue_export-helper.mjs';
 
-const __default__ = defineComponent({ name: "BwaDatePicker" });
-const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
-  props: {
-    modelValue: {
-      type: [String, Date, Array]
-    },
-    visible: {
-      type: Boolean
-    },
-    format: {
-      type: String,
-      default: "YYYY-MM-DD"
-    },
-    shortcuts: {
-      type: Array,
-      default: () => []
-    }
-  },
-  emits: ["update:modelValue", "update:visible"],
+const _sfc_main = {
+  __name: 'date-picker',
+  props: {
+  modelValue: {
+    type: [String, Date, Array],
+  },
+  visible: {
+    type: Boolean,
+  },
+  format: {
+    type: String,
+    default: 'YYYY-MM-DD',
+  },
+  shortcuts: {
+    type: Array,
+    default: () => [],
+  },
+},
+  emits: ['update:modelValue', 'update:visible'],
   setup(__props, { emit }) {
-    const props = __props;
-    const ns = useNamespace("datepicker");
-    const { lang } = useLocale();
-    const visible = ref(false);
-    watch(visible, () => {
-      emit("update:visible", visible.value);
-    });
-    provide("EP_PICKER_BASE", {
-      props
-    });
-    provide(ROOT_PICKER_INJECTION_KEY, {
-      slots: {},
-      pickerNs: null
-    });
-    const parsedValue = computed(() => {
-      return parseDate(props.modelValue, props.format, lang);
-    });
-    const emitInput = (input) => {
-      if (valueEquals(props.modelValue, input)) {
-        return;
-      }
-      let formatted;
-      if (Array.isArray(input)) {
-        formatted = input.map((item) => formatter(item, props.format, lang.value));
-      } else {
-        formatted = formatter(input, props.format, lang.value);
-      }
-      emit("update:modelValue", formatted);
-    };
-    const onPick = (date) => {
-      let result;
-      if (Array.isArray(date)) {
-        result = date.map((_) => _.toDate());
-      } else {
-        result = date ? date.toDate() : date;
-      }
-      emitInput(result);
-      visible.value = false;
-    };
-    const onClear = () => {
-      emit("update:modelValue", "");
-      visible.value = false;
-    };
-    return (_ctx, _cache) => {
-      const _component_ElButton = resolveComponent("ElButton");
-      const _component_ElTooltip = resolveComponent("ElTooltip");
-      return openBlock(), createBlock(_component_ElTooltip, {
-        trigger: "click",
-        pure: "",
-        teleported: "",
-        effect: "light",
-        role: "dialog",
-        transition: `el-zoom-in-top`,
-        "fallback-placements": ["bottom", "top", "right", "left"],
-        "gpu-acceleration": false,
-        "show-arrow": false,
-        "stop-popper-mouse-event": false,
-        visible: visible.value,
-        "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
-        "hide-after": 0,
-        "popper-class": unref(ns).b(),
-        persistent: "",
-        "append-to": ".bwa-application"
+
+const props = __props;
+
+defineOptions({ name: 'BwaDatePicker' });
+
+
+
+const ns = useNamespace('datepicker');
+
+const { lang } = useLocale();
+
+const visible = ref(false);
+
+watch(visible, () => {
+  emit('update:visible', visible.value);
+});
+
+provide('EP_PICKER_BASE', {
+  props,
+});
+provide(ROOT_PICKER_INJECTION_KEY, {
+  slots: {},
+  pickerNs: null,
+});
+
+const parsedValue = computed(() => {
+  return parseDate(props.modelValue, props.format, lang);
+});
+
+const emitInput = (input) => {
+  if (valueEquals(props.modelValue, input)) {
+    return;
+  }
+  let formatted;
+  if (Array.isArray(input)) {
+    formatted = input.map((item) => formatter(item, props.format, lang.value));
+  } else {
+    formatted = formatter(input, props.format, lang.value);
+  }
+  emit('update:modelValue', formatted);
+};
+
+const onPick = (date) => {
+  let result;
+  if (Array.isArray(date)) {
+    result = date.map((_) => _.toDate());
+  } else {
+    result = date ? date.toDate() : date;
+  }
+  emitInput(result);
+  visible.value = false;
+};
+
+const onClear = () => {
+  emit('update:modelValue', '');
+  visible.value = false;
+};
+
+return (_ctx, _cache) => {
+  const _component_ElButton = resolveComponent("ElButton");
+  const _component_ElTooltip = resolveComponent("ElTooltip");
+
+  return (openBlock(), createBlock(_component_ElTooltip, {
+    trigger: "click",
+    pure: "",
+    teleported: "",
+    effect: "light",
+    role: "dialog",
+    transition: `el-zoom-in-top`,
+    "fallback-placements": ['bottom', 'top', 'right', 'left'],
+    "gpu-acceleration": false,
+    "show-arrow": false,
+    "stop-popper-mouse-event": false,
+    visible: visible.value,
+    "onUpdate:visible": _cache[0] || (_cache[0] = $event => ((visible).value = $event)),
+    "hide-after": 0,
+    "popper-class": unref(ns).b(),
+    persistent: "",
+    "append-to": ".bwa-application"
+  }, {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default", { visible: visible.value })
+    ]),
+    content: withCtx(() => [
+      createVNode(unref(ElPanelDatePicker), {
+        type: "date",
+        "parsed-value": unref(parsedValue),
+        onPick: onPick,
+        teleported: false
       }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", { visible: visible.value })
+        sidebar: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(unref(ns).e('sidebar'))
+          }, [
+            createVNode(_component_ElButton, { onClick: onClear }, {
+              default: withCtx(() => [
+                createTextVNode("清空")
+              ]),
+              _: 1 /* STABLE */
+            })
+          ], 2 /* CLASS */)
         ]),
-        content: withCtx(() => [
-          createVNode(unref(ElPanelDatePicker), {
-            type: "date",
-            "parsed-value": unref(parsedValue),
-            onPick,
-            teleported: false
-          }, {
-            sidebar: withCtx(() => [
-              createElementVNode("div", {
-                class: normalizeClass(unref(ns).e("sidebar"))
-              }, [
-                createVNode(_component_ElButton, {
-                  size: "small",
-                  onClick: onClear
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode("\u6E05\u7A7A")
-                  ]),
-                  _: 1
-                })
-              ], 2)
-            ]),
-            _: 1
-          }, 8, ["parsed-value"])
-        ]),
-        _: 3
-      }, 8, ["visible", "popper-class"]);
-    };
-  }
-});
-var datePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "date-picker.vue"]]);
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["parsed-value"])
+    ]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["visible", "popper-class"]))
+}
+}
+
+};
+var datePicker = /*#__PURE__*/_export_sfc(_sfc_main, [['__file',"date-picker.vue"]]);
 
 export { datePicker as default };

package/es/date-range/date-range.mjs

@@ -1,170 +1,224 @@
-import { defineComponent, ref, inject, computed, useSlots, unref, provide, watch, resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementVNode, normalizeClass, createElementBlock, toDisplayString, createCommentVNode, createVNode, createTextVNode } from 'vue';
+import { ref, inject, computed, useSlots, unref, provide, watch, resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementVNode, normalizeClass, createElementBlock, toDisplayString, createCommentVNode, createVNode, createTextVNode } from 'vue';
 import { useNamespace, filterPanelItemKey, useGlobalConfig } from '@ctzy-web-client/web-base-client-vue';
 import { timePickerDefaultProps, ROOT_PICKER_INJECTION_KEY, useNamespace as useNamespace$1, dayjs, parseDate, valueEquals, formatter } from 'element-plus';
 import _export_sfc from '../_virtual/_plugin-vue_export-helper.mjs';
 
-const __default__ = defineComponent({ name: "BwaDateRange" });
-const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
-  props: {
-    ...timePickerDefaultProps,
-    modelValue: {
-      type: null,
-      required: true
-    }
-  },
-  emits: ["update:modelValue"],
+const _sfc_main = {
+  __name: 'date-range',
+  props: {
+  ...timePickerDefaultProps,
+  modelValue: {
+    type: null,
+    required: true,
+  },
+},
+  emits: ['update:modelValue'],
   setup(__props, { emit }) {
-    const props = __props;
-    const ns = useNamespace("daterange");
-    const pickerVisivle = ref(false);
-    const filterPanelItem = inject(filterPanelItemKey);
-    const column = computed(() => {
-      var _a;
-      return (_a = filterPanelItem == null ? void 0 : filterPanelItem.column) != null ? _a : null;
-    });
-    const slots = useSlots();
-    const locale = useGlobalConfig("locale", "ZH");
-    const lang = computed(() => unref(locale).name);
-    provide(ROOT_PICKER_INJECTION_KEY, {
-      slots,
-      pickerNs: useNamespace$1("picker-panel")
-    });
-    provide("EP_PICKER_BASE", {
-      props
-    });
-    watch(
-      computed(() => props.modelValue),
-      () => {
-        if (!props.modelValue || Array.isArray(props.modelValue) || typeof props.modelValue !== "object") {
-          emit("update:modelValue", { start: "", end: "" });
-        }
-      },
-      { immediate: true }
-    );
-    const formatShowTime = (date) => {
-      return date ? dayjs(date).format("YYYY-MM-DD") : "";
-    };
-    const startTime = computed(() => {
-      var _a;
-      if (!((_a = props.modelValue) == null ? void 0 : _a.start)) {
-        return "";
-      }
-      return dayjs(props.modelValue.start).set("hour", 0).set("minute", 0).set("second", 0).format("YYYY-MM-DD HH:mm:ss");
-    });
-    const endTime = computed(() => {
-      var _a;
-      if (!((_a = props.modelValue) == null ? void 0 : _a.end)) {
-        return "";
-      }
-      return dayjs(props.modelValue.end).set("hour", 23).set("minute", 59).set("second", 59).format("YYYY-MM-DD HH:mm:ss");
-    });
-    const formatStartTime = computed(() => formatShowTime(unref(startTime)));
-    const formatEndTime = computed(() => formatShowTime(unref(endTime)));
-    const dateRangeValue = computed(() => [unref(startTime), unref(endTime)]);
-    const valueIsEmpty = computed(() => {
-      const value = unref(dateRangeValue);
-      return !value || Array.isArray(value) && !value.filter(Boolean).length;
-    });
-    const parsedValue = computed(() => {
-      const { valueFormat } = props;
-      const value = unref(dateRangeValue);
-      if (!unref(valueIsEmpty)) {
-        return value.map((d) => parseDate(d, valueFormat, unref(lang)));
-      }
-      return [];
-    });
-    const emitInput = (input) => {
-      if (!valueEquals(unref(dateRangeValue), input)) {
-        const formatted = input.map(
-          (item) => formatter(item, props.valueFormat, unref(lang))
-        );
-        emit("update:modelValue", {
-          start: formatted[0] ? dayjs(formatted[0]).set("hour", 0).set("minute", 0).set("second", 0).format("YYYY-MM-DD HH:mm:ss") : "",
-          end: formatted[1] ? dayjs(formatted[1]).set("hour", 23).set("minute", 59).set("second", 59).format("YYYY-MM-DD HH:mm:ss") : ""
-        });
-      }
-    };
-    const onPick = (date, visible = false) => {
-      pickerVisivle.value = visible;
-      emitInput(date.map((item) => item.toDate()));
-    };
-    return (_ctx, _cache) => {
-      const _component_CaretBottom = resolveComponent("CaretBottom");
-      const _component_ElIcon = resolveComponent("ElIcon");
-      const _component_ElTooltip = resolveComponent("ElTooltip");
-      return openBlock(), createBlock(_component_ElTooltip, {
-        visible: pickerVisivle.value,
-        "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => pickerVisivle.value = $event),
-        pure: "",
-        teleported: "",
-        effect: "light",
-        role: "dialog",
-        transition: `el-zoom-in-top`,
-        "fallback-placements": ["bottom", "top", "right", "left"],
-        "gpu-acceleration": false,
-        "show-arrow": false,
-        "stop-popper-mouse-event": false,
-        "hide-after": 0,
-        persistent: "",
-        trigger: "click",
-        "append-to": ".bwa-application"
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "pct-default", {
-            formatStartTime: unref(formatStartTime),
-            formatEndTime: unref(formatEndTime)
-          }, () => [
-            createElementVNode("div", {
-              class: normalizeClass([unref(ns).b(), unref(ns).is("active", pickerVisivle.value)])
-            }, [
-              renderSlot(_ctx.$slots, "label", {}, () => [
-                unref(column) ? (openBlock(), createElementBlock("span", {
+
+const props = __props;
+
+defineOptions({ name: 'BwaDateRange' });
+
+
+
+const ns = useNamespace('daterange');
+
+const pickerVisivle = ref(false);
+
+const filterPanelItem = inject(filterPanelItemKey);
+const column = computed(() => filterPanelItem?.column ?? null);
+
+
+
+const slots = useSlots();
+
+const locale = useGlobalConfig('locale', 'ZH');
+const lang = computed(() => unref(locale).name);
+
+provide(ROOT_PICKER_INJECTION_KEY, {
+  slots,
+  pickerNs: useNamespace$1('picker-panel'),
+});
+provide('EP_PICKER_BASE', {
+  props,
+});
+
+watch(
+  computed(() => props.modelValue),
+  () => {
+    if (
+      !props.modelValue ||
+      Array.isArray(props.modelValue) ||
+      typeof props.modelValue !== 'object'
+    ) {
+      emit('update:modelValue', { start: '', end: '' });
+    }
+  },
+  { immediate: true }
+);
+
+const formatShowTime = (date) => {
+  return date ? dayjs(date).format('YYYY-MM-DD') : '';
+};
+
+/** @type {import('vue').ComputedRef<string>} */
+const startTime = computed(() => {
+  if (!props.modelValue?.start) {
+    return '';
+  }
+
+  return dayjs(props.modelValue.start)
+    .set('hour', 0)
+    .set('minute', 0)
+    .set('second', 0)
+    .format('YYYY-MM-DD HH:mm:ss');
+});
+/** @type {import('vue').ComputedRef<string>} */
+const endTime = computed(() => {
+  if (!props.modelValue?.end) {
+    return '';
+  }
+
+  return dayjs(props.modelValue.end)
+    .set('hour', 23)
+    .set('minute', 59)
+    .set('second', 59)
+    .format('YYYY-MM-DD HH:mm:ss');
+});
+
+const formatStartTime = computed(() => formatShowTime(unref(startTime)));
+const formatEndTime = computed(() => formatShowTime(unref(endTime)));
+
+const dateRangeValue = computed(() => [unref(startTime), unref(endTime)]);
+
+const valueIsEmpty = computed(() => {
+  const value = unref(dateRangeValue);
+  return !value || (Array.isArray(value) && !value.filter(Boolean).length);
+});
+
+const parsedValue = computed(() => {
+  const { valueFormat } = props;
+  const value = unref(dateRangeValue);
+
+  if (!unref(valueIsEmpty)) {
+    return value.map((d) => parseDate(d, valueFormat, unref(lang)));
+  }
+
+  return [];
+});
+
+const emitInput = (input) => {
+  if (!valueEquals(unref(dateRangeValue), input)) {
+    const formatted = input.map((item) =>
+      formatter(item, props.valueFormat, unref(lang))
+    );
+
+    emit('update:modelValue', {
+      start: formatted[0]
+        ? dayjs(formatted[0])
+            .set('hour', 0)
+            .set('minute', 0)
+            .set('second', 0)
+            .format('YYYY-MM-DD HH:mm:ss')
+        : '',
+      end: formatted[1]
+        ? dayjs(formatted[1])
+            .set('hour', 23)
+            .set('minute', 59)
+            .set('second', 59)
+            .format('YYYY-MM-DD HH:mm:ss')
+        : '',
+    });
+  }
+};
+
+const onPick = (date, visible = false) => {
+  pickerVisivle.value = visible;
+
+  emitInput(date.map((item) => item.toDate()));
+};
+
+return (_ctx, _cache) => {
+  const _component_CaretBottom = resolveComponent("CaretBottom");
+  const _component_ElIcon = resolveComponent("ElIcon");
+  const _component_ElTooltip = resolveComponent("ElTooltip");
+
+  return (openBlock(), createBlock(_component_ElTooltip, {
+    visible: pickerVisivle.value,
+    "onUpdate:visible": _cache[0] || (_cache[0] = $event => ((pickerVisivle).value = $event)),
+    pure: "",
+    teleported: "",
+    effect: "light",
+    role: "dialog",
+    transition: `el-zoom-in-top`,
+    "fallback-placements": ['bottom', 'top', 'right', 'left'],
+    "gpu-acceleration": false,
+    "show-arrow": false,
+    "stop-popper-mouse-event": false,
+    "hide-after": 0,
+    persistent: "",
+    trigger: "click",
+    "append-to": ".bwa-application"
+  }, {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "pct-default", {
+        formatStartTime: unref(formatStartTime),
+        formatEndTime: unref(formatEndTime)
+      }, () => [
+        createElementVNode("div", {
+          class: normalizeClass([unref(ns).b(), unref(ns).is('active', pickerVisivle.value)])
+        }, [
+          renderSlot(_ctx.$slots, "label", {}, () => [
+            (unref(column))
+              ? (openBlock(), createElementBlock("span", {
                   key: 0,
-                  class: normalizeClass(unref(ns).e("label"))
-                }, toDisplayString(unref(column).title), 3)) : createCommentVNode("v-if", true)
+                  class: normalizeClass(unref(ns).e('label'))
+                }, toDisplayString(unref(column).title), 3 /* TEXT, CLASS */))
+              : createCommentVNode("v-if", true)
+          ]),
+          createElementVNode("span", {
+            class: normalizeClass([unref(ns).e('time'), unref(ns).is('empty', !unref(formatStartTime))])
+          }, [
+            createElementVNode("span", {
+              class: normalizeClass(unref(ns).e('content'))
+            }, toDisplayString(unref(formatStartTime) ? unref(formatStartTime) : '开始日期'), 3 /* TEXT, CLASS */),
+            createVNode(_component_ElIcon, {
+              class: normalizeClass(unref(ns).e('caret'))
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_CaretBottom)
               ]),
-              createElementVNode("span", {
-                class: normalizeClass([unref(ns).e("time"), unref(ns).is("empty", !unref(formatStartTime))])
-              }, [
-                createElementVNode("span", {
-                  class: normalizeClass(unref(ns).e("content"))
-                }, toDisplayString(unref(formatStartTime) ? unref(formatStartTime) : "\u5F00\u59CB\u65E5\u671F"), 3),
-                createVNode(_component_ElIcon, {
-                  class: normalizeClass(unref(ns).e("caret"))
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_CaretBottom)
-                  ]),
-                  _: 1
-                }, 8, ["class"])
-              ], 2),
-              createTextVNode(" \u81F3 "),
-              createElementVNode("span", {
-                class: normalizeClass([unref(ns).e("time"), unref(ns).is("empty", !unref(formatEndTime))])
-              }, [
-                createElementVNode("span", {
-                  class: normalizeClass(unref(ns).e("content"))
-                }, toDisplayString(unref(formatEndTime) ? unref(formatEndTime) : "\u7ED3\u675F\u65E5\u671F"), 3),
-                createVNode(_component_ElIcon, {
-                  class: normalizeClass(unref(ns).e("caret"))
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_CaretBottom)
-                  ]),
-                  _: 1
-                }, 8, ["class"])
-              ], 2)
-            ], 2)
-          ])
-        ]),
-        content: withCtx(() => [
-          createCommentVNode(' <PanelDateRange\r\n        :parsed-value="parsedValue"\r\n        type="daterange"\r\n        :visible="pickerVisivle"\r\n        @pick="onPick"\r\n        :teleported="false"\r\n      /> ')
-        ]),
-        _: 3
-      }, 8, ["visible"]);
-    };
-  }
-});
-var DateRange = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "date-range.vue"]]);
+              _: 1 /* STABLE */
+            }, 8 /* PROPS */, ["class"])
+          ], 2 /* CLASS */),
+          createTextVNode(" 至 "),
+          createElementVNode("span", {
+            class: normalizeClass([unref(ns).e('time'), unref(ns).is('empty', !unref(formatEndTime))])
+          }, [
+            createElementVNode("span", {
+              class: normalizeClass(unref(ns).e('content'))
+            }, toDisplayString(unref(formatEndTime) ? unref(formatEndTime) : '结束日期'), 3 /* TEXT, CLASS */),
+            createVNode(_component_ElIcon, {
+              class: normalizeClass(unref(ns).e('caret'))
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_CaretBottom)
+              ]),
+              _: 1 /* STABLE */
+            }, 8 /* PROPS */, ["class"])
+          ], 2 /* CLASS */)
+        ], 2 /* CLASS */)
+      ])
+    ]),
+    content: withCtx(() => [
+      createCommentVNode(" <PanelDateRange\r\n        :parsed-value=\"parsedValue\"\r\n        type=\"daterange\"\r\n        :visible=\"pickerVisivle\"\r\n        @pick=\"onPick\"\r\n        :teleported=\"false\"\r\n      /> ")
+    ]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["visible"]))
+}
+}
+
+};
+var DateRange = /*#__PURE__*/_export_sfc(_sfc_main, [['__file',"date-range.vue"]]);
 
 export { DateRange as default };