sakura-ui-plus 1.0.0

package/dist/es/index.js

@@ -0,0 +1,1852 @@
+import { unref, getCurrentInstance, defineComponent, mergeModels, computed, useModel, openBlock, createBlock, withCtx, createElementVNode, mergeProps, resolveDynamicComponent, createSlots, renderSlot, createElementBlock, Fragment, renderList, inject, normalizeClass, toDisplayString, createTextVNode, provide, reactive, toRef, createCommentVNode, createVNode, nextTick, withKeys, useTemplateRef, ref, onMounted, onUnmounted, normalizeStyle, render } from "vue";
+import { addUnit, isEmpty, extend, computedTextsSize, FILE_TYPE, isFunction, isString, keysOf } from "sakura-utils";
+import { ElLoading, ElMessage, ElMessageBox, ElNotification, ElSelectV2, ElSelect, ElConfigProvider, ElOption, ElPagination, CHANGE_EVENT, ElInput, ElButton, ElTabs, ElTabPane, ElTooltip, ElDialog, ElIcon, ElScrollbar, ElDrawer } from "element-plus";
+import { TinyColor } from "@ctrl/tinycolor";
+import { useThrottleFn } from "@vueuse/core";
+import { Close } from "@element-plus/icons-vue";
+import DOMPurify from "dompurify";
+const defaultNamespace = "sakura";
+const statePrefix = "is-";
+const _bem = (namespace, block, blockSuffix, element, modifier) => {
+  let className = namespace + `-${block}`;
+  if (blockSuffix) {
+    className += "-" + blockSuffix;
+  }
+  if (element) {
+    className += "__" + element;
+  }
+  if (modifier) {
+    className += "--" + modifier;
+  }
+  return className;
+};
+const useNamespace = (block, namespaceOverrides) => {
+  const namespace = unref(namespaceOverrides) ?? defaultNamespace ?? block;
+  const b = (blockSuffix = "") => {
+    return _bem(namespace, block, blockSuffix, "", "");
+  };
+  const e = (element = "") => {
+    return element ? _bem(namespace, block, "", element, "") : "";
+  };
+  const m = (modifier = "") => {
+    return modifier ? _bem(namespace, block, "", "", modifier) : "";
+  };
+  const be = (blockSuffix = "", element = "") => {
+    return blockSuffix && element ? _bem(namespace, block, blockSuffix, element, "") : "";
+  };
+  const em = (element = "", modifier = "") => {
+    return element && modifier ? _bem(namespace, block, "", element, modifier) : "";
+  };
+  const bm = (blockSuffix = "", modifier = "") => {
+    return blockSuffix && modifier ? _bem(namespace, block, blockSuffix, "", modifier) : "";
+  };
+  const bem = (blockSuffix = "", element = "", modifier = "") => {
+    return blockSuffix && element && modifier ? _bem(namespace, block, blockSuffix, element, modifier) : "";
+  };
+  const is = (name, ...args) => {
+    const state = args.length ? args[0] : true;
+    return state && name ? statePrefix + name : "";
+  };
+  const cssVar = (object) => {
+    const style = {};
+    for (const k in object) {
+      if (object[k]) {
+        style[`--${namespace}-${k} `] = object[k];
+      }
+    }
+    return style;
+  };
+  const cssBlockVar = (block2, object) => {
+    const style = {};
+    for (const k in object) {
+      if (object[k]) {
+        style[`--${namespace}-${block2}-${k}`] = object[k];
+      }
+    }
+    return style;
+  };
+  const cssVarName = (name) => `${namespace}-${name}`;
+  const cssBlockVarName = (block2, name) => `${namespace}-${block2}-${name}`;
+  const cssVarNameValue = (name) => `var(--${cssVarName(name)})`;
+  const cssBlockVarNameValue = (block2, name) => `var(--${cssBlockVarName(block2, name)})`;
+  return {
+    b,
+    e,
+    m,
+    be,
+    em,
+    bm,
+    bem,
+    is,
+    cssVar,
+    cssBlockVar,
+    cssVarName,
+    cssBlockVarName,
+    cssVarNameValue,
+    cssBlockVarNameValue
+  };
+};
+const useCallbackTrigger = () => {
+  const callbackSet = /* @__PURE__ */ new Set();
+  const track = (fn) => {
+    fn && callbackSet.add(fn);
+  };
+  const clear = () => {
+    callbackSet.clear();
+  };
+  const trigger = (...args) => {
+    callbackSet.forEach((fn) => fn(...args));
+  };
+  const _delete = (fn) => {
+    callbackSet.delete(fn);
+  };
+  return {
+    callbackSet,
+    track,
+    trigger,
+    clear,
+    delete: _delete
+  };
+};
+const useShowModal = () => {
+  const proxy = getCurrentInstance();
+  return proxy == null ? void 0 : proxy.appContext.config.globalProperties.$showModal;
+};
+const useLoading = (background = "rgba(255, 255, 255, 0.7)", lock = true) => {
+  let loading;
+  const show = (text = "加载中...", params) => {
+    loading = ElLoading.service({
+      lock,
+      text,
+      background,
+      ...params
+    });
+  };
+  const hide = () => {
+    loading.close();
+  };
+  return {
+    show,
+    hide
+  };
+};
+const useMessage = () => {
+  return ElMessage;
+};
+const useMessageBox = (_closeOnClickModal = false, _closeOnPressEscape = false) => {
+  const context = getCurrentInstance();
+  return (message, title = "提示", showCancelButton = false, params) => {
+    return new Promise((resolve) => {
+      const {
+        confirmButtonText = "确认",
+        cancelButtonText = "取消",
+        closeOnClickModal = _closeOnClickModal,
+        closeOnPressEscape = _closeOnPressEscape,
+        ...others
+      } = params ?? {};
+      ElMessageBox({
+        showCancelButton,
+        confirmButtonText,
+        cancelButtonText,
+        message,
+        title,
+        closeOnClickModal,
+        closeOnPressEscape,
+        ...others
+      }, context == null ? void 0 : context.appContext).then(() => resolve(true)).catch(() => resolve(false));
+    });
+  };
+};
+const getCustomClass = (message, title, type) => {
+  let customClass = type ?? "";
+  if (title) {
+    customClass += " is-has-title";
+  }
+  if (message && !title) {
+    customClass += " is-not-title";
+  }
+  return customClass;
+};
+const useNotification = (duration = 8e3, showClose = true, position = "top-right") => {
+  const notification = (message, title, options) => {
+    const { type, ...others } = options ?? {};
+    const _type = type ?? "";
+    const _duration = (options == null ? void 0 : options.duration) ?? duration;
+    const _position = (options == null ? void 0 : options.position) ?? position;
+    const params = {
+      type: _type === "tips" ? "warning" : _type,
+      showClose,
+      message,
+      title: title ?? "",
+      duration: _duration,
+      position: _position,
+      customClass: getCustomClass(message, title, _type),
+      ...others
+    };
+    return ElNotification(params);
+  };
+  notification.success = (message, title, options) => {
+    return notification(message, title ?? "", {
+      showClose,
+      type: "success",
+      ...options
+    });
+  };
+  notification.info = (message, title, options) => {
+    return notification(message, title ?? "", {
+      showClose,
+      type: "info",
+      ...options
+    });
+  };
+  notification.warning = (message, title, options) => {
+    return notification(message, title ?? "", {
+      showClose,
+      type: "warning",
+      ...options
+    });
+  };
+  notification.error = (message, title, options) => {
+    return notification(message, title ?? "", {
+      showClose,
+      type: "error",
+      ...options
+    });
+  };
+  notification.tips = (message, title, options) => {
+    return notification(message, title ?? "", {
+      showClose,
+      type: "info",
+      ...options
+    });
+  };
+  return notification;
+};
+const checkElementIsExist = (id, container = "body") => {
+  if (document.querySelector(`#${id}`)) {
+    return true;
+  }
+  try {
+    const div = document.createElement("div");
+    div.id = id;
+    const containerEl = document.querySelector(container);
+    containerEl.append(div);
+    return true;
+  } catch {
+    return false;
+  }
+};
+var EVENT_NAME = /* @__PURE__ */ ((EVENT_NAME2) => {
+  EVENT_NAME2["改变"] = "change";
+  EVENT_NAME2["发送"] = "send";
+  EVENT_NAME2["点击"] = "tap";
+  EVENT_NAME2["确认"] = "confirm";
+  EVENT_NAME2["搜索"] = "search";
+  EVENT_NAME2["扫码"] = "scan";
+  EVENT_NAME2["保存"] = "save";
+  EVENT_NAME2["下载"] = "download";
+  EVENT_NAME2["返回"] = "back";
+  EVENT_NAME2["预览"] = "preview";
+  EVENT_NAME2["删除"] = "delete";
+  EVENT_NAME2["重置"] = "reset";
+  EVENT_NAME2["关闭"] = "close";
+  EVENT_NAME2["提交"] = "submit";
+  return EVENT_NAME2;
+})(EVENT_NAME || {});
+var zhCn = {
+  name: "zh-cn",
+  el: {
+    breadcrumb: {
+      label: "面包屑"
+    },
+    colorpicker: {
+      confirm: "确定",
+      clear: "清空",
+      defaultLabel: "颜色选择器",
+      description: "当前颜色 {color}，按 Enter 键选择新颜色",
+      alphaLabel: "选择透明度的值",
+      alphaDescription: "透明度 {alpha}, 当前颜色 {color}",
+      hueLabel: "选择色相值",
+      hueDescription: "色相 {hue}, 当前颜色 {color}",
+      svLabel: "选择饱和度与明度的值",
+      svDescription: "饱和度 {saturation}, 明度 {brightness}, 当前颜色 {color}",
+      predefineDescription: "选择 {value} 作为颜色"
+    },
+    datepicker: {
+      now: "此刻",
+      today: "今天",
+      cancel: "取消",
+      clear: "清空",
+      confirm: "确定",
+      dateTablePrompt: "使用方向键与 Enter 键可选择日期",
+      monthTablePrompt: "使用方向键与 Enter 键可选择月份",
+      yearTablePrompt: "使用方向键与 Enter 键可选择年份",
+      selectedDate: "已选日期",
+      selectDate: "选择日期",
+      selectTime: "选择时间",
+      startDate: "开始日期",
+      startTime: "开始时间",
+      endDate: "结束日期",
+      endTime: "结束时间",
+      prevYear: "前一年",
+      nextYear: "后一年",
+      prevMonth: "上个月",
+      nextMonth: "下个月",
+      year: "年",
+      month1: "1 月",
+      month2: "2 月",
+      month3: "3 月",
+      month4: "4 月",
+      month5: "5 月",
+      month6: "6 月",
+      month7: "7 月",
+      month8: "8 月",
+      month9: "9 月",
+      month10: "10 月",
+      month11: "11 月",
+      month12: "12 月",
+      weeks: {
+        sun: "日",
+        mon: "一",
+        tue: "二",
+        wed: "三",
+        thu: "四",
+        fri: "五",
+        sat: "六"
+      },
+      weeksFull: {
+        sun: "星期日",
+        mon: "星期一",
+        tue: "星期二",
+        wed: "星期三",
+        thu: "星期四",
+        fri: "星期五",
+        sat: "星期六"
+      },
+      months: {
+        jan: "一月",
+        feb: "二月",
+        mar: "三月",
+        apr: "四月",
+        may: "五月",
+        jun: "六月",
+        jul: "七月",
+        aug: "八月",
+        sep: "九月",
+        oct: "十月",
+        nov: "十一月",
+        dec: "十二月"
+      }
+    },
+    inputNumber: {
+      decrease: "减少数值",
+      increase: "增加数值"
+    },
+    select: {
+      loading: "加载中",
+      noMatch: "无匹配数据",
+      noData: "无数据",
+      placeholder: "请选择"
+    },
+    mention: {
+      loading: "加载中"
+    },
+    dropdown: {
+      toggleDropdown: "切换下拉选项"
+    },
+    cascader: {
+      noMatch: "无匹配数据",
+      loading: "加载中",
+      placeholder: "请选择",
+      noData: "暂无数据"
+    },
+    pagination: {
+      goto: "前往",
+      pagesize: "条/页",
+      total: "共 {total} 条",
+      pageClassifier: "页",
+      page: "页",
+      prev: "上一页",
+      next: "下一页",
+      currentPage: "第 {pager} 页",
+      prevPages: "向前 {pager} 页",
+      nextPages: "向后 {pager} 页",
+      deprecationWarning: "你使用了一些已被废弃的用法，请参考 el-pagination 的官方文档"
+    },
+    dialog: {
+      close: "关闭此对话框"
+    },
+    drawer: {
+      close: "关闭此对话框"
+    },
+    messagebox: {
+      title: "提示",
+      confirm: "确定",
+      cancel: "取消",
+      error: "输入的数据不合法!",
+      close: "关闭此对话框"
+    },
+    upload: {
+      deleteTip: "按 Delete 键可删除",
+      delete: "删除",
+      preview: "查看图片",
+      continue: "继续上传"
+    },
+    slider: {
+      defaultLabel: "滑块介于 {min} 至 {max}",
+      defaultRangeStartLabel: "选择起始值",
+      defaultRangeEndLabel: "选择结束值"
+    },
+    table: {
+      emptyText: "暂无数据",
+      confirmFilter: "筛选",
+      resetFilter: "重置",
+      clearFilter: "全部",
+      sumText: "合计",
+      selectAllLabel: "选择所有行",
+      selectRowLabel: "选择当前行",
+      expandRowLabel: "展开当前行",
+      collapseRowLabel: "收起当前行",
+      sortLabel: "按 {column} 排序",
+      filterLabel: "按 {column} 过滤"
+    },
+    tag: {
+      close: "关闭此标签"
+    },
+    tour: {
+      next: "下一步",
+      previous: "上一步",
+      finish: "结束导览",
+      close: "关闭此对话框"
+    },
+    tree: {
+      emptyText: "暂无数据"
+    },
+    transfer: {
+      noMatch: "无匹配数据",
+      noData: "无数据",
+      titles: ["列表 1", "列表 2"],
+      filterPlaceholder: "请输入搜索内容",
+      noCheckedFormat: "共 {total} 项",
+      hasCheckedFormat: "已选 {checked}/{total} 项"
+    },
+    image: {
+      error: "加载失败"
+    },
+    pageHeader: {
+      title: "返回"
+    },
+    popconfirm: {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消"
+    },
+    carousel: {
+      leftArrow: "上一张幻灯片",
+      rightArrow: "下一张幻灯片",
+      indicator: "幻灯片切换至索引 {index}"
+    }
+  }
+};
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SakuraSelect"
+  },
+  __name: "select",
+  props: /* @__PURE__ */ mergeModels({
+    width: {},
+    margin: {},
+    size: { default: "default" },
+    options: {},
+    disabled: { type: Boolean, default: false },
+    placeholder: { default: "请选择" },
+    clearable: { type: Boolean, default: false },
+    multiple: { type: Boolean, default: false },
+    collapseTags: { type: Boolean, default: false },
+    collapseTagsTooltip: { type: Boolean, default: false },
+    loading: { type: Boolean },
+    virtualized: { type: Boolean },
+    emptyValues: { default: () => [void 0, null] },
+    stringEmpty: { type: Boolean, default: false },
+    locale: { default: zhCn },
+    maxLength: { default: 50 }
+  }, {
+    "modelValue": {
+      type: [String, Number, Object, Array, Boolean],
+      default: ""
+    },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const ns = useNamespace("select");
+    const props = __props;
+    const emits = __emit;
+    const selectStyle = computed(() => {
+      const { width, margin } = props;
+      const style = {};
+      if (width) {
+        style.width = addUnit(width);
+      }
+      if (margin) {
+        style.margin = addUnit(margin);
+      }
+      return style;
+    });
+    const selectValue = useModel(__props, "modelValue");
+    const _emptyValues = computed(() => {
+      const { emptyValues, stringEmpty } = props;
+      if (stringEmpty) {
+        return [void 0, null, ""];
+      }
+      return emptyValues;
+    });
+    const isUseVirtualized = computed(() => {
+      const { virtualized, maxLength, options } = props;
+      return virtualized || options.length > maxLength;
+    });
+    const selectComponent = computed(() => {
+      return isUseVirtualized.value ? ElSelectV2 : ElSelect;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElConfigProvider), { locale: __props.locale }, {
+        default: withCtx(() => [
+          createElementVNode("div", mergeProps({
+            class: [
+              unref(ns).b(),
+              unref(ns).is("multiple", __props.multiple)
+            ],
+            style: [selectStyle.value]
+          }, _ctx.$attrs), [
+            (openBlock(), createBlock(resolveDynamicComponent(selectComponent.value), {
+              ref: "elSelectRef",
+              modelValue: selectValue.value,
+              "onUpdate:modelValue": [
+                _cache[0] || (_cache[0] = ($event) => selectValue.value = $event),
+                _cache[1] || (_cache[1] = ($event) => emits(unref(EVENT_NAME).改变, { value: $event, options: __props.options }))
+              ],
+              clearable: __props.clearable,
+              placeholder: __props.placeholder,
+              multiple: __props.multiple,
+              "collapse-tags": __props.collapseTags,
+              "collapse-tags-tooltip": __props.collapseTagsTooltip,
+              disabled: __props.disabled,
+              loading: __props.loading,
+              "empty-values": _emptyValues.value,
+              size: __props.size,
+              options: __props.options
+            }, createSlots({ _: 2 }, [
+              _ctx.$slots.header ? {
+                name: "header",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "header")
+                ]),
+                key: "0"
+              } : void 0,
+              _ctx.$slots.default ? {
+                name: "default",
+                fn: withCtx(({ item }) => [
+                  isUseVirtualized.value ? renderSlot(_ctx.$slots, "default", {
+                    key: 0,
+                    item
+                  }) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(__props.options, (v) => {
+                    return openBlock(), createBlock(unref(ElOption), {
+                      key: v.value,
+                      label: v.label,
+                      value: v.value,
+                      disabled: v.disabled
+                    }, {
+                      default: withCtx(() => [
+                        renderSlot(_ctx.$slots, "default", { item: v })
+                      ]),
+                      _: 2
+                    }, 1032, ["label", "value", "disabled"]);
+                  }), 128))
+                ]),
+                key: "1"
+              } : void 0,
+              _ctx.$slots.footer ? {
+                name: "footer",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "footer")
+                ]),
+                key: "2"
+              } : void 0,
+              _ctx.$slots.tag ? {
+                name: "tag",
+                fn: withCtx((data) => [
+                  renderSlot(_ctx.$slots, "tag", { data })
+                ]),
+                key: "3"
+              } : void 0
+            ]), 1032, ["modelValue", "clearable", "placeholder", "multiple", "collapse-tags", "collapse-tags-tooltip", "disabled", "loading", "empty-values", "size", "options"]))
+          ], 16)
+        ]),
+        _: 3
+      }, 8, ["locale"]);
+    };
+  }
+});
+const CellContextKey = Symbol("CellContextKey");
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SakuraCell"
+  },
+  __name: "cell",
+  props: {
+    labelWidth: {},
+    background: {},
+    label: {},
+    content: {}
+  },
+  setup(__props) {
+    const ns = useNamespace("cell");
+    const props = __props;
+    const cellContext = inject(CellContextKey, {});
+    const cellStyle = computed(() => {
+      const { labelWidth, background } = props;
+      return ns.cssBlockVar("cell", {
+        "label-width": addUnit(labelWidth || cellContext.labelWidth || 140),
+        "background": background || cellContext.background || "#F2FAFF"
+      });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: [unref(ns).b()],
+        style: [cellStyle.value]
+      }, _ctx.$attrs), [
+        createElementVNode("p", {
+          class: normalizeClass([unref(ns).e("label")])
+        }, toDisplayString(__props.label), 3),
+        createElementVNode("p", {
+          class: normalizeClass([unref(ns).e("content")])
+        }, [
+          __props.content ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createTextVNode(toDisplayString(__props.content), 1)
+          ], 64)) : renderSlot(_ctx.$slots, "default", { key: 1 })
+        ], 2)
+      ], 16);
+    };
+  }
+});
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SakuraCellGroup"
+  },
+  __name: "cell-group",
+  props: {
+    labelWidth: { default: 140 },
+    background: { default: "#F2FAFF" }
+  },
+  setup(__props) {
+    const ns = useNamespace("cell-group");
+    const props = __props;
+    provide(CellContextKey, reactive({
+      labelWidth: toRef(props, "labelWidth"),
+      background: toRef(props, "background")
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: [unref(ns).b()]
+      }, _ctx.$attrs), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SakuraStatus"
+  },
+  __name: "status",
+  props: {
+    type: { default: "primary" },
+    text: {},
+    color: {},
+    plain: { type: Boolean }
+  },
+  setup(__props) {
+    const ns = useNamespace("status");
+    const props = __props;
+    const statusStyle = computed(() => {
+      return ns.cssBlockVar("status", {
+        "bg-color": ns.cssBlockVarNameValue("color", `${props.type}-light-9`)
+      });
+    });
+    const statusCustomColorStyle = computed(() => {
+      const { color: statusColor } = props;
+      if (isEmpty(statusColor)) {
+        return {};
+      }
+      const color = new TinyColor(statusColor);
+      return extend({}, ns.cssBlockVar("status", {
+        "bg-color": color.tint(90).toString()
+      }), {
+        color: statusColor,
+        borderColor: statusColor
+      });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", mergeProps({
+        class: [
+          unref(ns).b(),
+          unref(ns).m(__props.type),
+          unref(ns).is("plain", __props.plain)
+        ],
+        style: [statusStyle.value, statusCustomColorStyle.value]
+      }, _ctx.$attrs), [
+        _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createTextVNode(toDisplayString(__props.text), 1)
+        ], 64))
+      ], 16);
+    };
+  }
+});
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SakuraContainer"
+  },
+  __name: "container",
+  props: {
+    title: {}
+  },
+  setup(__props) {
+    const ns = useNamespace("container");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(ns).b()])
+      }, [
+        _ctx.$slots.header || __props.title ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass([unref(ns).e("header")])
+        }, [
+          renderSlot(_ctx.$slots, "header")
+        ], 2)) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass([unref(ns).e("body")])
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2),
+        _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass([unref(ns).e("footer")])
+        }, [
+          renderSlot(_ctx.$slots, "footer")
+        ], 2)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SakuraPagination"
+  },
+  __name: "pagination",
+  props: /* @__PURE__ */ mergeModels({
+    size: { default: "small" },
+    total: { default: 100 },
+    layout: { default: "total, sizes, prev, pager, next" },
+    locale: { default: zhCn }
+  }, {
+    "pageSize": {
+      type: Number,
+      default: 10
+    },
+    "pageSizeModifiers": {},
+    "pageNum": {
+      type: Number,
+      default: 1
+    },
+    "pageNumModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change"], ["update:pageSize", "update:pageNum"]),
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const _pageSize = useModel(__props, "pageSize");
+    const _pageNum = useModel(__props, "pageNum");
+    const handleValue = (value, type) => {
+      if (type === "pageNum") {
+        _pageNum.value = value;
+      } else {
+        _pageSize.value = value;
+      }
+    };
+    const onChange = async () => {
+      await nextTick();
+      emits(CHANGE_EVENT);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElConfigProvider), { locale: __props.locale }, {
+        default: withCtx(() => [
+          createVNode(unref(ElPagination), {
+            "current-page": __props.pageNum,
+            "page-size": __props.pageSize,
+            "page-sizes": [10, 20, 40, 60],
+            total: __props.total,
+            size: __props.size,
+            background: "",
+            layout: __props.layout,
+            onSizeChange: _cache[0] || (_cache[0] = ($event) => handleValue($event, "pageSize")),
+            onCurrentChange: _cache[1] || (_cache[1] = ($event) => handleValue($event, "pageNum")),
+            onChange
+          }, null, 8, ["current-page", "page-size", "total", "size", "layout"])
+        ]),
+        _: 1
+      }, 8, ["locale"]);
+    };
+  }
+});
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SakuraSearchInput"
+  },
+  __name: "search-input",
+  props: /* @__PURE__ */ mergeModels({
+    placeholder: { default: "请输入" },
+    width: { default: 280 },
+    searchText: { default: "搜索" },
+    size: { default: "default" }
+  }, {
+    "modelValue": {
+      type: String,
+      default: ""
+    },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["search"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const ns = useNamespace("search-input");
+    const props = __props;
+    const emits = __emit;
+    const searchInputText = useModel(__props, "modelValue");
+    const searchInputStyle = computed(() => {
+      const { width } = props;
+      return ns.cssBlockVar("search", {
+        "input-width": addUnit(width)
+      });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: [unref(ns).b()],
+        style: [searchInputStyle.value]
+      }, _ctx.$attrs), [
+        createVNode(unref(ElInput), {
+          class: normalizeClass([unref(ns).e("input")]),
+          modelValue: searchInputText.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchInputText.value = $event),
+          placeholder: __props.placeholder,
+          size: __props.size,
+          onKeydown: _cache[1] || (_cache[1] = withKeys(($event) => emits("search", searchInputText.value), ["enter"]))
+        }, null, 8, ["class", "modelValue", "placeholder", "size"]),
+        createVNode(unref(ElButton), {
+          class: normalizeClass([unref(ns).e("button")]),
+          type: "primary",
+          size: __props.size,
+          onClick: _cache[2] || (_cache[2] = ($event) => emits("search", searchInputText.value))
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.searchText), 1)
+          ]),
+          _: 1
+        }, 8, ["class", "size"])
+      ], 16);
+    };
+  }
+});
+const FilterGroupContextKey = Symbol("FilterGroupContextKey");
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SakuraFilterItem"
+  },
+  __name: "filter-item",
+  props: {
+    label: {},
+    minWidth: {},
+    direction: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const context = inject(FilterGroupContextKey, {});
+    const ns = useNamespace("filter-item");
+    const filterItemInstance = useTemplateRef("filterItemRef");
+    let observer = null;
+    const isWrap = ref(false);
+    const setupObserver = () => {
+      observer == null ? void 0 : observer.disconnect();
+      if (isEmpty(context)) {
+        return;
+      }
+      observer = new IntersectionObserver((entries) => {
+        entries.forEach((entry) => {
+          const rect = entry.boundingClientRect;
+          isWrap.value = context.containerTop < rect.top;
+        });
+      }, {
+        root: null,
+        rootMargin: "0px",
+        threshold: 1
+      });
+      observer.observe(filterItemInstance.value);
+    };
+    onMounted(() => {
+      setupObserver();
+      window.addEventListener("resize", setupObserver);
+    });
+    onUnmounted(() => {
+      observer == null ? void 0 : observer.disconnect();
+      window.removeEventListener("resize", setupObserver);
+    });
+    const filterItemDirection = computed(() => {
+      const { direction } = props;
+      return direction || context.direction || "row";
+    });
+    const filterItemStyle = computed(() => {
+      const { minWidth } = props;
+      return ns.cssBlockVar("filter-item", {
+        "value-min-width": addUnit(minWidth || context.minWidth || 240),
+        "gap": addUnit(context.gap || 20)
+      });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        ref: "filterItemRef",
+        class: [unref(ns).b(), unref(ns).is("wrap", isWrap.value), unref(ns).is(filterItemDirection.value)],
+        style: [filterItemStyle.value]
+      }, _ctx.$attrs), [
+        createElementVNode("span", {
+          class: normalizeClass([unref(ns).e("label")])
+        }, toDisplayString(__props.label), 3),
+        createElementVNode("div", {
+          class: normalizeClass([unref(ns).e("value")])
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2)
+      ], 16);
+    };
+  }
+});
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SakuraFilterGroup"
+  },
+  __name: "filter-group",
+  props: {
+    minWidth: { default: 240 },
+    gap: { default: 20 },
+    direction: { default: "row" }
+  },
+  setup(__props) {
+    const props = __props;
+    const ns = useNamespace("filter-group");
+    const filterGroup = useTemplateRef("filterGroupRef");
+    const containerTop = computed(() => {
+      var _a;
+      return ((_a = filterGroup.value) == null ? void 0 : _a.getBoundingClientRect().top) ?? 0;
+    });
+    provide(FilterGroupContextKey, reactive({
+      minWidth: toRef(props, "minWidth"),
+      gap: toRef(props, "gap"),
+      containerTop,
+      direction: toRef(props, "direction")
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        ref: "filterGroupRef",
+        class: [unref(ns).b()]
+      }, _ctx.$attrs), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SakuraTabs"
+  },
+  __name: "tabs",
+  props: /* @__PURE__ */ mergeModels({
+    options: {}
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const ns = useNamespace("tabs");
+    const emits = __emit;
+    const activeTab = useModel(__props, "modelValue");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: [unref(ns).b()]
+      }, _ctx.$attrs), [
+        createVNode(unref(ElTabs), {
+          modelValue: activeTab.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeTab.value = $event),
+          onTabChange: _cache[1] || (_cache[1] = ($event) => emits("change", $event))
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (v) => {
+              return openBlock(), createBlock(unref(ElTabPane), {
+                key: v.value,
+                label: v.label,
+                name: v.value
+              }, createSlots({ _: 2 }, [
+                _ctx.$slots.default ? {
+                  name: "label",
+                  fn: withCtx(() => [
+                    renderSlot(_ctx.$slots, "default", { data: v })
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["label", "name"]);
+            }), 128))
+          ]),
+          _: 3
+        }, 8, ["modelValue"])
+      ], 16);
+    };
+  }
+});
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SakuraTooltipText"
+  },
+  __name: "tooltip-text",
+  props: {
+    truncated: { type: Boolean, default: true },
+    fontSize: { default: 14 },
+    content: {},
+    fontWeight: { type: Boolean, default: false },
+    color: {},
+    width: { default: "100%" },
+    effect: { default: "dark" }
+  },
+  setup(__props) {
+    const props = __props;
+    const ns = useNamespace("tooltip-text");
+    const tooltipTextRef = useTemplateRef("tooltipTextRef");
+    const tooltipTextContentWidth = ref(0);
+    const showTooltipText = computed(() => {
+      const { content, fontSize } = props;
+      if (tooltipTextContentWidth.value === 0) {
+        return false;
+      }
+      return computedTextsSize(content, fontSize) > tooltipTextContentWidth.value - fontSize * 3;
+    });
+    const initWidth = async () => {
+      var _a;
+      await nextTick();
+      tooltipTextContentWidth.value = ((_a = tooltipTextRef.value) == null ? void 0 : _a.clientWidth) ?? 0;
+    };
+    onMounted(initWidth);
+    const tooltipTextStyle = computed(() => {
+      const { fontSize, color, width } = props;
+      return ns.cssBlockVar("tooltip-text", {
+        "font-size": addUnit(fontSize),
+        color: color || ns.cssBlockVarNameValue("text-color", "primary"),
+        width: addUnit(width)
+      });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        ref_key: "tooltipTextRef",
+        ref: tooltipTextRef,
+        class: [
+          unref(ns).b(),
+          unref(ns).is("truncated", __props.truncated),
+          unref(ns).is("font-weight", __props.fontWeight)
+        ],
+        style: [tooltipTextStyle.value]
+      }, _ctx.$attrs), [
+        showTooltipText.value ? (openBlock(), createBlock(unref(ElTooltip), {
+          key: 0,
+          content: __props.content,
+          class: normalizeClass([unref(ns).e("tooltip")]),
+          effect: __props.effect
+        }, {
+          default: withCtx(() => [
+            createElementVNode("p", mergeProps({
+              class: [unref(ns).e("text")]
+            }, _ctx.$attrs), toDisplayString(__props.content), 17)
+          ]),
+          _: 1
+        }, 8, ["content", "class", "effect"])) : (openBlock(), createElementBlock("p", mergeProps({
+          key: 1,
+          class: [unref(ns).e("text")]
+        }, _ctx.$attrs), toDisplayString(__props.content), 17))
+      ], 16);
+    };
+  }
+});
+const PdfFileIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAyOSAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjE1ODkyIDM0LjAwMDFDMC45NjY2NzIgMzQuMDAwNCAwIDMzLjAzNCAwIDMxLjg0MTdWMi4xNTkzOEMwIDAuOTY3MTMgMC45NjY2NzIgMC4wMDA2NzA1NyAyLjE1ODkyIDAuMDAwOTc2NTYySDE5LjUyNTZMMjguNTY1MSA4LjU2ODIxVjMxLjg0MTdDMjguNTY1MSAzMy4wMzMzIDI3LjU5OTQgMzMuOTk5NSAyNi40MDc4IDM0LjAwMDFIMi4xNTg5MloiIGZpbGw9IiNGQjYyNDMiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOC41NjcgOC41NjcyNUgyMS4wMTA3QzIwLjE0ODEgOC41MjI1OCAxOS40ODM1IDcuNzg5NjQgMTkuNTIzMiA2LjkyNjc5TDE5LjUyNjQgMEwyOC41NjcgOC41NjcyNVoiIGZpbGw9IiNGQjlEOEEiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS45OTI2IDI0Ljg0MzhDMTAuODY3NSAyNi44NDYxIDkuODE0NTggMjcuODY2IDguOTAyOTUgMjcuODY2QzguNzEyOTMgMjcuODcyNiA4LjUyNTE4IDI3LjgyMjkgOC4zNjMyMiAyNy43MjMxQzcuOTg0OSAyNy41NDI5IDcuNzQ1MDYgMjcuMTYgNy43NDgwOCAyNi43NDA5QzcuNzQ4MDggMjYuNDE0MiA3LjgyMDg2IDI1LjUwNTIgMTEuMjc1IDI0LjAxM0MxMi4wNTk1IDIyLjU3NTEgMTIuNzAzOCAyMS4wNjUxIDEzLjE5OTEgMTkuNTAzOEMxMi43NTkyIDE4LjYxODggMTEuODEyIDE2LjQ3OSAxMi40NjQ5IDE1LjM4MDlDMTIuNjkxNSAxNC45ODA4IDEzLjEzMjUgMTQuNzUxOCAxMy41OTAxIDE0Ljc5NjZDMTMuOTYgMTQuODAwNSAxNC4zMDc1IDE0Ljk3NDggMTQuNTMyIDE1LjI2ODlDMTUuMDA0MiAxNS45MjQ0IDE0Ljk2OTIgMTcuMzAzNSAxNC4zNDg3IDE5LjMzODFDMTQuOTI5OSAyMC40MjY0IDE1LjY5MDcgMjEuNDA4OSAxNi41OTkgMjIuMjQ0QzE3LjM1MzEgMjIuMDg5NSAxOC4xMiAyMi4wMDU2IDE4Ljg4OTcgMjEuOTkzMkMyMC41OTc2IDIyLjAzMzYgMjAuODU1MyAyMi44Mjk5IDIwLjgxMzggMjMuMzAyMkMyMC44Mjk4IDI0LjU1NTMgMTkuNjMxOCAyNC41NTUzIDE5LjAwODIgMjQuNTU1M0MxOC4wMTQ5IDI0LjQ4OTkgMTcuMDY4OSAyNC4xMDY4IDE2LjMxIDIzLjQ2MjZDMTQuODMzNCAyMy43OTY0IDEzLjM4ODggMjQuMjU4NSAxMS45OTI2IDI0Ljg0MzhaTTEwLjEzODYgMjUuNzQ1MUM5LjYwNzI0IDI1Ljk2MTQgOS4xNTE4NiAyNi4zMzA0IDguODMwMiAyNi44MDU1TDguOTQwNjggMjYuNzY1MUM5LjQ0NzA1IDI2LjU3NTcgOS44NzA5NyAyNi4yMTQ4IDEwLjEzODYgMjUuNzQ1MVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTMuNDE2NiAxNS45MzY4QzEzLjI4OCAxNi41NjA5IDEzLjM2MzUgMTcuMjA5OCAxMy42MzIzIDE3Ljc4NzdDMTMuODQxMiAxNy4xNzc0IDEzLjg0ODQgMTYuNTE1MSAxMy42NjU3IDE1Ljg5NjVIMTMuNTU5NUMxMy41MTkxIDE1Ljg5NjUgMTMuNDQ5IDE1Ljg5NjUgMTMuNDE2NiAxNS45MzY4WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS4yODc1IDIyLjk4NTVDMTQuNzQxNSAyMi40NDM0IDE0LjMzODMgMjEuODEzNyAxMy45MTM4IDIxLjE3MTlDMTMuNTg3MSAyMi4wMTI4IDEzLjE0MTcgMjIuODcwOSAxMi43NDAyIDIzLjY3ODhDMTMuNTUwMiAyMy4zODg5IDE0LjQ0OTMgMjMuMTc5IDE1LjI4NzUgMjIuOTg1NVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTkuMDEwOCAyMy40NTczQzE5LjI1NSAyMy40OTA0IDE5LjUwMzYgMjMuNDY1NCAxOS43MzY0IDIzLjM4NDVDMTkuNzMxMSAyMy4yNzgzIDE5LjU4NjEgMjMuMDk1NiAxOC44NTk5IDIzLjA5NTZDMTguNTQ0MiAyMy4wODQgMTguMjI4MiAyMy4xMDg0IDE3LjkxOCAyMy4xNjgzQzE4LjI2MDIgMjMuMzM0MiAxOC42MzEzIDIzLjQzMjQgMTkuMDEwOCAyMy40NTczWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==";
+const WordFileIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAyOSAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjE1ODc0IDM0QzAuOTY2NTEgMzQgMCAzMy4wMzM1IDAgMzEuODQxM1YyLjE1ODczQzAgMC45NjY0ODQgMC45NjY1MSAwIDIuMTU4NzQgMEgxOS41MjU3TDI4LjU2NTQgOC41Njc0NlYzMS44NDEzQzI4LjU2NTQgMzMuMDMzNSAyNy41OTg5IDM0IDI2LjQwNjYgMzRIMi4xNTg3NFoiIGZpbGw9IiMyQTg1RkMiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOC41NjUyIDguNDA4MDNIMjEuMTUwMkMyMC4zMDM5IDguMzYzNzkgMTkuNjUyIDcuNjQ0NTIgMTkuNjkxMSA2Ljc5NzkzTDE5LjY5MzggMEwyOC41NjUyIDguNDA4MDNaIiBmaWxsPSIjODBCM0Y1Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNi44MTgzNiAxNS45MjQ4SDkuMTc0MTdMMTAuODkzIDIzLjQ3NzVMMTIuOTc3IDE1LjkyNDhIMTUuNzIyN0wxNy43MjE1IDIzLjYwNDZMMTkuNDcwNiAxNS45MjQ4SDIxLjc4NzlMMTkuMDEyIDI2LjkyMDFIMTYuNTcxMUwxNC4zMDA0IDE4LjcxMDdMMTIuMDM3OSAyNi45MjAxTDkuNTQyMDkgMjYuOTIwMUw2LjgxODM2IDE1LjkyNDhaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K";
+const ImageFileIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyNSAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjMyMjk2IDI3Ljk5OTlDMS4zNDExMiAyNy45OTk5IDAuNTQ1MTk3IDI3LjIwNCAwLjU0NTE5NyAyNi4yMjIxVjEuNzc3NzdDMC41NDUxOTcgMC43OTU5MjUgMS4zNDExMiAwIDIuMzIyOTYgMEgxNi42MjUxTDI0LjA2OTYgNy4wNTU1M1YyNi4yMjIxQzI0LjA2OTYgMjcuMjA0IDIzLjI3MzYgMjcuOTk5OSAyMi4yOTE4IDI3Ljk5OTlIMi4zMjI5NloiIGZpbGw9IiNGRkM0NUUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNC4wNjk4IDcuMDU1NTRIMTcuODQ3NUMxNy4xMzczIDcuMDE4NDEgMTYuNTkwNCA2LjQxNDg1IDE2LjYyMzEgNS43MDQ0M0wxNi42MjUzIDBMMjQuMDY5OCA3LjA1NTU0WiIgZmlsbD0iI0ZGRTBCMyIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuMzUxNzQgMTguMDY0NUwxMC41MTE3IDIyLjgxNTZINC45MTE3NEw3LjM1MTc0IDE4LjA2NDVaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjEwMDYgMTIuODg4N0wxOS43MDI4IDIyLjgxNTNINy45OTgzOEwxMy4xMDA2IDEyLjg4ODdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuMjY3MjYgMTUuMDAwNkM4LjAwMzYzIDE1LjAwMDYgOC42MDA1OSAxNC40MDM3IDguNjAwNTkgMTMuNjY3M0M4LjYwMDU5IDEyLjkzMDkgOC4wMDM2MyAxMi4zMzQgNy4yNjcyNiAxMi4zMzRDNi41MzA4NyAxMi4zMzQgNS45MzM5MyAxMi45MzA5IDUuOTMzOTMgMTMuNjY3M0M1LjkzMzkzIDE0LjQwMzcgNi41MzA4NyAxNS4wMDA2IDcuMjY3MjYgMTUuMDAwNloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=";
+const ZipFileIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjE1ODY1IDM3QzYuOTY2NDggMzcgNiAzNi4wMzM1IDYgMzQuODQxM1Y1LjE1OTY0QzYgMy45Njc0MyA2Ljk2NjQ4IDMuMDAwOTggOC4xNTg2NSAzLjAwMDk4SDI1LjUyNTJMMzQuNTY0NiAxMS41NjgyVjM0Ljg0MTNDMzQuNTY0NiAzNi4wMzM1IDMzLjU5ODEgMzcgMzIuNDA1OSAzN0g4LjE1ODY1WiIgZmlsbD0iI0ZGQzQ1RSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTM0LjU2NTQgMTEuNTY3MkgyNy4wMTAxQzI2LjE0NyAxMS41MjM2IDI1LjQ4MiAxMC43ODk4IDI1LjUyMzMgOS45MjY2M0wyNS41MjYxIDNMMzQuNTY1NCAxMS41NjcyWiIgZmlsbD0iI0ZGRTBCMyIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjQwNzMgMTIuODAyTDExLjYxNzIgMTIuODAyVjEwLjEwMzdMMTQuNDA3MyAxMC4xMDM3SDE3LjEwNTZWNy40MDUzNUwxNC4zMTU1IDcuNDA1MzZIMTEuNjE3MlY0LjcwNzAzSDE0LjMxNTVWNy40MDUzNiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC4zMTY0IDcuNDA0M0wxNC40MDgxIDEwLjEwMjVMMTQuMzE2NCA3LjQwNDNaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjQwODIgMTIuODAwOEgxNy4xMDY2VjE1LjQ5OTFIMTQuNDA4MiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC40MDczIDE4LjE5NzNIMTcuMTA1NlYyMC44OTU2SDE0LjQwNzNIMTEuNjE3MlYyMy41OTM5VjI5LjA4MjNIMTcuMTA1NlYyMy41OTM5TDExLjYxNzIgMjMuNTkzOSIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC40MDczIDE4LjE5NjRMMTEuNjE3MiAxOC4xOTY0VjE1LjQ5ODFMMTQuNDA3MyAxNS40OTgiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTQuNDA3MyAyMC44OTY1TDE0LjMxNTUgMjMuNTk0OEgxMS42MTcyIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1LjEyNDkgMjUuNTc0MlYyNy4xMDE0SDEzLjU5NzdWMjUuNTc0MkgxNS4xMjQ5WiIgZmlsbD0iI0ZGQzQ1RSIvPgo8L3N2Zz4K";
+const ExcelFileIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAyOSAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjE1ODc0IDM0QzAuOTY2NTEgMzQgMCAzMy4wMzM1IDAgMzEuODQxM1YyLjE1ODczQzAgMC45NjY0ODQgMC45NjY1MSAwIDIuMTU4NzQgMEgxOS41MjU3TDI4LjU2NTQgOC41Njc0NlYzMS44NDEzQzI4LjU2NTQgMzMuMDMzNSAyNy41OTg5IDM0IDI2LjQwNjYgMzRIMi4xNTg3NFoiIGZpbGw9IiMwNjlFNjEiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOC41NjUyIDguNDA4MDNIMjEuMTUwMkMyMC4zMDM5IDguMzYzNzkgMTkuNjUyIDcuNjQ0NTIgMTkuNjkxMSA2Ljc5NzkzTDE5LjY5MzggMEwyOC41NjUyIDguNDA4MDNaIiBmaWxsPSIjMDdCNjcwIi8+CjxwYXRoIGQ9Ik0xNS4zMDU2IDE3LjQ2NTFMMTQuNjA5IDE3LjIyODNMMTQuMTA0OSAxNy4wNTYxQzEzLjU5MzggMTYuODk4MyAxMy4yMTU3IDE2Ljc0NCAxMi45Nzc3IDE2LjU5N0wxMi45NTMyIDE2LjU4MjZMMTIuOTI1MiAxNi41NzE5QzEyLjA5OTEgMTYuMjQxOCAxMS43MTA1IDE1LjY3MTQgMTEuNzEwNSAxNC43NzgyQzExLjY4NiAxMy45MTczIDExLjg2OCAxMy4yODIzIDEyLjI0OTYgMTIuODgwNkMxMi42MzEyIDEyLjQ3ODggMTMuMjQzNyAxMi4yNzQzIDE0LjA3MzQgMTIuMjc0M0MxNC43NyAxMi4yNzQzIDE1LjI2NzEgMTIuNDM5MyAxNS41ODU2IDEyLjc3NjVDMTYuMTMxNyAxMy4zNTQxIDE2LjE0OTIgMTQuNDMwMyAxNi4xMTc3IDE1LjQ4NDlMMTYuMTA3MiAxNS44NTQ0SDE2LjQ2NzdIMTguMjI1SDE4LjU2ODFMMTguNTc1MSAxNS41MDI4QzE4LjYxMzYgMTMuNDk3NiAxOC4yMjUgMTIuMTQxNiAxNy4zNTM0IDExLjIzNEMxNi41NzI4IDEwLjQxNjEgMTUuMzg2MSAxMCAxMy44MzUzIDEwQzEwLjk5NjQgMTAgOS4zNzIxNSAxMS42NjA5IDkuMjUzMTMgMTQuNjgxNEM5LjE5MzYyIDE2LjYyMjEgOS44NDQ3MiAxNy45MTM1IDExLjE4NTQgMTguNTI2OUMxMS41OTE1IDE4LjgxNzUgMTIuMjkxNiAxOS4xMTg4IDEzLjMyMDggMTkuNDUyNEMxMy43MDkzIDE5LjYwMzEgMTQuMDA2OSAxOS43MDcxIDE0LjIyMzkgMTkuNzY0NUMxNC4zNjc0IDE5Ljg3OTMgMTQuNTM1NCAxOS45NDc1IDE0LjcyOCAxOS45NTgyQzE1LjkzMjIgMjAuNDAzIDE2LjUyMDMgMjEuMjIwOSAxNi41MjAzIDIyLjQ2NTdDMTYuNDcxMiAyNC4wMTE4IDE1LjY2NjEgMjQuNzU4IDEzLjk4NTkgMjQuODA4MkMxMy45MjY0IDI0LjgxMTggMTMuODczOCAyNC44MTE4IDEzLjgyNDggMjQuODExOEMxMy4xNDkyIDI0LjgxMTggMTIuNTk2MSAyNC41Nzg2IDEyLjE4NjYgMjQuMTE5NEMxMS41NTMgMjMuNDEyNyAxMS4yNjk0IDIyLjIwMzggMTEuMzkyIDIwLjcxNTFMMTEuNDIzNSAyMC4zMjc3SDExLjAzODRIOS4zNjUxNUg5LjAyNTZMOS4wMTE1OSAyMC42NzIxQzguOTc2NTkgMjEuNjY5MyA5LjAwMTA5IDIzLjcyNDggOS4zNjg2NSAyNC40Mjc5QzEwLjEyMTMgMjYuMTM1NSAxMS42NDc1IDI3IDEzLjkxMjQgMjdIMTMuOTIyOUgxMy45MzM0QzE3LjE2MDkgMjYuODI3OCAxOC44NTUxIDI1LjE3NDEgMTguOTc0MSAyMi4wODU1QzE5LjE5ODIgMTkuOTQ3NSAxNy45NjYgMTguMzk0MiAxNS4zMDU2IDE3LjQ2NTFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K";
+const _hoisted_1$1 = ["src"];
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SakuraFileItem"
+  },
+  __name: "item",
+  props: {
+    fileInfo: {},
+    pdfIcon: { default: PdfFileIcon },
+    imageIcon: { default: ImageFileIcon },
+    wordIcon: { default: WordFileIcon },
+    zipIcon: { default: ZipFileIcon },
+    excelIcon: { default: ExcelFileIcon },
+    formatFontSize: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const ns = useNamespace("file-item");
+    const fileIcon = computed(() => {
+      const { pdfIcon, excelIcon, imageIcon, wordIcon, zipIcon, fileInfo } = props;
+      const { fileType } = fileInfo;
+      switch (fileType) {
+        case FILE_TYPE.IMAGE:
+          return imageIcon;
+        case FILE_TYPE.PDF:
+          return pdfIcon;
+        case FILE_TYPE.EXCEL:
+          return excelIcon;
+        case FILE_TYPE.WORD:
+          return wordIcon;
+        case FILE_TYPE.ZIP:
+        default:
+          return zipIcon;
+      }
+    });
+    const _fileSize = computed(() => {
+      const { formatFontSize, fileInfo } = props;
+      const fileSize = fileInfo.fileSize;
+      if (!fileSize) {
+        return "";
+      }
+      if (formatFontSize) {
+        return formatFontSize(fileSize);
+      }
+      return Math.round(fileSize / 1024 / 1024 * 100) / 100 + "MB";
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: [unref(ns).b()]
+      }, _ctx.$attrs), [
+        createElementVNode("img", {
+          class: normalizeClass([unref(ns).e("icon")]),
+          src: fileIcon.value,
+          alt: ""
+        }, null, 10, _hoisted_1$1),
+        createElementVNode("div", {
+          class: normalizeClass([unref(ns).e("info")])
+        }, [
+          createElementVNode("span", {
+            class: normalizeClass([unref(ns).e("file-name")])
+          }, toDisplayString(__props.fileInfo.fileName), 3),
+          __props.fileInfo.fileSize ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: normalizeClass([unref(ns).e("file-size")])
+          }, toDisplayString(_fileSize.value), 3)) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default")
+        ], 2)
+      ], 16);
+    };
+  }
+});
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SakuraFileList"
+  },
+  __name: "list",
+  props: {
+    fileList: {},
+    width: { default: "auto" },
+    direction: { default: "column" },
+    gap: { default: 20 },
+    row: { default: 2 }
+  },
+  setup(__props) {
+    const props = __props;
+    const ns = useNamespace("file-list");
+    const fileListStyle = computed(() => {
+      const { width, gap, row } = props;
+      return ns.cssBlockVar("file-list", {
+        width: addUnit(width),
+        "file-item-with": `calc(100% / ${row} - ${gap * (row - 1) / row}px)`,
+        gap: addUnit(gap)
+      });
+    });
+    const fileItemStyle = computed(() => (index2) => {
+      const { row } = props;
+      if (index2 % row === 0) {
+        return {
+          marginRight: 0
+        };
+      }
+      return {};
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: [
+          unref(ns).b(),
+          unref(ns).m(__props.direction)
+        ],
+        style: [fileListStyle.value]
+      }, _ctx.$attrs), [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.fileList, (v, i) => {
+          return openBlock(), createBlock(_sfc_main$5, {
+            key: v.fileId,
+            "file-info": v,
+            style: normalizeStyle(fileItemStyle.value(i + 1))
+          }, null, 8, ["file-info", "style"]);
+        }), 128))
+      ], 16);
+    };
+  }
+});
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SakuraCountDown"
+  },
+  __name: "count-down",
+  props: {
+    type: { default: "primary" },
+    defaultText: { default: "发送验证码" },
+    countDownNum: { default: 60 },
+    sendFn: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const ns = useNamespace("count-down");
+    const isSend = ref(false);
+    let timer = null;
+    const count = ref(props.countDownNum);
+    const countDownText = computed(() => `${count.value}S`);
+    const loading = ref(false);
+    const startCountDown = () => {
+      endCountDown();
+      isSend.value = true;
+      timer = setInterval(() => {
+        if (count.value-- <= 1) {
+          endCountDown();
+        }
+      }, 1e3);
+    };
+    const endCountDown = () => {
+      timer && clearInterval(timer);
+      timer = null;
+      count.value = props.countDownNum;
+      isSend.value = false;
+    };
+    const sendCountDown = useThrottleFn(async () => {
+      if (isSend.value || loading.value) {
+        return;
+      }
+      const { sendFn } = props;
+      loading.value = true;
+      if (sendFn && !await sendFn()) {
+        loading.value = false;
+        return;
+      }
+      if (isSend.value) {
+        loading.value = false;
+        return;
+      }
+      loading.value = false;
+      startCountDown();
+    }, 500);
+    __expose({
+      endCountDown,
+      startCountDown
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElButton), mergeProps(_ctx.$attrs, {
+        class: [
+          unref(ns).b(),
+          unref(ns).m(__props.type),
+          unref(ns).is("disabled", isSend.value || loading.value)
+        ],
+        text: "",
+        type: __props.type,
+        loading: loading.value,
+        disabled: isSend.value || loading.value,
+        onClick: unref(sendCountDown)
+      }), {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(isSend.value ? countDownText.value : __props.defaultText), 1)
+        ]),
+        _: 1
+      }, 16, ["class", "type", "loading", "disabled", "onClick"]);
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SakuraDialog"
+  },
+  __name: "dialog",
+  props: /* @__PURE__ */ mergeModels({
+    width: { default: "50vw" },
+    title: {},
+    borderRadius: { default: 12 },
+    showClose: { type: Boolean, default: true },
+    top: { default: "15vh" },
+    showConfirmButton: { type: Boolean, default: true },
+    confirmButtonText: { default: "确定" },
+    confirmButtonType: { default: "primary" },
+    confirmButtonSize: { default: "default" },
+    confirmLoading: { type: Boolean },
+    showCancelButton: { type: Boolean, default: true },
+    cancelButtonText: { default: "取消" },
+    cancelButtonType: { default: "" },
+    cancelButtonSize: { default: "default" },
+    showButton: { type: Boolean, default: true },
+    zIndex: {},
+    closeOnClickModal: { type: Boolean, default: false },
+    closeOnPressEscape: { type: Boolean, default: true },
+    closeOnCancelButton: { type: Boolean, default: true },
+    closeOnClickCloseIcon: { type: Boolean, default: true },
+    maxHeight: {},
+    height: {},
+    fullscreen: { type: Boolean, default: false },
+    appendTo: {},
+    closeIconSize: { default: 16 },
+    closeIconColor: { default: "#909399" },
+    background: { default: "#fff" }
+  }, {
+    "modelValue": {
+      type: Boolean,
+      default: false
+    },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["confirm", "cancel", "close"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const ns = useNamespace("dialog");
+    const props = __props;
+    const emits = __emit;
+    const showDialog = useModel(__props, "modelValue");
+    const dialogStyle = computed(() => {
+      const { borderRadius, closeIconSize, closeIconColor, background } = props;
+      return ns.cssBlockVar("dialog", {
+        "border-radius": addUnit(borderRadius),
+        "close-icon-size": addUnit(closeIconSize),
+        "close-icon-color": closeIconColor,
+        "background": background
+      });
+    });
+    const cancel = useThrottleFn(() => {
+      const { closeOnCancelButton } = props;
+      closeOnCancelButton ? showDialog.value = false : emits("cancel");
+    }, 500);
+    const confirm = useThrottleFn(() => {
+      emits("confirm");
+    }, 500);
+    const onClickCloseIcon = () => {
+      const { closeOnClickCloseIcon } = props;
+      closeOnClickCloseIcon ? showDialog.value = false : emits("close");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElDialog), mergeProps({
+        modelValue: showDialog.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showDialog.value = $event),
+        "show-close": false,
+        top: unref(addUnit)(__props.top),
+        class: [
+          unref(ns).b()
+        ],
+        style: [dialogStyle.value],
+        "close-on-click-modal": __props.closeOnClickModal,
+        "close-on-press-escape": __props.closeOnPressEscape,
+        "z-index": __props.zIndex,
+        fullscreen: __props.fullscreen,
+        "append-to": __props.appendTo,
+        width: __props.width
+      }, _ctx.$attrs), {
+        default: withCtx(() => [
+          _ctx.$slots.header || __props.title ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass([unref(ns).e("header")])
+          }, [
+            __props.title ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass([unref(ns).e("title")])
+            }, toDisplayString(__props.title), 3)) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "header")
+          ], 2)) : createCommentVNode("", true),
+          __props.showClose ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: normalizeClass([unref(ns).e("close")])
+          }, [
+            createVNode(unref(ElIcon), {
+              class: normalizeClass([unref(ns).em("close", "icon")]),
+              onClick: onClickCloseIcon
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(Close))
+              ]),
+              _: 1
+            }, 8, ["class"])
+          ], 2)) : createCommentVNode("", true),
+          createElementVNode("div", {
+            class: normalizeClass([unref(ns).e("body")])
+          }, [
+            __props.maxHeight || __props.height ? (openBlock(), createBlock(unref(ElScrollbar), {
+              key: 0,
+              "max-height": __props.maxHeight ? unref(addUnit)(__props.maxHeight) : void 0,
+              height: __props.height ? unref(addUnit)(__props.height) : void 0
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "default")
+              ]),
+              _: 3
+            }, 8, ["max-height", "height"])) : renderSlot(_ctx.$slots, "default", { key: 1 })
+          ], 2),
+          __props.showButton && (__props.showCancelButton || __props.showConfirmButton) || _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
+            key: 2,
+            class: normalizeClass([unref(ns).e("footer")])
+          }, [
+            renderSlot(_ctx.$slots, "footer"),
+            __props.showButton ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass([unref(ns).e("button")])
+            }, [
+              __props.showCancelButton ? (openBlock(), createBlock(unref(ElButton), {
+                key: 0,
+                size: __props.cancelButtonSize,
+                type: __props.cancelButtonType,
+                class: normalizeClass([unref(ns).em("button", "cancel")]),
+                onClick: unref(cancel)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(__props.cancelButtonText), 1)
+                ]),
+                _: 1
+              }, 8, ["size", "type", "class", "onClick"])) : createCommentVNode("", true),
+              __props.showConfirmButton ? (openBlock(), createBlock(unref(ElButton), {
+                key: 1,
+                size: __props.confirmButtonSize,
+                type: __props.confirmButtonType,
+                loading: __props.confirmLoading,
+                class: normalizeClass([unref(ns).em("button", "confirm")]),
+                onClick: unref(confirm)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(__props.confirmButtonText), 1)
+                ]),
+                _: 1
+              }, 8, ["size", "type", "loading", "class", "onClick"])) : createCommentVNode("", true)
+            ], 2)) : createCommentVNode("", true)
+          ], 2)) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 16, ["modelValue", "top", "class", "style", "close-on-click-modal", "close-on-press-escape", "z-index", "fullscreen", "append-to", "width"]);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SakuraDrawer"
+  },
+  __name: "drawer",
+  props: /* @__PURE__ */ mergeModels({
+    width: { default: "40vw" },
+    title: {},
+    borderRadius: { default: 4 },
+    showClose: { type: Boolean, default: true },
+    top: { default: "15vh" },
+    showConfirmButton: { type: Boolean, default: true },
+    confirmButtonText: { default: "确定" },
+    confirmButtonType: { default: "primary" },
+    confirmButtonSize: { default: "default" },
+    confirmLoading: { type: Boolean },
+    showCancelButton: { type: Boolean, default: true },
+    cancelButtonText: { default: "取消" },
+    cancelButtonType: { default: "" },
+    cancelButtonSize: { default: "default" },
+    showButton: { type: Boolean, default: true },
+    zIndex: {},
+    closeOnClickModal: { type: Boolean, default: false },
+    closeOnPressEscape: { type: Boolean, default: true },
+    closeOnCancelButton: { type: Boolean, default: true },
+    closeOnClickCloseIcon: { type: Boolean, default: true },
+    fullscreen: { type: Boolean, default: false },
+    appendTo: {},
+    closeIconSize: { default: 16 },
+    closeIconColor: { default: "#909399" },
+    background: { default: "#fff" },
+    direction: { default: "rtl" }
+  }, {
+    "modelValue": {
+      type: Boolean,
+      default: false
+    },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["confirm", "cancel", "close"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const ns = useNamespace("drawer");
+    const props = __props;
+    const emits = __emit;
+    const showDrawer = useModel(__props, "modelValue");
+    const drawerStyle = computed(() => {
+      const { borderRadius, closeIconSize, closeIconColor, background } = props;
+      return ns.cssBlockVar("drawer", {
+        "border-radius": addUnit(borderRadius),
+        "close-icon-size": addUnit(closeIconSize),
+        "close-icon-color": closeIconColor,
+        "background": background
+      });
+    });
+    const cancel = useThrottleFn(() => {
+      const { closeOnCancelButton } = props;
+      closeOnCancelButton ? showDrawer.value = false : emits("cancel");
+    }, 500);
+    const confirm = useThrottleFn(() => {
+      emits("confirm");
+    }, 500);
+    const onClickCloseIcon = () => {
+      const { closeOnClickCloseIcon } = props;
+      closeOnClickCloseIcon ? showDrawer.value = false : emits("close");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElDrawer), mergeProps({
+        modelValue: showDrawer.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showDrawer.value = $event),
+        class: [unref(ns).b()],
+        "show-close": false,
+        top: unref(addUnit)(__props.top),
+        style: [drawerStyle.value],
+        "close-on-click-modal": __props.closeOnClickModal,
+        "close-on-press-escape": __props.closeOnPressEscape,
+        "z-index": __props.zIndex,
+        fullscreen: __props.fullscreen,
+        "append-to": __props.appendTo,
+        size: __props.width,
+        direction: __props.direction
+      }, _ctx.$attrs), {
+        default: withCtx(() => [
+          _ctx.$slots.header || __props.title ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass([unref(ns).e("header")])
+          }, [
+            __props.title ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass([unref(ns).e("title")])
+            }, toDisplayString(__props.title), 3)) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "header")
+          ], 2)) : createCommentVNode("", true),
+          __props.showClose ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: normalizeClass([unref(ns).e("close")])
+          }, [
+            createVNode(unref(ElIcon), {
+              class: normalizeClass([unref(ns).em("close", "icon")]),
+              onClick: onClickCloseIcon
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(Close))
+              ]),
+              _: 1
+            }, 8, ["class"])
+          ], 2)) : createCommentVNode("", true),
+          createElementVNode("div", {
+            class: normalizeClass([unref(ns).e("body")])
+          }, [
+            createVNode(unref(ElScrollbar), { height: "100%" }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "default")
+              ]),
+              _: 3
+            })
+          ], 2),
+          __props.showButton && (__props.showCancelButton || __props.showConfirmButton) || _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
+            key: 2,
+            class: normalizeClass([unref(ns).e("footer")])
+          }, [
+            renderSlot(_ctx.$slots, "footer"),
+            __props.showButton ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass([unref(ns).e("button")])
+            }, [
+              __props.showCancelButton ? (openBlock(), createBlock(unref(ElButton), {
+                key: 0,
+                size: __props.cancelButtonSize,
+                type: __props.cancelButtonType,
+                class: normalizeClass([unref(ns).em("button", "cancel")]),
+                onClick: unref(cancel)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(__props.cancelButtonText), 1)
+                ]),
+                _: 1
+              }, 8, ["size", "type", "class", "onClick"])) : createCommentVNode("", true),
+              __props.showConfirmButton ? (openBlock(), createBlock(unref(ElButton), {
+                key: 1,
+                size: __props.confirmButtonSize,
+                type: __props.confirmButtonType,
+                loading: __props.confirmLoading,
+                class: normalizeClass([unref(ns).em("button", "confirm")]),
+                onClick: unref(confirm)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(__props.confirmButtonText), 1)
+                ]),
+                _: 1
+              }, 8, ["size", "type", "loading", "class", "onClick"])) : createCommentVNode("", true)
+            ], 2)) : createCommentVNode("", true)
+          ], 2)) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 16, ["modelValue", "class", "top", "style", "close-on-click-modal", "close-on-press-escape", "z-index", "fullscreen", "append-to", "size", "direction"]);
+    };
+  }
+});
+const DANGEROUS_TAGS = /* @__PURE__ */ new Set(["script", "iframe", "link", "style", "meta"]);
+const validateHtmlString = (html) => {
+  if (!html.trim())
+    return false;
+  try {
+    const parser = new DOMParser();
+    const doc = parser.parseFromString(html, "text/html");
+    const parserError = doc.querySelector("parsererror");
+    if (parserError)
+      return false;
+    const rootNodes = Array.from(doc.body.children);
+    if (rootNodes.length === 0)
+      return false;
+    return rootNodes.every((node) => {
+      const tagName = node.tagName.toLowerCase();
+      if (DANGEROUS_TAGS.has(tagName))
+        return false;
+      return document.createElement(tagName).tagName !== "UNKNOWN";
+    });
+  } catch (e) {
+    return false;
+  }
+};
+const _hoisted_1 = ["innerHTML"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SakuraShowModal"
+  },
+  __name: "show-modal",
+  props: /* @__PURE__ */ mergeModels({
+    width: {},
+    showConfirmButton: { type: Boolean },
+    showCancelButton: { type: Boolean },
+    cancelButtonText: {},
+    confirmButtonText: {},
+    showClose: { type: Boolean },
+    title: {},
+    content: { type: [String, Object, Function] },
+    resolve: { type: Function }
+  }, {
+    "modelValue": {
+      type: Boolean,
+      default: false
+    },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose }) {
+    const ns = useNamespace("show-modal");
+    const getDefaultValue = () => {
+      return {
+        width: 440,
+        title: "提示",
+        content: "",
+        showClose: true,
+        showCancelButton: false,
+        showConfirmButton: true,
+        confirmButtonText: "确定",
+        cancelButtonText: "取消"
+      };
+    };
+    const props = __props;
+    const state = reactive({});
+    const filterPropsEmptyValue = () => {
+      return keysOf(props).reduce((data, key) => {
+        if (!isEmpty(props[key])) {
+          data[key] = props[key];
+        }
+        return data;
+      }, {});
+    };
+    const initState = () => {
+      extend(state, getDefaultValue(), filterPropsEmptyValue());
+    };
+    onMounted(initState);
+    const isHtmlDom = computed(() => {
+      const { content } = state;
+      if (isFunction(content)) {
+        return validateHtmlString(content());
+      }
+      if (isString(content)) {
+        return validateHtmlString(content);
+      }
+      return false;
+    });
+    const htmlDomContent = computed(() => {
+      const { content } = state;
+      if (isFunction(content)) {
+        return DOMPurify.sanitize(content());
+      }
+      if (isString(content)) {
+        return DOMPurify.sanitize(content);
+      }
+      return "";
+    });
+    const _content = computed(() => {
+      const { content } = state;
+      if (isFunction(content)) {
+        return content();
+      }
+      if (isString(content)) {
+        return content;
+      }
+      return "";
+    });
+    const visible = useModel(__props, "modelValue");
+    const handleVisible = () => {
+      visible.value = !visible.value;
+    };
+    const callbackTrigger = useCallbackTrigger();
+    const visibleShowModal = useThrottleFn((content = "", title = "提示", showCancelButton = false, params = {}) => {
+      return new Promise((resolve) => {
+        extend(state, getDefaultValue(), {
+          content,
+          title,
+          showCancelButton,
+          ...params
+        });
+        callbackTrigger.track(params.resolve || resolve);
+        visible.value = true;
+      });
+    }, 500);
+    const confirmButton = () => {
+      callbackTrigger.trigger(true);
+      closeButton();
+    };
+    const cancelButton = () => {
+      callbackTrigger.trigger(false);
+      closeButton();
+    };
+    const closeButton = () => {
+      callbackTrigger.clear();
+      handleVisible();
+    };
+    __expose({
+      visibleShowModal
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$2), {
+        modelValue: visible.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
+        class: normalizeClass([unref(ns).b()]),
+        width: state.width,
+        title: state.title,
+        "show-cancel-button": state.showCancelButton,
+        "close-on-click-close-icon": false,
+        "close-on-cancel-button": false,
+        "show-close": state.showClose,
+        "cancel-button-text": state.cancelButtonText,
+        "confirm-button-text": state.confirmButtonText,
+        onClose: closeButton,
+        onCancel: cancelButton,
+        onConfirm: confirmButton
+      }, {
+        default: withCtx(() => [
+          isHtmlDom.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass([unref(ns).e("content")]),
+            innerHTML: htmlDomContent.value
+          }, null, 10, _hoisted_1)) : (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: normalizeClass([unref(ns).e("content")])
+          }, [
+            unref(isString)(state.content) || unref(isFunction)(state.content) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createTextVNode(toDisplayString(_content.value), 1)
+            ], 64)) : (openBlock(), createBlock(resolveDynamicComponent(state.content), { key: 1 }))
+          ], 2))
+        ]),
+        _: 1
+      }, 8, ["modelValue", "class", "width", "title", "show-cancel-button", "show-close", "cancel-button-text", "confirm-button-text"]);
+    };
+  }
+});
+const components = {
+  Select: _sfc_main$g,
+  Cell: _sfc_main$f,
+  CellGroup: _sfc_main$e,
+  Status: _sfc_main$d,
+  Container: _sfc_main$c,
+  Pagination: _sfc_main$b,
+  SearchInput: _sfc_main$a,
+  FilterItem: _sfc_main$9,
+  FilterGroup: _sfc_main$8,
+  Tabs: _sfc_main$7,
+  TooltipText: _sfc_main$6,
+  FileItem: _sfc_main$5,
+  FileList: _sfc_main$4,
+  CountDown: _sfc_main$3,
+  Dialog: _sfc_main$2,
+  Drawer: _sfc_main$1,
+  ShowModal: _sfc_main
+};
+const ShowModalInstall = {
+  install(vm) {
+    const vnode = createVNode(_sfc_main);
+    checkElementIsExist("u-show-modal");
+    render(vnode, document.querySelector("#u-show-modal"));
+    vm.config.globalProperties.$showModal = (content, title = "提示", showCancelButton = false, params) => {
+      return new Promise((resolve) => {
+        var _a, _b;
+        const _params = extend({}, params ?? {}, {
+          resolve
+        });
+        ((_a = vnode.component) == null ? void 0 : _a.exposed) && ((_b = vnode.component) == null ? void 0 : _b.exposed.visibleShowModal(content, title, showCancelButton, _params));
+      });
+    };
+  }
+};
+function install(vm) {
+  Object.values(components).forEach((component) => {
+    vm.component(component.name, component);
+  });
+  vm.use(ShowModalInstall);
+}
+const index = "";
+const SakuraUiPlus = {
+  install
+};
+export {
+  _sfc_main$f as Cell,
+  _sfc_main$e as CellGroup,
+  _sfc_main$c as Container,
+  _sfc_main$3 as CountDown,
+  _sfc_main$2 as Dialog,
+  _sfc_main$1 as Drawer,
+  EVENT_NAME,
+  _sfc_main$5 as FileItem,
+  _sfc_main$4 as FileList,
+  _sfc_main$8 as FilterGroup,
+  _sfc_main$9 as FilterItem,
+  _sfc_main$b as Pagination,
+  _sfc_main$a as SearchInput,
+  _sfc_main$g as Select,
+  _sfc_main as ShowModal,
+  _sfc_main$d as Status,
+  _sfc_main$7 as Tabs,
+  _sfc_main$6 as TooltipText,
+  checkElementIsExist,
+  SakuraUiPlus as default,
+  defaultNamespace,
+  useCallbackTrigger,
+  useLoading,
+  useMessage,
+  useMessageBox,
+  useNamespace,
+  useNotification,
+  useShowModal
+};