@ctzy-web-client/plugin-component-vue 1.0.9 → 1.0.10

package/es/datatable-settings/datatable-settings.mjs

@@ -0,0 +1,309 @@
+import { defineComponent, useAttrs, ref, computed, unref, getCurrentScope, onScopeDispose, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementVNode, normalizeClass, createTextVNode, createElementBlock, createVNode, createCommentVNode, toDisplayString, withModifiers, Fragment, renderList, renderSlot } from 'vue';
+import { ElTooltip, ElIcon, ElScrollbar, ElSwitch } from 'element-plus';
+import { useNamespace, useValue, useService, useEventDispatcher } from '@ctzy-web-client/web-base-client-vue';
+import { BwaDraglist } from '../drag-list/index.mjs';
+import { map } from 'rxjs';
+import { dataModelDB } from '../utils/db.mjs';
+import _export_sfc from '../_virtual/_plugin-vue_export-helper.mjs';
+
+const __default__ = defineComponent({ name: "BwaDataTableSetting" });
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    dataTable: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const attrs = useAttrs();
+    const ns = useNamespace("datatable-settings");
+    const value = ref(false);
+    const appName = useValue("AppName");
+    const userService = useService("UserService");
+    const userID = computed(() => {
+      var _a, _b;
+      return ((_b = (_a = unref(userService)) == null ? void 0 : _a.userInfo) == null ? void 0 : _b.id) || "";
+    });
+    const isShowResetColumn = computed(
+      () => !props.dataTable.isDefaultColumnSort()
+    );
+    const key = computed(
+      () => `${unref(appName)}_${props.dataTable.name}_settings`
+    );
+    const search = ref("");
+    const columns = computed(
+      () => props.dataTable.getColumns().filter((column) => column.settings.visible).filter((column) => column.settings.visible)
+    );
+    const initColumns = async () => {
+      var _a, _b, _c;
+      let persistentColumnInfos = [];
+      const result = await dataModelDB.tableHeaderSettings.where("[app+tableName+userID]").equals([unref(appName), props.dataTable.name, unref(userID)]).toArray();
+      if (result.length) {
+        persistentColumnInfos = (_b = (_a = result[0]) == null ? void 0 : _a.columnInfo) != null ? _b : [];
+      }
+      if (persistentColumnInfos.some((item) => typeof item === "string")) {
+        persistentColumnInfos = persistentColumnInfos.map((columnInfo) => {
+          return typeof columnInfo === "object" ? columnInfo : { name: columnInfo, visible: true };
+        });
+      }
+      const _dataTable = props.dataTable;
+      let dataTableColumns = _dataTable.getColumns().slice().filter((item) => item.settings.visible);
+      persistentColumnInfos = persistentColumnInfos.filter(
+        (item) => dataTableColumns.findIndex((column) => column.name === item.name) !== -1
+      );
+      if (!persistentColumnInfos) {
+        return dataTableColumns;
+      }
+      let sortedColumns = persistentColumnInfos.map(
+        (columnInfo) => dataTableColumns.find((column) => column.name === columnInfo.name)
+      ).filter(Boolean);
+      dataTableColumns = sortedColumns.concat(
+        dataTableColumns.filter(
+          (column) => !sortedColumns.find((col) => column.name === col.name)
+        )
+      );
+      for (const column of dataTableColumns) {
+        const persistentItem = persistentColumnInfos.find(
+          (item) => item.name === column.name
+        );
+        column.visible = (_c = persistentItem == null ? void 0 : persistentItem.visible) != null ? _c : column.visible;
+      }
+      props.dataTable.setDisplayColumns(
+        dataTableColumns.filter((column) => column.visible)
+      );
+      return dataTableColumns;
+    };
+    const resetColumns = () => {
+      const _dataTable = props.dataTable;
+      _dataTable.resetColumnSort();
+    };
+    const allSearchedColumns = computed(() => {
+      const _search = unref(search);
+      return unref(columns).filter((column) => column.title.indexOf(_search) > -1);
+    });
+    const hiddenSearchedColumns = computed(
+      () => unref(allSearchedColumns).filter((item) => !item.visible)
+    );
+    const displaySearchedColumns = computed(() => {
+      const _search = unref(search);
+      return props.dataTable.getDisplayColumns().filter((column) => column.settings.visible).filter((column) => column.title.indexOf(_search) > -1);
+    });
+    const handleSortChange = (sort) => {
+      const _columns = unref(columns);
+      const displayColumns = sort.map(
+        (attrName) => {
+          var _a;
+          return (_a = _columns.find((column) => column.attrName === attrName)) != null ? _a : null;
+        }
+      ).filter(Boolean);
+      props.dataTable.setDisplayColumns(displayColumns);
+    };
+    const scope = getCurrentScope();
+    const handleInitCompleted = async () => {
+      const dataTableColumns = await initColumns();
+      const subscription = props.dataTable.getDisplayColumnsSubject().pipe(
+        map((displayColumns) => {
+          const hiddenColumns = dataTableColumns.filter(
+            (column) => !displayColumns.find(
+              (displayColumn) => displayColumn.attrName === column.attrName
+            )
+          );
+          return [...displayColumns, ...hiddenColumns].map((column) => ({
+            name: column.name,
+            visible: column.visible
+          }));
+        })
+      ).subscribe({
+        next: (columnInfo) => {
+          dataModelDB.tableHeaderSettings.put({
+            app: unref(appName),
+            tableName: props.dataTable.name,
+            userID: unref(userID),
+            columnInfo
+          });
+        }
+      });
+      scope.run(() => {
+        onScopeDispose(() => {
+          subscription.unsubscribe();
+        });
+      });
+    };
+    if (!props.dataTable.inited) {
+      useEventDispatcher(props.dataTable, "init-completed", handleInitCompleted);
+    } else {
+      handleInitCompleted();
+    }
+    return (_ctx, _cache) => {
+      const _component_RefreshRight = resolveComponent("RefreshRight");
+      const _component_Close = resolveComponent("Close");
+      return openBlock(), createBlock(unref(ElTooltip), mergeProps({
+        visible: value.value,
+        "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => value.value = $event)
+      }, unref(attrs), {
+        effect: "light",
+        "show-arrow": false,
+        trigger: "click",
+        "popper-class": unref(ns).b(),
+        "gpu-acceleration": false,
+        placement: "bottom",
+        "append-to": ".bwa-application"
+      }), {
+        content: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(unref(ns).e("content"))
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(unref(ns).e("header"))
+            }, [
+              createTextVNode(" \u8868\u5934\u8BBE\u7F6E "),
+              createElementVNode("span", {
+                class: normalizeClass(unref(ns).e("tools"))
+              }, [
+                unref(isShowResetColumn) ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  class: normalizeClass([unref(ns).e("tools-item"), unref(ns).e("refresh")]),
+                  onClick: resetColumns
+                }, [
+                  createVNode(unref(ElTooltip), {
+                    content: "\u6062\u590D\u9ED8\u8BA4",
+                    "append-to": ".bwa-application"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(ElIcon), null, {
+                        default: withCtx(() => [
+                          createVNode(_component_RefreshRight)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ], 2)) : createCommentVNode("v-if", true),
+                createElementVNode("span", {
+                  class: normalizeClass([unref(ns).e("tools-item"), unref(ns).e("close")]),
+                  onClick: _cache[0] || (_cache[0] = ($event) => value.value = false)
+                }, [
+                  createVNode(unref(ElTooltip), {
+                    content: "\u5173\u95ED",
+                    "append-to": ".bwa-application"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(ElIcon), null, {
+                        default: withCtx(() => [
+                          createVNode(_component_Close)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ], 2)
+              ], 2)
+            ], 2),
+            createCommentVNode(` <div :class="ns.e('search')">\r
+          <ElInput\r
+            v-model="search"\r
+            :clearable="true"\r
+            prefix-icon="Search"\r
+            placeholder="\u8BF7\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22"\r
+          />\r
+        </div> `),
+            createVNode(unref(ElScrollbar), { "max-height": "500px" }, {
+              default: withCtx(() => [
+                createElementVNode("div", {
+                  class: normalizeClass(unref(ns).e("main"))
+                }, [
+                  unref(displaySearchedColumns).length ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: normalizeClass(unref(ns).b("section"))
+                  }, [
+                    createElementVNode("div", {
+                      class: normalizeClass(unref(ns).be("section", "header"))
+                    }, "\u663E\u793A\u5B57\u6BB5", 2),
+                    createVNode(unref(BwaDraglist), {
+                      data: unref(displaySearchedColumns),
+                      labelAttr: "title",
+                      idAttr: "attrName",
+                      onSortChange: handleSortChange
+                    }, {
+                      default: withCtx(({ item }) => [
+                        createElementVNode("div", {
+                          class: normalizeClass(unref(ns).be("section", "content"))
+                        }, [
+                          createElementVNode("div", {
+                            class: normalizeClass(unref(ns).e("field-item"))
+                          }, [
+                            createElementVNode("span", null, toDisplayString(item.title), 1),
+                            createVNode(unref(ElSwitch), {
+                              modelValue: item.visible,
+                              "onUpdate:modelValue": ($event) => item.visible = $event,
+                              size: "small",
+                              disabled: item.settings.disabled,
+                              onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
+                              }, ["stop"]))
+                            }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                          ], 2)
+                        ], 2)
+                      ]),
+                      _: 1
+                    }, 8, ["data"]),
+                    createCommentVNode(` <div\r
+                v-show="!displaySearchedColumns.length"\r
+                :class="ns.be('section', 'empty')"\r
+              >\r
+                \u6682\u65E0\u5B57\u6BB5\r
+              </div> `)
+                  ], 2)) : createCommentVNode("v-if", true),
+                  unref(hiddenSearchedColumns).length ? (openBlock(), createElementBlock("div", {
+                    key: 1,
+                    class: normalizeClass(unref(ns).b("section"))
+                  }, [
+                    createElementVNode("div", {
+                      class: normalizeClass(unref(ns).be("section", "header"))
+                    }, "\u672A\u663E\u793A\u5B57\u6BB5", 2),
+                    createElementVNode("div", {
+                      class: normalizeClass(unref(ns).be("section", "content"))
+                    }, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(unref(hiddenSearchedColumns), (column) => {
+                        return openBlock(), createElementBlock("div", {
+                          key: column.attrName,
+                          class: normalizeClass(unref(ns).e("field-item"))
+                        }, [
+                          createElementVNode("span", null, toDisplayString(column.title), 1),
+                          createVNode(unref(ElSwitch), {
+                            modelValue: column.visible,
+                            "onUpdate:modelValue": ($event) => column.visible = $event,
+                            size: "small",
+                            disabled: column.settings.disabled
+                          }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                        ], 2);
+                      }), 128))
+                    ], 2),
+                    createCommentVNode(` <div\r
+                v-show="!hiddenSearchedColumns.length"\r
+                :class="ns.be('section', 'empty')"\r
+              >\r
+                \u6682\u65E0\u5B57\u6BB5\r
+              </div> `)
+                  ], 2)) : createCommentVNode("v-if", true)
+                ], 2)
+              ]),
+              _: 1
+            })
+          ], 2)
+        ]),
+        default: withCtx(() => [
+          createElementVNode("span", null, [
+            renderSlot(_ctx.$slots, "default")
+          ])
+        ]),
+        _: 3
+      }, 16, ["visible", "popper-class"]);
+    };
+  }
+});
+var DataTableSettings = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "datatable-settings.vue"]]);
+
+export { DataTableSettings as default };

package/es/datatable-settings/index.mjs

@@ -0,0 +1,6 @@
+import { withInstall } from 'element-plus/es/utils/vue/install';
+import DataTableSettings from './datatable-settings.mjs';
+
+const BwaDataTableSetting = withInstall(DataTableSettings);
+
+export { BwaDataTableSetting, BwaDataTableSetting as default };

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

@@ -0,0 +1,128 @@
+import { defineComponent, 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';
+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"],
+  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"
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", { visible: visible.value })
+        ]),
+        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"]]);
+
+export { datePicker as default };

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

@@ -0,0 +1,177 @@
+import { defineComponent, 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 PanelDateRange from 'element-plus/es/components/date-picker/src/date-picker-com/panel-date-range';
+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"],
+  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", {
+                  key: 0,
+                  class: normalizeClass(unref(ns).e("label"))
+                }, toDisplayString(unref(column).title), 3)) : 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) : "\u5F00\u59CB\u65E5\u671F"), 3),
+                createVNode(_component_ElIcon, {
+                  class: normalizeClass(unref(ns).e("caret"))
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_CaretBottom)
+                  ]),
+                  _: 1
+                }, 8, ["class"])
+              ], 2),
+              createTextVNode(" \uFFFD? "),
+              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(() => [
+          createVNode(unref(PanelDateRange), {
+            "parsed-value": unref(parsedValue),
+            type: "daterange",
+            visible: pickerVisivle.value,
+            onPick,
+            teleported: false
+          }, null, 8, ["parsed-value", "visible"])
+        ]),
+        _: 3
+      }, 8, ["visible"]);
+    };
+  }
+});
+var DateRange = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "date-range.vue"]]);
+
+export { DateRange as default };

package/es/date-range/index.mjs

@@ -0,0 +1,6 @@
+import { withInstall } from 'element-plus/es/utils/vue/install';
+import DateRange from './date-range.mjs';
+
+const BwaDateRange = withInstall(DateRange);
+
+export { BwaDateRange, BwaDateRange as default };

package/es/drag-list/constants.mjs

@@ -0,0 +1,3 @@
+const dragListContextKey = "DRAG_LIST_CONTEXT_KEY";
+
+export { dragListContextKey };

package/es/drag-list/drag-item.mjs

@@ -0,0 +1,49 @@
+import { defineComponent, inject, getCurrentInstance, onMounted, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot } from 'vue';
+import { useNamespace } from '@ctzy-web-client/web-base-client-vue';
+import { dragListContextKey } from './constants.mjs';
+import _export_sfc from '../_virtual/_plugin-vue_export-helper.mjs';
+
+const __default__ = defineComponent({ name: "BwaDragItem" });
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  setup(__props, { expose }) {
+    const ns = useNamespace("dragitem");
+    ;
+    const dragListContext = inject(dragListContextKey);
+    const id = dragListContext.nextID();
+    const instance = getCurrentInstance();
+    const handleMousedown = (event) => {
+      if (event.button !== 0) {
+        return;
+      }
+      dragListContext.startDrag(instance.proxy);
+    };
+    onMounted(() => {
+      dragListContext.handleItemCreate(id, instance.proxy);
+    });
+    onBeforeUnmount(() => {
+      dragListContext.handleItemDestroy(id, instance.proxy);
+    });
+    expose({
+      id
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(ns).b()),
+        "draggable-context-id": "",
+        onMousedown: handleMousedown
+      }, [
+        createElementVNode("i", {
+          class: normalizeClass([unref(ns).e("drag-icon"), "ptp-icon", "ptp-buzhou-yidong"])
+        }, null, 2),
+        createElementVNode("span", {
+          class: normalizeClass(unref(ns).e("content"))
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2)
+      ], 34);
+    };
+  }
+});
+var DragItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "drag-item.vue"]]);
+
+export { DragItem as default };