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

package/lib/date-range/date-picker.js

@@ -14,123 +14,137 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var ElPanelDatePicker__default = /*#__PURE__*/_interopDefaultLegacy(ElPanelDatePicker);
 
-const __default__ = vue.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 = webBaseClientVue.useNamespace("datepicker");
-    const { lang } = index.useLocale();
-    const visible = vue.ref(false);
-    vue.watch(visible, () => {
-      emit("update:visible", visible.value);
-    });
-    vue.provide("EP_PICKER_BASE", {
-      props
-    });
-    vue.provide(constants.ROOT_PICKER_INJECTION_KEY, {
-      slots: {},
-      pickerNs: null
-    });
-    const parsedValue = vue.computed(() => {
-      return utils.parseDate(props.modelValue, props.format, lang);
-    });
-    const emitInput = (input) => {
-      if (utils.valueEquals(props.modelValue, input)) {
-        return;
-      }
-      let formatted;
-      if (Array.isArray(input)) {
-        formatted = input.map((item) => utils.formatter(item, props.format, lang.value));
-      } else {
-        formatted = utils.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 = vue.resolveComponent("ElButton");
-      const _component_ElTooltip = vue.resolveComponent("ElTooltip");
-      return vue.openBlock(), vue.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": vue.unref(ns).b(),
-        persistent: "",
-        "append-to": ".bwa-application"
+
+const props = __props;
+
+defineOptions({ name: 'BwaDatePicker' });
+
+
+
+const ns = webBaseClientVue.useNamespace('datepicker');
+
+const { lang } = index.useLocale();
+
+const visible = vue.ref(false);
+
+vue.watch(visible, () => {
+  emit('update:visible', visible.value);
+});
+
+vue.provide('EP_PICKER_BASE', {
+  props,
+});
+vue.provide(constants.ROOT_PICKER_INJECTION_KEY, {
+  slots: {},
+  pickerNs: null,
+});
+
+const parsedValue = vue.computed(() => {
+  return utils.parseDate(props.modelValue, props.format, lang);
+});
+
+const emitInput = (input) => {
+  if (utils.valueEquals(props.modelValue, input)) {
+    return;
+  }
+  let formatted;
+  if (Array.isArray(input)) {
+    formatted = input.map((item) => utils.formatter(item, props.format, lang.value));
+  } else {
+    formatted = utils.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 = vue.resolveComponent("ElButton");
+  const _component_ElTooltip = vue.resolveComponent("ElTooltip");
+
+  return (vue.openBlock(), vue.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": vue.unref(ns).b(),
+    persistent: "",
+    "append-to": ".bwa-application"
+  }, {
+    default: vue.withCtx(() => [
+      vue.renderSlot(_ctx.$slots, "default", { visible: visible.value })
+    ]),
+    content: vue.withCtx(() => [
+      vue.createVNode(vue.unref(ElPanelDatePicker__default["default"]), {
+        type: "date",
+        "parsed-value": vue.unref(parsedValue),
+        onPick: onPick,
+        teleported: false
       }, {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default", { visible: visible.value })
+        sidebar: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e('sidebar'))
+          }, [
+            vue.createVNode(_component_ElButton, { onClick: onClear }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("清空")
+              ]),
+              _: 1 /* STABLE */
+            })
+          ], 2 /* CLASS */)
         ]),
-        content: vue.withCtx(() => [
-          vue.createVNode(vue.unref(ElPanelDatePicker__default["default"]), {
-            type: "date",
-            "parsed-value": vue.unref(parsedValue),
-            onPick,
-            teleported: false
-          }, {
-            sidebar: vue.withCtx(() => [
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(vue.unref(ns).e("sidebar"))
-              }, [
-                vue.createVNode(_component_ElButton, {
-                  size: "small",
-                  onClick: onClear
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createTextVNode("\u6E05\u7A7A")
-                  ]),
-                  _: 1
-                })
-              ], 2)
-            ]),
-            _: 1
-          }, 8, ["parsed-value"])
-        ]),
-        _: 3
-      }, 8, ["visible", "popper-class"]);
-    };
-  }
-});
-var datePicker = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "date-picker.vue"]]);
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["parsed-value"])
+    ]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["visible", "popper-class"]))
+}
+}
+
+};
+var datePicker = /*#__PURE__*/_pluginVue_exportHelper["default"](_sfc_main, [['__file',"date-picker.vue"]]);
 
 exports["default"] = datePicker;

package/lib/date-range/date-range.js

@@ -7,168 +7,222 @@ var webBaseClientVue = require('@ctzy-web-client/web-base-client-vue');
 var ElementPlus = require('element-plus');
 var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
 
-const __default__ = vue.defineComponent({ name: "BwaDateRange" });
-const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
-  props: {
-    ...ElementPlus.timePickerDefaultProps,
-    modelValue: {
-      type: null,
-      required: true
-    }
-  },
-  emits: ["update:modelValue"],
+const _sfc_main = {
+  __name: 'date-range',
+  props: {
+  ...ElementPlus.timePickerDefaultProps,
+  modelValue: {
+    type: null,
+    required: true,
+  },
+},
+  emits: ['update:modelValue'],
   setup(__props, { emit }) {
-    const props = __props;
-    const ns = webBaseClientVue.useNamespace("daterange");
-    const pickerVisivle = vue.ref(false);
-    const filterPanelItem = vue.inject(webBaseClientVue.filterPanelItemKey);
-    const column = vue.computed(() => {
-      var _a;
-      return (_a = filterPanelItem == null ? void 0 : filterPanelItem.column) != null ? _a : null;
-    });
-    const slots = vue.useSlots();
-    const locale = webBaseClientVue.useGlobalConfig("locale", "ZH");
-    const lang = vue.computed(() => vue.unref(locale).name);
-    vue.provide(ElementPlus.ROOT_PICKER_INJECTION_KEY, {
-      slots,
-      pickerNs: ElementPlus.useNamespace("picker-panel")
-    });
-    vue.provide("EP_PICKER_BASE", {
-      props
-    });
-    vue.watch(
-      vue.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 ? ElementPlus.dayjs(date).format("YYYY-MM-DD") : "";
-    };
-    const startTime = vue.computed(() => {
-      var _a;
-      if (!((_a = props.modelValue) == null ? void 0 : _a.start)) {
-        return "";
-      }
-      return ElementPlus.dayjs(props.modelValue.start).set("hour", 0).set("minute", 0).set("second", 0).format("YYYY-MM-DD HH:mm:ss");
-    });
-    const endTime = vue.computed(() => {
-      var _a;
-      if (!((_a = props.modelValue) == null ? void 0 : _a.end)) {
-        return "";
-      }
-      return ElementPlus.dayjs(props.modelValue.end).set("hour", 23).set("minute", 59).set("second", 59).format("YYYY-MM-DD HH:mm:ss");
-    });
-    const formatStartTime = vue.computed(() => formatShowTime(vue.unref(startTime)));
-    const formatEndTime = vue.computed(() => formatShowTime(vue.unref(endTime)));
-    const dateRangeValue = vue.computed(() => [vue.unref(startTime), vue.unref(endTime)]);
-    const valueIsEmpty = vue.computed(() => {
-      const value = vue.unref(dateRangeValue);
-      return !value || Array.isArray(value) && !value.filter(Boolean).length;
-    });
-    const parsedValue = vue.computed(() => {
-      const { valueFormat } = props;
-      const value = vue.unref(dateRangeValue);
-      if (!vue.unref(valueIsEmpty)) {
-        return value.map((d) => ElementPlus.parseDate(d, valueFormat, vue.unref(lang)));
-      }
-      return [];
-    });
-    const emitInput = (input) => {
-      if (!ElementPlus.valueEquals(vue.unref(dateRangeValue), input)) {
-        const formatted = input.map(
-          (item) => ElementPlus.formatter(item, props.valueFormat, vue.unref(lang))
-        );
-        emit("update:modelValue", {
-          start: formatted[0] ? ElementPlus.dayjs(formatted[0]).set("hour", 0).set("minute", 0).set("second", 0).format("YYYY-MM-DD HH:mm:ss") : "",
-          end: formatted[1] ? ElementPlus.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 = vue.resolveComponent("CaretBottom");
-      const _component_ElIcon = vue.resolveComponent("ElIcon");
-      const _component_ElTooltip = vue.resolveComponent("ElTooltip");
-      return vue.openBlock(), vue.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: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "pct-default", {
-            formatStartTime: vue.unref(formatStartTime),
-            formatEndTime: vue.unref(formatEndTime)
-          }, () => [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).is("active", pickerVisivle.value)])
-            }, [
-              vue.renderSlot(_ctx.$slots, "label", {}, () => [
-                vue.unref(column) ? (vue.openBlock(), vue.createElementBlock("span", {
+
+const props = __props;
+
+defineOptions({ name: 'BwaDateRange' });
+
+
+
+const ns = webBaseClientVue.useNamespace('daterange');
+
+const pickerVisivle = vue.ref(false);
+
+const filterPanelItem = vue.inject(webBaseClientVue.filterPanelItemKey);
+const column = vue.computed(() => filterPanelItem?.column ?? null);
+
+
+
+const slots = vue.useSlots();
+
+const locale = webBaseClientVue.useGlobalConfig('locale', 'ZH');
+const lang = vue.computed(() => vue.unref(locale).name);
+
+vue.provide(ElementPlus.ROOT_PICKER_INJECTION_KEY, {
+  slots,
+  pickerNs: ElementPlus.useNamespace('picker-panel'),
+});
+vue.provide('EP_PICKER_BASE', {
+  props,
+});
+
+vue.watch(
+  vue.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 ? ElementPlus.dayjs(date).format('YYYY-MM-DD') : '';
+};
+
+/** @type {import('vue').ComputedRef<string>} */
+const startTime = vue.computed(() => {
+  if (!props.modelValue?.start) {
+    return '';
+  }
+
+  return ElementPlus.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 = vue.computed(() => {
+  if (!props.modelValue?.end) {
+    return '';
+  }
+
+  return ElementPlus.dayjs(props.modelValue.end)
+    .set('hour', 23)
+    .set('minute', 59)
+    .set('second', 59)
+    .format('YYYY-MM-DD HH:mm:ss');
+});
+
+const formatStartTime = vue.computed(() => formatShowTime(vue.unref(startTime)));
+const formatEndTime = vue.computed(() => formatShowTime(vue.unref(endTime)));
+
+const dateRangeValue = vue.computed(() => [vue.unref(startTime), vue.unref(endTime)]);
+
+const valueIsEmpty = vue.computed(() => {
+  const value = vue.unref(dateRangeValue);
+  return !value || (Array.isArray(value) && !value.filter(Boolean).length);
+});
+
+const parsedValue = vue.computed(() => {
+  const { valueFormat } = props;
+  const value = vue.unref(dateRangeValue);
+
+  if (!vue.unref(valueIsEmpty)) {
+    return value.map((d) => ElementPlus.parseDate(d, valueFormat, vue.unref(lang)));
+  }
+
+  return [];
+});
+
+const emitInput = (input) => {
+  if (!ElementPlus.valueEquals(vue.unref(dateRangeValue), input)) {
+    const formatted = input.map((item) =>
+      ElementPlus.formatter(item, props.valueFormat, vue.unref(lang))
+    );
+
+    emit('update:modelValue', {
+      start: formatted[0]
+        ? ElementPlus.dayjs(formatted[0])
+            .set('hour', 0)
+            .set('minute', 0)
+            .set('second', 0)
+            .format('YYYY-MM-DD HH:mm:ss')
+        : '',
+      end: formatted[1]
+        ? ElementPlus.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 = vue.resolveComponent("CaretBottom");
+  const _component_ElIcon = vue.resolveComponent("ElIcon");
+  const _component_ElTooltip = vue.resolveComponent("ElTooltip");
+
+  return (vue.openBlock(), vue.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: vue.withCtx(() => [
+      vue.renderSlot(_ctx.$slots, "pct-default", {
+        formatStartTime: vue.unref(formatStartTime),
+        formatEndTime: vue.unref(formatEndTime)
+      }, () => [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).is('active', pickerVisivle.value)])
+        }, [
+          vue.renderSlot(_ctx.$slots, "label", {}, () => [
+            (vue.unref(column))
+              ? (vue.openBlock(), vue.createElementBlock("span", {
                   key: 0,
-                  class: vue.normalizeClass(vue.unref(ns).e("label"))
-                }, vue.toDisplayString(vue.unref(column).title), 3)) : vue.createCommentVNode("v-if", true)
+                  class: vue.normalizeClass(vue.unref(ns).e('label'))
+                }, vue.toDisplayString(vue.unref(column).title), 3 /* TEXT, CLASS */))
+              : vue.createCommentVNode("v-if", true)
+          ]),
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass([vue.unref(ns).e('time'), vue.unref(ns).is('empty', !vue.unref(formatStartTime))])
+          }, [
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass(vue.unref(ns).e('content'))
+            }, vue.toDisplayString(vue.unref(formatStartTime) ? vue.unref(formatStartTime) : '开始日期'), 3 /* TEXT, CLASS */),
+            vue.createVNode(_component_ElIcon, {
+              class: vue.normalizeClass(vue.unref(ns).e('caret'))
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_CaretBottom)
               ]),
-              vue.createElementVNode("span", {
-                class: vue.normalizeClass([vue.unref(ns).e("time"), vue.unref(ns).is("empty", !vue.unref(formatStartTime))])
-              }, [
-                vue.createElementVNode("span", {
-                  class: vue.normalizeClass(vue.unref(ns).e("content"))
-                }, vue.toDisplayString(vue.unref(formatStartTime) ? vue.unref(formatStartTime) : "\u5F00\u59CB\u65E5\u671F"), 3),
-                vue.createVNode(_component_ElIcon, {
-                  class: vue.normalizeClass(vue.unref(ns).e("caret"))
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(_component_CaretBottom)
-                  ]),
-                  _: 1
-                }, 8, ["class"])
-              ], 2),
-              vue.createTextVNode(" \u81F3 "),
-              vue.createElementVNode("span", {
-                class: vue.normalizeClass([vue.unref(ns).e("time"), vue.unref(ns).is("empty", !vue.unref(formatEndTime))])
-              }, [
-                vue.createElementVNode("span", {
-                  class: vue.normalizeClass(vue.unref(ns).e("content"))
-                }, vue.toDisplayString(vue.unref(formatEndTime) ? vue.unref(formatEndTime) : "\u7ED3\u675F\u65E5\u671F"), 3),
-                vue.createVNode(_component_ElIcon, {
-                  class: vue.normalizeClass(vue.unref(ns).e("caret"))
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(_component_CaretBottom)
-                  ]),
-                  _: 1
-                }, 8, ["class"])
-              ], 2)
-            ], 2)
-          ])
-        ]),
-        content: vue.withCtx(() => [
-          vue.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__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "date-range.vue"]]);
+              _: 1 /* STABLE */
+            }, 8 /* PROPS */, ["class"])
+          ], 2 /* CLASS */),
+          vue.createTextVNode(" 至 "),
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass([vue.unref(ns).e('time'), vue.unref(ns).is('empty', !vue.unref(formatEndTime))])
+          }, [
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass(vue.unref(ns).e('content'))
+            }, vue.toDisplayString(vue.unref(formatEndTime) ? vue.unref(formatEndTime) : '结束日期'), 3 /* TEXT, CLASS */),
+            vue.createVNode(_component_ElIcon, {
+              class: vue.normalizeClass(vue.unref(ns).e('caret'))
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_CaretBottom)
+              ]),
+              _: 1 /* STABLE */
+            }, 8 /* PROPS */, ["class"])
+          ], 2 /* CLASS */)
+        ], 2 /* CLASS */)
+      ])
+    ]),
+    content: vue.withCtx(() => [
+      vue.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__*/_pluginVue_exportHelper["default"](_sfc_main, [['__file',"date-range.vue"]]);
 
 exports["default"] = DateRange;