lew-ui 1.20.1 → 1.20.3

package/dist/lew.es.ts

@@ -1,4 +1,4 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, onUnmounted, onMounted, getCurrentInstance, h, ref, watch, createElementVNode, Fragment, renderList, toDisplayString, createCommentVNode, pushScopeId, popScopeId, resolveComponent, createBlock, withCtx, withDirectives, vModelText, vModelDynamic, withModifiers, createVNode, vShow, createTextVNode, nextTick, readonly, getCurrentScope, onScopeDispose, shallowRef, toRaw, toRefs, reactive, vModelCheckbox, onActivated, Teleport, resolveDirective, Transition, createApp } from "vue";
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, onUnmounted, onMounted, getCurrentInstance, h, watch, ref, readonly, getCurrentScope, onScopeDispose, nextTick, shallowRef, reactive, createElementVNode, Fragment, renderList, toDisplayString, createCommentVNode, pushScopeId, popScopeId, resolveComponent, createBlock, withCtx, withDirectives, vModelText, vModelDynamic, withModifiers, createVNode, vShow, createTextVNode, toRaw, toRefs, vModelCheckbox, onActivated, Teleport, resolveDirective, Transition, createApp } from "vue";
 function _mergeNamespaces(n, m) {
   m.forEach(function(e) {
     e && typeof e !== "string" && !Array.isArray(e) && Object.keys(e).forEach(function(k) {
@@ -58,7 +58,7 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "LewFlex",
   props: flexProps,
   setup(__props) {
@@ -88,10 +88,10 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewFlex = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-0a8a3e9b"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/flex/src/LewFlex.vue"]]);
+var LewFlex = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-0a8a3e9b"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/flex/src/LewFlex.vue"]]);
 var LewSpace_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$u = { class: "lew-space" };
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _hoisted_1$v = { class: "lew-space" };
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "LewSpace",
   props: {
     direction: {
@@ -101,15 +101,15 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$u, [
+      return openBlock(), createElementBlock("div", _hoisted_1$v, [
         renderSlot(_ctx.$slots, "default")
       ]);
     };
   }
 });
-var LewSpace = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/space/src/LewSpace.vue"]]);
+var LewSpace = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/space/src/LewSpace.vue"]]);
 var LewLayout_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "LewLayout",
   props: {
     direction: {
@@ -139,7 +139,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewLayout = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-38cc287d"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/layout/src/LewLayout.vue"]]);
+var LewLayout = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-38cc287d"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/layout/src/LewLayout.vue"]]);
 function useDOMCreate(nodeId) {
   const node = document.createElement("div");
   node.id = nodeId;
@@ -174,7 +174,7 @@ function useEventListener$1(target, event, callback) {
   onUnmounted(() => target.removeEventListener(event, callback, true));
 }
 var LewMark_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "LewMark",
   props: {
     type: {
@@ -207,7 +207,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewMark = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/mark/src/LewMark.vue"]]);
+var LewMark = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/mark/src/LewMark.vue"]]);
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -1749,8 +1749,7 @@ styleInject(css_248z);
 script.name = "LewIcon";
 const tabsProps = {
   modelValue: {
-    type: String,
-    default: ""
+    type: [String, Number]
   },
   options: {
     type: Array,
@@ -1763,10 +1762,7 @@ const tabsProps = {
     default: ""
   },
   itemWidth: {
-    type: String,
-    default() {
-      return "";
-    }
+    type: Number
   },
   round: {
     type: Boolean,
@@ -1777,1613 +1773,1653 @@ const tabsProps = {
     default: "block"
   }
 };
-var LewTabs_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$t = ["onClick"];
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
-  __name: "LewTabs",
-  props: tabsProps,
-  emits: ["change", "update:modelValue"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const activeItemStyle = ref("");
-    const v = ref(props.modelValue);
-    const itemRef = ref([]);
-    watch(
-      () => props.modelValue,
-      () => {
-        v.value = props.modelValue;
-        setStyle(v.value);
+var _a;
+const isClient = typeof window !== "undefined";
+const isDef = (val) => typeof val !== "undefined";
+const isFunction$1 = (val) => typeof val === "function";
+const isString$1 = (val) => typeof val === "string";
+const noop = () => {
+};
+const isIOS = isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+function resolveUnref(r) {
+  return typeof r === "function" ? r() : unref(r);
+}
+function createFilterWrapper(filter, fn2) {
+  function wrapper(...args) {
+    return new Promise((resolve, reject) => {
+      Promise.resolve(filter(() => fn2.apply(this, args), { fn: fn2, thisArg: this, args })).then(resolve).catch(reject);
+    });
+  }
+  return wrapper;
+}
+const bypassFilter = (invoke) => {
+  return invoke();
+};
+function debounceFilter(ms, options = {}) {
+  let timer2;
+  let maxTimer;
+  let lastRejector = noop;
+  const _clearTimeout = (timer22) => {
+    clearTimeout(timer22);
+    lastRejector();
+    lastRejector = noop;
+  };
+  const filter = (invoke) => {
+    const duration = resolveUnref(ms);
+    const maxDuration = resolveUnref(options.maxWait);
+    if (timer2)
+      _clearTimeout(timer2);
+    if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
+      if (maxTimer) {
+        _clearTimeout(maxTimer);
+        maxTimer = null;
       }
-    );
-    const init = () => {
-      let index2 = props.options.findIndex((e) => e.value === v.value);
-      if (index2 < 0)
-        index2 = 0;
-      activeItemStyle.value = `width:${itemRef.value[index2].offsetWidth}px;transform: translateX(${itemRef.value[index2].offsetLeft}px);`;
-    };
-    let curIndex = props.options.findIndex((e) => v.value === e.value);
-    const setStyle = (value) => {
-      const index2 = props.options.findIndex((e) => value === e.value);
-      if (curIndex != index2) {
-        const _item = props.options[index2];
-        if (v.value != _item.value) {
-          v.value = _item.value;
-        }
-        const activeRef = itemRef.value[index2];
-        activeItemStyle.value = `width:${activeRef.offsetWidth}px;transform: translate(${activeRef.offsetLeft}px);`;
-        if (v.value != props.modelValue) {
-          emit("change", {
-            label: _item.label,
-            value: _item.value,
-            activeIndex: index2
-          });
-          emit("update:modelValue", v.value);
-        }
-        curIndex = index2;
+      return Promise.resolve(invoke());
+    }
+    return new Promise((resolve, reject) => {
+      lastRejector = options.rejectOnCancel ? reject : resolve;
+      if (maxDuration && !maxTimer) {
+        maxTimer = setTimeout(() => {
+          if (timer2)
+            _clearTimeout(timer2);
+          maxTimer = null;
+          resolve(invoke());
+        }, maxDuration);
       }
-    };
-    let timer2;
-    const debounce2 = () => {
-      clearTimeout(timer2);
       timer2 = setTimeout(() => {
-        console.log(1);
-        init();
-      }, 250);
-    };
-    onMounted(() => {
-      if (props.modelValue === "") {
-        v.value = props.options[0].value;
-      }
-      init();
-      window.addEventListener("resize", debounce2, false);
-    });
-    onUnmounted(() => {
-      window.removeEventListener("resize", debounce2);
+        if (maxTimer)
+          _clearTimeout(maxTimer);
+        maxTimer = null;
+        resolve(invoke());
+      }, duration);
     });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["lew-tabs", `
-               ${_ctx.type ? "lew-tabs-" + _ctx.type : ""}     
-               ${_ctx.round ? "lew-tabs-round" : ""}
-        `]),
-        style: normalizeStyle(`width:${_ctx.width}`)
-      }, [
-        createElementVNode("div", {
-          style: normalizeStyle(activeItemStyle.value),
-          class: "lew-tabs-item-animation-active"
-        }, null, 4),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item) => {
-          return openBlock(), createElementBlock("div", {
-            key: item.value,
-            ref_for: true,
-            ref: (el) => itemRef.value.push(el),
-            class: normalizeClass(["lew-tabs-item", { "lew-tabs-item-active": v.value === item.value }]),
-            style: normalizeStyle(`width:${_ctx.itemWidth}`),
-            onClick: ($event) => setStyle(item.value)
-          }, toDisplayString(item.label), 15, _hoisted_1$t);
-        }), 128))
-      ], 6);
-    };
+  };
+  return filter;
+}
+function promiseTimeout(ms, throwOnTimeout = false, reason = "Timeout") {
+  return new Promise((resolve, reject) => {
+    if (throwOnTimeout)
+      setTimeout(() => reject(reason), ms);
+    else
+      setTimeout(resolve, ms);
+  });
+}
+function identity(arg) {
+  return arg;
+}
+function tryOnScopeDispose(fn2) {
+  if (getCurrentScope()) {
+    onScopeDispose(fn2);
+    return true;
   }
-});
-var LewTabs = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-6111b125"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/tabs/src/LewTabs.vue"]]);
-var LewSteps_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$s = { class: "lew-breadcrumb" };
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
-  __name: "LewSteps",
-  props: {},
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$s);
-    };
+  return false;
+}
+function useDebounceFn(fn2, ms = 200, options = {}) {
+  return createFilterWrapper(debounceFilter(ms, options), fn2);
+}
+function resolveRef(r) {
+  return typeof r === "function" ? computed(r) : ref(r);
+}
+function tryOnMounted(fn2, sync = true) {
+  if (getCurrentInstance())
+    onMounted(fn2);
+  else if (sync)
+    fn2();
+  else
+    nextTick(fn2);
+}
+function useTimeoutFn(cb, interval, options = {}) {
+  const {
+    immediate = true
+  } = options;
+  const isPending = ref(false);
+  let timer2 = null;
+  function clear2() {
+    if (timer2) {
+      clearTimeout(timer2);
+      timer2 = null;
+    }
   }
-});
-var LewSteps = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-5e4b1dfe"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/steps/src/LewSteps.vue"]]);
-const breadcrumbProps = {
-  options: {
-    type: Array,
-    default() {
-      return [];
+  function stop() {
+    isPending.value = false;
+    clear2();
+  }
+  function start2(...args) {
+    clear2();
+    isPending.value = true;
+    timer2 = setTimeout(() => {
+      isPending.value = false;
+      timer2 = null;
+      cb(...args);
+    }, resolveUnref(interval));
+  }
+  if (immediate) {
+    isPending.value = true;
+    if (isClient)
+      start2();
+  }
+  tryOnScopeDispose(stop);
+  return {
+    isPending: readonly(isPending),
+    start: start2,
+    stop
+  };
+}
+function watchArray(source, cb, options) {
+  let oldList = (options == null ? void 0 : options.immediate) ? [] : [
+    ...source instanceof Function ? source() : Array.isArray(source) ? source : unref(source)
+  ];
+  return watch(source, (newList, _, onCleanup) => {
+    const oldListRemains = new Array(oldList.length);
+    const added = [];
+    for (const obj of newList) {
+      let found = false;
+      for (let i = 0; i < oldList.length; i++) {
+        if (!oldListRemains[i] && obj === oldList[i]) {
+          oldListRemains[i] = true;
+          found = true;
+          break;
+        }
+      }
+      if (!found)
+        added.push(obj);
     }
-  },
-  iconType: {
-    type: String,
-    default() {
-      return "sprit";
+    const removed = oldList.filter((_2, i) => !oldListRemains[i]);
+    cb(newList, oldList, added, removed, onCleanup);
+    oldList = [...newList];
+  }, options);
+}
+var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
+var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
+var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
+var __objRest$5 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$6.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$6.call(source, prop))
+        target[prop] = source[prop];
     }
-  }
-};
-var LewBreadcrumb_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$7 = (n) => (pushScopeId("data-v-5303b0ef"), n = n(), popScopeId(), n);
-const _hoisted_1$r = { class: "lew-breadcrumb" };
-const _hoisted_2$n = ["onClick"];
-const _hoisted_3$e = {
-  key: 0,
-  class: "lew-breadcrumb-parting"
+  return target;
 };
-const _hoisted_4$d = {
-  key: 0,
-  viewBox: "0 0 48 48",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg",
-  stroke: "currentColor",
-  "stroke-width": "4",
-  "stroke-linecap": "butt",
-  "stroke-linejoin": "miter"
+function watchWithFilter(source, cb, options = {}) {
+  const _a2 = options, {
+    eventFilter = bypassFilter
+  } = _a2, watchOptions = __objRest$5(_a2, [
+    "eventFilter"
+  ]);
+  return watch(source, createFilterWrapper(eventFilter, cb), watchOptions);
+}
+var __defProp$4 = Object.defineProperty;
+var __defProps$4 = Object.defineProperties;
+var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$4 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$4.call(b, prop))
+      __defNormalProp$4(a, prop, b[prop]);
+  if (__getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(b)) {
+      if (__propIsEnum$4.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
+    }
+  return a;
 };
-const _hoisted_5$b = /* @__PURE__ */ _withScopeId$7(() => /* @__PURE__ */ createElementVNode("path", { d: "M29.506 6.502 18.493 41.498" }, null, -1));
-const _hoisted_6$5 = [
-  _hoisted_5$b
-];
-const _hoisted_7$3 = {
-  key: 1,
-  viewBox: "0 0 48 48",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg",
-  stroke: "currentColor",
-  "stroke-width": "4",
-  "stroke-linecap": "butt",
-  "stroke-linejoin": "miter"
+var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+var __objRest$3 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
 };
-const _hoisted_8$3 = /* @__PURE__ */ _withScopeId$7(() => /* @__PURE__ */ createElementVNode("path", { d: "m16 39.513 15.556-15.557L16 8.4" }, null, -1));
-const _hoisted_9$2 = [
-  _hoisted_8$3
-];
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
-  __name: "LewBreadcrumb",
-  props: breadcrumbProps,
-  setup(__props) {
-    const { lewTo } = useLewTo();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$r, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, index2) => {
-          return openBlock(), createElementBlock("div", {
-            key: index2,
-            class: normalizeClass(["lew-breadcrumb-item", { "lew-breadcrumb-active": item.active }])
-          }, [
-            createElementVNode("span", {
-              class: normalizeClass({ "lew-breadcrumb-isPath": !!item.to }),
-              onClick: ($event) => unref(lewTo)(item.to)
-            }, toDisplayString(item.label), 11, _hoisted_2$n),
-            index2 != _ctx.options.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_3$e, [
-              _ctx.iconType === "sprit" ? (openBlock(), createElementBlock("svg", _hoisted_4$d, _hoisted_6$5)) : createCommentVNode("v-if", true),
-              _ctx.iconType === "shoulder" ? (openBlock(), createElementBlock("svg", _hoisted_7$3, _hoisted_9$2)) : createCommentVNode("v-if", true)
-            ])) : createCommentVNode("v-if", true)
-          ], 2);
-        }), 128))
-      ]);
-    };
-  }
-});
-var LewBreadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-5303b0ef"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/breadcrumb/src/LewBreadcrumb.vue"]]);
-const dropdownProps = {
-  options: {
-    type: Array,
-    default() {
-      return [];
-    },
-    required: true,
-    validator(value) {
-      return value.length >= 0;
+function watchDebounced(source, cb, options = {}) {
+  const _a2 = options, {
+    debounce: debounce2 = 0,
+    maxWait = void 0
+  } = _a2, watchOptions = __objRest$3(_a2, [
+    "debounce",
+    "maxWait"
+  ]);
+  return watchWithFilter(source, cb, __spreadProps$4(__spreadValues$4({}, watchOptions), {
+    eventFilter: debounceFilter(debounce2, { maxWait })
+  }));
+}
+function unrefElement$1(elRef) {
+  var _a2;
+  const plain = resolveUnref(elRef);
+  return (_a2 = plain == null ? void 0 : plain.$el) != null ? _a2 : plain;
+}
+const defaultWindow$1 = isClient ? window : void 0;
+function useAsyncState(promise, initialState, options) {
+  const {
+    immediate = true,
+    delay = 0,
+    onError = noop,
+    onSuccess = noop,
+    resetOnExecute = true,
+    shallow = true,
+    throwError
+  } = options != null ? options : {};
+  const state = shallow ? shallowRef(initialState) : ref(initialState);
+  const isReady = ref(false);
+  const isLoading = ref(false);
+  const error2 = ref(void 0);
+  async function execute(delay2 = 0, ...args) {
+    if (resetOnExecute)
+      state.value = initialState;
+    error2.value = void 0;
+    isReady.value = false;
+    isLoading.value = true;
+    if (delay2 > 0)
+      await promiseTimeout(delay2);
+    const _promise = typeof promise === "function" ? promise(...args) : promise;
+    try {
+      const data = await _promise;
+      state.value = data;
+      isReady.value = true;
+      onSuccess(data);
+    } catch (e) {
+      error2.value = e;
+      onError(e);
+      if (throwError)
+        throw error2;
+    } finally {
+      isLoading.value = false;
     }
-  },
-  trigger: {
-    type: String,
-    default: "hover"
-  },
-  placement: {
-    type: String,
-    default: "bottom"
-  },
-  width: {
-    type: String,
-    default: ""
-  },
-  maxHeight: {
-    type: String,
-    default: "300px"
-  },
-  align: {
-    type: String,
-    default: "left"
+    return state.value;
   }
+  if (immediate)
+    execute(delay);
+  return {
+    state,
+    isReady,
+    isLoading,
+    error: error2,
+    execute
+  };
+}
+function useSupported(callback, sync = false) {
+  const isSupported = ref();
+  const update = () => isSupported.value = Boolean(callback());
+  update();
+  tryOnMounted(update, sync);
+  return isSupported;
+}
+function cloneFnJSON(source) {
+  return JSON.parse(JSON.stringify(source));
+}
+const _global$1 = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+const globalKey$1 = "__vueuse_ssr_handlers__";
+_global$1[globalKey$1] = _global$1[globalKey$1] || {};
+_global$1[globalKey$1];
+var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
+var __hasOwnProp$g = Object.prototype.hasOwnProperty;
+var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
+var __objRest$2 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$g.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$g)
+    for (var prop of __getOwnPropSymbols$g(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$g.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
 };
-var LewDropdown_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$q = ["onClick"];
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
-  __name: "LewDropdown",
-  props: dropdownProps,
-  emits: ["change"],
-  setup(__props, { expose, emit }) {
-    const lewPopoverRef = ref();
-    const show = () => {
-      lewPopoverRef.value.show();
-    };
-    const hide2 = () => {
-      lewPopoverRef.value.hide();
-    };
-    const change = (item) => {
-      emit("change", item, { show, hide: hide2 });
-    };
-    expose({ show, hide: hide2 });
-    return (_ctx, _cache) => {
-      const _component_lew_popover = resolveComponent("lew-popover");
-      return openBlock(), createBlock(_component_lew_popover, {
-        ref_key: "lewPopoverRef",
-        ref: lewPopoverRef,
-        trigger: _ctx.trigger,
-        placement: _ctx.placement
-      }, {
-        trigger: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        "popover-body": withCtx(() => [
-          _ctx.options.length > 0 ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: "lew-dropdown-body",
-            style: normalizeStyle(`width:${_ctx.width};max-height:${_ctx.maxHeight}`)
-          }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, index2) => {
-              return openBlock(), createElementBlock("div", {
-                key: index2,
-                class: "lew-dropdown-option",
-                style: normalizeStyle(`text-align:${_ctx.align}`),
-                onClick: ($event) => change(item)
-              }, toDisplayString(item.label), 13, _hoisted_1$q);
-            }), 128))
-          ], 4)) : createCommentVNode("v-if", true)
-        ]),
-        _: 3
-      }, 8, ["trigger", "placement"]);
-    };
-  }
-});
-var LewDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-9869e96a"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/dropdown/src/LewDropdown.vue"]]);
-const inputProps = {
-  type: {
-    type: String,
-    default: ""
-  },
-  modelValue: {
-    type: String,
-    default: ""
-  },
-  size: {
-    type: String,
-    default: "medium"
-  },
-  focusSelect: {
-    type: Boolean,
-    default: false
-  },
-  align: {
-    type: String,
-    default: "left"
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  clearable: {
-    type: Boolean,
-    default: () => false
-  },
-  placeholder: {
-    type: String,
-    default: "\u8BF7\u8F93\u5165"
-  },
-  readonly: {
-    type: Boolean,
-    default: false
-  },
-  showPassword: {
-    type: Boolean,
-    default: false
-  },
-  resize: {
-    type: String,
-    default: "none"
-  },
-  autoWidth: {
-    type: Boolean,
-    default: false
-  },
-  maxLength: {
-    type: Number,
-    default: null
-  },
-  showCount: {
-    type: Boolean,
-    default: false
-  },
-  niceCount: {
-    type: Boolean,
-    default: false
-  }
-};
-var LewInput_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$p = ["disabled", "readonly", "placeholder"];
-const _hoisted_2$m = ["disabled", "placeholder", "type", "readonly"];
-const _hoisted_3$d = {
-  key: 2,
-  class: "input-auto-width"
-};
-const _hoisted_4$c = {
-  key: 0,
-  class: "lew-input-show-count"
-};
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
-  __name: "LewInput",
-  props: inputProps,
-  emits: [
-    "update:modelValue",
-    "clear",
-    "blur",
-    "focus",
-    "change",
-    "input"
-  ],
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const v = ref(props.modelValue);
-    const lewInputRef = ref();
-    const lewTextareaRef = ref();
-    watch(
-      () => props.modelValue,
-      () => {
-        v.value = props.modelValue;
-      }
-    );
-    const input = () => {
-      if (props.maxLength) {
-        for (let i = 0; i <= v.value.length - 1; i++) {
-          if (getTextLength(v.value.slice(0, i)) >= props.maxLength) {
-            v.value = v.value.slice(0, i);
-          }
-        }
-      }
-      emit("update:modelValue", v.value);
-      emit("input", v.value);
-    };
-    const clear2 = () => {
-      emit("clear", v.value);
-      v.value = "";
-      emit("update:modelValue", v.value);
-    };
-    const focusFn = () => {
-      var _a2, _b;
-      if (props.type === "textarea") {
-        (_a2 = lewTextareaRef.value) == null ? void 0 : _a2.focus();
-      } else {
-        (_b = lewInputRef.value) == null ? void 0 : _b.focus();
-      }
-    };
-    const _type = ref(props.type);
-    const showPasswordFn = () => {
-      _type.value === "text" ? _type.value = "password" : _type.value = "text";
-    };
-    const getCheckNumStr = computed(() => {
-      if (props.showCount && props.maxLength) {
-        return `${getTextLength(v.value)} / ${props.maxLength}`;
-      }
-      if (props.showCount) {
-        return getTextLength(v.value);
-      }
-      return false;
-    });
-    const getTextLength = (val) => {
-      if (!props.niceCount) {
-        return val.length;
-      }
-      let len = 0;
-      for (let i = 0; i <= val.length - 1; i++) {
-        const length = val.charCodeAt(i);
-        if (length >= 0 && length <= 128) {
-          len += 0.5;
-        } else {
-          len += 1;
-        }
-      }
-      return Math.trunc(len);
-    };
-    const getEl = () => {
-      if (props.type === "textarea") {
-        return lewTextareaRef.value;
-      }
-      return lewInputRef.value;
-    };
-    const focus = (e) => {
-      var _a2;
-      if (props.focusSelect) {
-        (_a2 = e == null ? void 0 : e.currentTarget) == null ? void 0 : _a2.select();
-      }
-      emit("focus");
-    };
-    expose({ getEl, focusFn, lewInputRef });
-    return (_ctx, _cache) => {
-      const _component_lew_icon = resolveComponent("lew-icon");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["lew-input-view", `
-    lew-input-view-${_ctx.size} 
-    ${_type.value === "textarea" ? "lew-input-view-textarea" : ""}
-    ${_ctx.readonly ? "lew-input-view-readonly" : ""} 
-    ${_ctx.disabled ? "lew-input-view-disabled" : ""}
-    ${_ctx.align ? "lew-input-view-align-" + _ctx.align : ""}
-    ${_ctx.autoWidth ? "lew-input-view-auto-width" : ""}
-    `])
-      }, [
-        _type.value === "textarea" ? withDirectives((openBlock(), createElementBlock("textarea", {
-          key: 0,
-          ref_key: "lewTextareaRef",
-          ref: lewTextareaRef,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => v.value = $event),
-          class: normalizeClass(["btf-scrollbar", `lew-textarea-resize-${_ctx.resize}`]),
-          rows: "3",
-          cols: "3",
-          disabled: _ctx.disabled,
-          readonly: _ctx.readonly,
-          placeholder: _ctx.placeholder,
-          onInput: input,
-          onChange: _cache[1] || (_cache[1] = ($event) => emit("change", v.value)),
-          onBlur: _cache[2] || (_cache[2] = ($event) => emit("blur", v.value)),
-          onFocus: focus
-        }, null, 42, _hoisted_1$p)), [
-          [vModelText, v.value]
-        ]) : withDirectives((openBlock(), createElementBlock("input", {
-          key: 1,
-          ref_key: "lewInputRef",
-          ref: lewInputRef,
-          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => v.value = $event),
-          disabled: _ctx.disabled,
-          placeholder: _ctx.placeholder,
-          type: _type.value,
-          readonly: _ctx.readonly,
-          onkeypress: "if(window.event.keyCode==13) this.blur()",
-          onInput: input,
-          onChange: _cache[4] || (_cache[4] = ($event) => emit("change", v.value)),
-          onBlur: _cache[5] || (_cache[5] = ($event) => emit("blur", v.value)),
-          onFocus: focus
-        }, null, 40, _hoisted_2$m)), [
-          [vModelDynamic, v.value]
-        ]),
-        _ctx.autoWidth ? (openBlock(), createElementBlock("label", _hoisted_3$d, toDisplayString(v.value), 1)) : createCommentVNode("v-if", true),
-        _ctx.showPassword || _ctx.clearable || _ctx.showCount ? (openBlock(), createElementBlock("div", {
-          key: 3,
-          class: normalizeClass(["lew-input-controls", {
-            "lew-input-controls-show": v.value && _ctx.showPassword || v.value && _ctx.clearable || _ctx.showCount && !_ctx.clearable && !_ctx.showPassword,
-            "lew-input-controls-count": _ctx.showCount && _ctx.clearable && _ctx.maxLength && !v.value,
-            "lew-input-controls-count-show": _ctx.showCount && _ctx.clearable && _ctx.maxLength && v.value
-          }])
-        }, [
-          unref(getCheckNumStr) ? (openBlock(), createElementBlock("div", _hoisted_4$c, toDisplayString(unref(getCheckNumStr)), 1)) : createCommentVNode("v-if", true),
-          _ctx.showPassword ? (openBlock(), createElementBlock("div", {
-            key: 1,
-            class: "lew-input-show-password",
-            onMousedown: _cache[6] || (_cache[6] = withModifiers(() => {
-            }, ["prevent"])),
-            onClick: showPasswordFn
-          }, [
-            withDirectives(createVNode(_component_lew_icon, {
-              size: "16",
-              type: "eye"
-            }, null, 512), [
-              [vShow, _type.value === "text"]
-            ]),
-            withDirectives(createVNode(_component_lew_icon, {
-              size: "16",
-              type: "eye-off"
-            }, null, 512), [
-              [vShow, _type.value === "password"]
-            ])
-          ], 32)) : createCommentVNode("v-if", true),
-          _ctx.clearable ? (openBlock(), createElementBlock("div", {
-            key: 2,
-            class: "lew-input-clear",
-            onMousedown: _cache[7] || (_cache[7] = withModifiers(() => {
-            }, ["prevent"])),
-            onClick: clear2
-          }, [
-            createVNode(_component_lew_icon, {
-              size: "16",
-              type: "x-circle"
-            })
-          ], 32)) : createCommentVNode("v-if", true)
-        ], 2)) : createCommentVNode("v-if", true)
-      ], 2);
-    };
-  }
-});
-var LewInput = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-156ce1e1"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/input/src/LewInput.vue"]]);
-const _props$6 = {
-  type: {
-    type: String,
-    default: ""
-  },
-  modelValue: {
-    type: String,
-    default: ""
-  },
-  autoWidth: {
-    type: Boolean,
-    default: false
-  },
-  options: {
-    type: Array,
-    default() {
-      return [];
-    }
-  },
-  align: {
-    type: String,
-    default: "left"
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  clearable: {
-    type: Boolean,
-    default: false
-  },
-  placeholder: {
-    type: String,
-    default: "\u8BF7\u8F93\u5165"
-  },
-  readonly: {
-    type: Boolean,
-    default: false
-  },
-  showPassword: {
-    type: Boolean,
-    default: false
-  },
-  maxLength: {
-    type: Number,
-    default: null
-  },
-  showCount: {
-    type: Boolean,
-    default: false
-  },
-  niceCount: {
-    type: Boolean,
-    default: false
-  },
-  size: {
-    type: String,
-    default: "medium"
-  },
-  popoverWidth: {
-    type: String,
-    default: "auto"
-  },
-  trigger: {
-    type: String,
-    default: "click"
-  },
-  placement: {
-    type: String,
-    default: "bottom-start"
-  }
-};
-var LewInputPro_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$o = { class: "lew-input-pro" };
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
-  __name: "LewInputPro",
-  props: _props$6,
-  emits: [
-    "update:modelValue",
-    "clear",
-    "blur",
-    "focus",
-    "change",
-    "input"
-  ],
-  setup(__props, { emit }) {
-    const props = __props;
-    const v = ref(props.modelValue);
-    watch(
-      () => props.modelValue,
-      () => {
-        v.value = props.modelValue;
-      }
-    );
-    const lewDropdownRef = ref();
-    const input = (value) => {
-      emit("update:modelValue", value);
-      emit("input", value);
-    };
-    const clear2 = () => {
-      emit("clear", v.value);
-      v.value = "";
-      emit("update:modelValue", v.value);
-    };
-    const selectFn = (e) => {
-      v.value = e.value;
-      emit("update:modelValue", v.value);
-      emit("input", v.value);
-      emit("change", v.value);
-      hide2();
-    };
-    const open = () => {
-      if (props.options.length === 0)
-        return;
-      lewDropdownRef.value.show();
-    };
-    const hide2 = () => {
-      lewDropdownRef.value.hide();
-    };
-    const width = ref(0);
-    const focus = (e) => {
-      var _a2;
-      width.value = lewDropdownRef.value.$el.clientWidth - 14;
-      open();
-      (_a2 = e == null ? void 0 : e.currentTarget) == null ? void 0 : _a2.select();
-      emit("focus", v);
-    };
-    return (_ctx, _cache) => {
-      const _component_lew_input = resolveComponent("lew-input");
-      const _component_lew_dropdown = resolveComponent("lew-dropdown");
-      return openBlock(), createElementBlock("div", _hoisted_1$o, [
-        renderSlot(_ctx.$slots, "left", {}, void 0, true),
-        createVNode(_component_lew_dropdown, {
-          ref_key: "lewDropdownRef",
-          ref: lewDropdownRef,
-          style: { "width": "100%" },
-          trigger: _ctx.trigger,
-          placement: _ctx.placement,
-          align: _ctx.align,
-          width: `${width.value}px`,
-          options: _ctx.options,
-          onChange: selectFn
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_lew_input, {
-              modelValue: v.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => v.value = $event),
-              type: _ctx.type,
-              "auto-width": _ctx.autoWidth,
-              size: _ctx.size,
-              align: _ctx.align,
-              placeholder: _ctx.placeholder,
-              clearable: _ctx.clearable,
-              onClick: _cache[1] || (_cache[1] = withModifiers(() => {
-              }, ["stop"])),
-              onInput: input,
-              onChange: _cache[2] || (_cache[2] = ($event) => emit("change", v.value)),
-              onBlur: _cache[3] || (_cache[3] = ($event) => emit("blur", v.value)),
-              onFocus: focus,
-              onClear: clear2
-            }, null, 8, ["modelValue", "type", "auto-width", "size", "align", "placeholder", "clearable"])
-          ]),
-          _: 1
-        }, 8, ["trigger", "placement", "align", "width", "options"]),
-        renderSlot(_ctx.$slots, "right", {}, void 0, true)
-      ]);
-    };
-  }
-});
-var LewInputPro = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-1e1e8f9c"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/input-pro/src/LewInputPro.vue"]]);
-const inputTagProps = {
-  modelValue: {
-    type: Array,
-    default: () => {
-      return [];
-    }
-  },
-  type: {
-    type: String,
-    default: "normal"
-  }
-};
-var LewInputTag_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$6 = (n) => (pushScopeId("data-v-ad3c9b14"), n = n(), popScopeId(), n);
-const _hoisted_1$n = { class: "lew-input-tag-view" };
-const _hoisted_2$l = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ createElementVNode("div", { style: { "margin-left": "-10px", "height": "26px" } }, null, -1));
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
-  __name: "LewInputTag",
-  props: inputTagProps,
-  setup(__props) {
-    const props = __props;
-    const inputValue = ref();
-    const tagsValue = ref(props.modelValue);
-    const isInput = ref(false);
-    const lewInputRef = ref();
-    let isEnter = false;
-    let delDownTimer;
-    let delDownCheck = 0;
-    watch(
-      () => props.modelValue,
-      () => {
-        tagsValue.value = props.modelValue;
-      }
-    );
-    const openInput = () => {
-      isInput.value = true;
-      nextTick(() => {
-        lewInputRef.value.focusFn();
-      });
-      document.onkeydown = function(event) {
-        if (inputValue.value === "") {
-          if (event.keyCode === 8 || event.keyCode === 46) {
-            clearTimeout(delDownTimer);
-            delDownTimer = setTimeout(() => {
-              delDownCheck = 0;
-            }, 500);
-            delDownCheck += 1;
-            if (delDownCheck >= 2) {
-              tagsValue.value.splice(tagsValue.value.length - 1, 1);
-              delDownCheck = 0;
-            }
-          }
-        } else if (event.keyCode === 13) {
-          isEnter = true;
-        }
-      };
-    };
-    const blurFn = (e) => {
-      isInput.value = false;
-      document.onkeydown = null;
-      addTag();
-      if (isEnter) {
-        openInput();
-      }
-      isEnter = false;
-    };
-    const addTag = () => {
-      if (inputValue.value) {
-        tagsValue.value.push(inputValue.value);
-      }
-      inputValue.value = "";
-    };
-    const delTag = (index2) => {
-      tagsValue.value.splice(index2, 1);
-    };
-    return (_ctx, _cache) => {
-      const _component_lew_tag = resolveComponent("lew-tag");
-      const _component_lew_icon = resolveComponent("lew-icon");
-      const _component_lew_input = resolveComponent("lew-input");
-      return openBlock(), createElementBlock("div", _hoisted_1$n, [
-        _hoisted_2$l,
-        (openBlock(true), createElementBlock(Fragment, null, renderList(tagsValue.value, (item, index2) => {
-          return openBlock(), createBlock(_component_lew_tag, {
-            key: index2,
-            closable: "",
-            type: _ctx.type,
-            onClose: ($event) => delTag(index2)
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(item), 1)
-            ]),
-            _: 2
-          }, 1032, ["type", "onClose"]);
-        }), 128)),
-        withDirectives(createElementVNode("label", {
-          class: "lew-input-tag-button",
-          onClick: openInput
-        }, [
-          createVNode(_component_lew_icon, {
-            size: "16",
-            type: "plus"
-          })
-        ], 512), [
-          [vShow, !isInput.value]
-        ]),
-        withDirectives(createVNode(_component_lew_input, {
-          ref_key: "lewInputRef",
-          ref: lewInputRef,
-          modelValue: inputValue.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
-          class: "lew-input-tag",
-          size: "small",
-          "auto-width": "",
-          placeholder: "",
-          onBlur: blurFn,
-          onFocus: addTag
-        }, null, 8, ["modelValue"]), [
-          [vShow, isInput.value]
-        ])
-      ]);
-    };
-  }
-});
-var LewInputTag = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-ad3c9b14"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/input-tag/src/LewInputTag.vue"]]);
-const formProps = {
-  width: {
-    type: String,
-    default: ""
-  },
-  labelWidth: {
-    type: String,
-    default: "auto"
-  },
-  labelAlign: {
-    type: String,
-    default: "end"
-  },
-  direction: {
-    type: String,
-    default: "x"
-  }
-};
-var LewForm_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
-  __name: "LewForm",
-  props: formProps,
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "lew-form",
-        style: normalizeStyle(`width:${_ctx.width}`)
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 4);
-    };
-  }
-});
-var LewForm = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-a827f69e"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/form/src/LewForm.vue"]]);
-var LewFormItem_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$m = { class: "lew-form-item-view" };
-const _hoisted_2$k = { class: "lew-form-item-tips" };
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
-  __name: "LewFormItem",
-  props: {
-    label: {
-      type: String,
-      default: "\u6807\u9898"
-    },
-    labelWidth: {
-      type: String,
-      default: ""
-    },
-    labelAlign: {
-      type: String,
-      default: ""
-    },
-    direction: {
-      type: String,
-      default: ""
-    },
-    labelSize: {
-      type: String,
-      default: "medium"
+function useResizeObserver(target, callback, options = {}) {
+  const _a2 = options, { window: window2 = defaultWindow$1 } = _a2, observerOptions = __objRest$2(_a2, ["window"]);
+  let observer;
+  const isSupported = useSupported(() => window2 && "ResizeObserver" in window2);
+  const cleanup = () => {
+    if (observer) {
+      observer.disconnect();
+      observer = void 0;
     }
-  },
-  setup(__props) {
-    var _a2, _b;
-    const props = __props;
-    const parentProps = (_b = (_a2 = getCurrentInstance()) == null ? void 0 : _a2.parent) == null ? void 0 : _b.props;
-    const { labelWidth, direction, labelAlign } = parentProps;
-    const _labelWidth = ref(props.labelWidth || labelWidth || "auto");
-    const _direction = ref(props.direction || direction || "x");
-    const _labelAlign = ref(props.labelAlign || labelAlign || "end");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["lew-form-item", `lew-form-item-${_direction.value} lew-form-item-${_labelAlign.value}`])
-      }, [
-        createElementVNode("div", {
-          class: "lew-form-item-label",
-          style: normalizeStyle(`width: ${_labelWidth.value};height:${__props.labelSize}px;`)
-        }, toDisplayString(props.label), 5),
-        createElementVNode("div", _hoisted_1$m, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true),
-          withDirectives(createElementVNode("div", _hoisted_2$k, "\u8F93\u5165\u683C\u5F0F\u9519\u8BEF", 512), [
-            [vShow, false]
-          ])
-        ])
-      ], 2);
-    };
-  }
-});
-var LewFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-ef952438"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/form/src/LewFormItem.vue"]]);
-var _a;
-const isClient = typeof window !== "undefined";
-const isDef = (val) => typeof val !== "undefined";
-const isFunction$1 = (val) => typeof val === "function";
-const isString$1 = (val) => typeof val === "string";
-const noop = () => {
-};
-const isIOS = isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
-function resolveUnref(r) {
-  return typeof r === "function" ? r() : unref(r);
-}
-function createFilterWrapper(filter, fn2) {
-  function wrapper(...args) {
-    return new Promise((resolve, reject) => {
-      Promise.resolve(filter(() => fn2.apply(this, args), { fn: fn2, thisArg: this, args })).then(resolve).catch(reject);
-    });
-  }
-  return wrapper;
-}
-const bypassFilter = (invoke) => {
-  return invoke();
-};
-function debounceFilter(ms, options = {}) {
-  let timer2;
-  let maxTimer;
-  let lastRejector = noop;
-  const _clearTimeout = (timer22) => {
-    clearTimeout(timer22);
-    lastRejector();
-    lastRejector = noop;
   };
-  const filter = (invoke) => {
-    const duration = resolveUnref(ms);
-    const maxDuration = resolveUnref(options.maxWait);
-    if (timer2)
-      _clearTimeout(timer2);
-    if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
-      if (maxTimer) {
-        _clearTimeout(maxTimer);
-        maxTimer = null;
-      }
-      return Promise.resolve(invoke());
+  const stopWatch = watch(() => unrefElement$1(target), (el) => {
+    cleanup();
+    if (isSupported.value && window2 && el) {
+      observer = new ResizeObserver(callback);
+      observer.observe(el, observerOptions);
     }
-    return new Promise((resolve, reject) => {
-      lastRejector = options.rejectOnCancel ? reject : resolve;
-      if (maxDuration && !maxTimer) {
-        maxTimer = setTimeout(() => {
-          if (timer2)
-            _clearTimeout(timer2);
-          maxTimer = null;
-          resolve(invoke());
-        }, maxDuration);
-      }
-      timer2 = setTimeout(() => {
-        if (maxTimer)
-          _clearTimeout(maxTimer);
-        maxTimer = null;
-        resolve(invoke());
-      }, duration);
-    });
+  }, { immediate: true, flush: "post" });
+  const stop = () => {
+    cleanup();
+    stopWatch();
   };
-  return filter;
-}
-function promiseTimeout(ms, throwOnTimeout = false, reason = "Timeout") {
-  return new Promise((resolve, reject) => {
-    if (throwOnTimeout)
-      setTimeout(() => reject(reason), ms);
-    else
-      setTimeout(resolve, ms);
-  });
-}
-function identity(arg) {
-  return arg;
-}
-function tryOnScopeDispose(fn2) {
-  if (getCurrentScope()) {
-    onScopeDispose(fn2);
-    return true;
-  }
-  return false;
-}
-function useDebounceFn(fn2, ms = 200, options = {}) {
-  return createFilterWrapper(debounceFilter(ms, options), fn2);
-}
-function resolveRef(r) {
-  return typeof r === "function" ? computed(r) : ref(r);
-}
-function tryOnMounted(fn2, sync = true) {
-  if (getCurrentInstance())
-    onMounted(fn2);
-  else if (sync)
-    fn2();
-  else
-    nextTick(fn2);
-}
-function useTimeoutFn(cb, interval, options = {}) {
-  const {
-    immediate = true
-  } = options;
-  const isPending = ref(false);
-  let timer2 = null;
-  function clear2() {
-    if (timer2) {
-      clearTimeout(timer2);
-      timer2 = null;
-    }
-  }
-  function stop() {
-    isPending.value = false;
-    clear2();
-  }
-  function start2(...args) {
-    clear2();
-    isPending.value = true;
-    timer2 = setTimeout(() => {
-      isPending.value = false;
-      timer2 = null;
-      cb(...args);
-    }, resolveUnref(interval));
-  }
-  if (immediate) {
-    isPending.value = true;
-    if (isClient)
-      start2();
-  }
   tryOnScopeDispose(stop);
   return {
-    isPending: readonly(isPending),
-    start: start2,
+    isSupported,
     stop
   };
 }
-function watchArray(source, cb, options) {
-  let oldList = (options == null ? void 0 : options.immediate) ? [] : [
-    ...source instanceof Function ? source() : Array.isArray(source) ? source : unref(source)
-  ];
-  return watch(source, (newList, _, onCleanup) => {
-    const oldListRemains = new Array(oldList.length);
-    const added = [];
-    for (const obj of newList) {
-      let found = false;
-      for (let i = 0; i < oldList.length; i++) {
-        if (!oldListRemains[i] && obj === oldList[i]) {
-          oldListRemains[i] = true;
-          found = true;
-          break;
-        }
+function useElementSize(target, initialSize = { width: 0, height: 0 }, options = {}) {
+  const { window: window2 = defaultWindow$1, box = "content-box" } = options;
+  const isSVG = computed(() => {
+    var _a2, _b;
+    return (_b = (_a2 = unrefElement$1(target)) == null ? void 0 : _a2.namespaceURI) == null ? void 0 : _b.includes("svg");
+  });
+  const width = ref(initialSize.width);
+  const height = ref(initialSize.height);
+  useResizeObserver(target, ([entry]) => {
+    const boxSize = box === "border-box" ? entry.borderBoxSize : box === "content-box" ? entry.contentBoxSize : entry.devicePixelContentBoxSize;
+    if (window2 && isSVG.value) {
+      const $elem = unrefElement$1(target);
+      if ($elem) {
+        const styles = window2.getComputedStyle($elem);
+        width.value = parseFloat(styles.width);
+        height.value = parseFloat(styles.height);
+      }
+    } else {
+      if (boxSize) {
+        const formatBoxSize = Array.isArray(boxSize) ? boxSize : [boxSize];
+        width.value = formatBoxSize.reduce((acc, { inlineSize }) => acc + inlineSize, 0);
+        height.value = formatBoxSize.reduce((acc, { blockSize }) => acc + blockSize, 0);
+      } else {
+        width.value = entry.contentRect.width;
+        height.value = entry.contentRect.height;
       }
-      if (!found)
-        added.push(obj);
     }
-    const removed = oldList.filter((_2, i) => !oldListRemains[i]);
-    cb(newList, oldList, added, removed, onCleanup);
-    oldList = [...newList];
   }, options);
+  watch(() => unrefElement$1(target), (ele) => {
+    width.value = ele ? initialSize.width : 0;
+    height.value = ele ? initialSize.height : 0;
+  });
+  return {
+    width,
+    height
+  };
 }
-var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
-var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
-var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
-var __objRest$5 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$6.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$6.call(source, prop))
-        target[prop] = source[prop];
+var __defProp$a = Object.defineProperty;
+var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
+var __hasOwnProp$b = Object.prototype.hasOwnProperty;
+var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$a = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$b.call(b, prop))
+      __defNormalProp$a(a, prop, b[prop]);
+  if (__getOwnPropSymbols$b)
+    for (var prop of __getOwnPropSymbols$b(b)) {
+      if (__propIsEnum$b.call(b, prop))
+        __defNormalProp$a(a, prop, b[prop]);
     }
-  return target;
+  return a;
 };
-function watchWithFilter(source, cb, options = {}) {
-  const _a2 = options, {
-    eventFilter = bypassFilter
-  } = _a2, watchOptions = __objRest$5(_a2, [
-    "eventFilter"
-  ]);
-  return watch(source, createFilterWrapper(eventFilter, cb), watchOptions);
+async function loadImage(options) {
+  return new Promise((resolve, reject) => {
+    const img = new Image();
+    const { src, srcset, sizes } = options;
+    img.src = src;
+    if (srcset)
+      img.srcset = srcset;
+    if (sizes)
+      img.sizes = sizes;
+    img.onload = () => resolve(img);
+    img.onerror = reject;
+  });
 }
-var __defProp$4 = Object.defineProperty;
-var __defProps$4 = Object.defineProperties;
-var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
-var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
-var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$4 = (a, b) => {
+const useImage = (options, asyncStateOptions = {}) => {
+  const state = useAsyncState(() => loadImage(resolveUnref(options)), void 0, __spreadValues$a({
+    resetOnExecute: true
+  }, asyncStateOptions));
+  watch(() => resolveUnref(options), () => state.execute(asyncStateOptions.delay), { deep: true });
+  return state;
+};
+var SwipeDirection;
+(function(SwipeDirection2) {
+  SwipeDirection2["UP"] = "UP";
+  SwipeDirection2["RIGHT"] = "RIGHT";
+  SwipeDirection2["DOWN"] = "DOWN";
+  SwipeDirection2["LEFT"] = "LEFT";
+  SwipeDirection2["NONE"] = "NONE";
+})(SwipeDirection || (SwipeDirection = {}));
+var __defProp$1 = Object.defineProperty;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$4.call(b, prop))
-      __defNormalProp$4(a, prop, b[prop]);
-  if (__getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(b)) {
-      if (__propIsEnum$4.call(b, prop))
-        __defNormalProp$4(a, prop, b[prop]);
+    if (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
-var __objRest$3 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
+const _TransitionPresets = {
+  easeInSine: [0.12, 0, 0.39, 0],
+  easeOutSine: [0.61, 1, 0.88, 1],
+  easeInOutSine: [0.37, 0, 0.63, 1],
+  easeInQuad: [0.11, 0, 0.5, 0],
+  easeOutQuad: [0.5, 1, 0.89, 1],
+  easeInOutQuad: [0.45, 0, 0.55, 1],
+  easeInCubic: [0.32, 0, 0.67, 0],
+  easeOutCubic: [0.33, 1, 0.68, 1],
+  easeInOutCubic: [0.65, 0, 0.35, 1],
+  easeInQuart: [0.5, 0, 0.75, 0],
+  easeOutQuart: [0.25, 1, 0.5, 1],
+  easeInOutQuart: [0.76, 0, 0.24, 1],
+  easeInQuint: [0.64, 0, 0.78, 0],
+  easeOutQuint: [0.22, 1, 0.36, 1],
+  easeInOutQuint: [0.83, 0, 0.17, 1],
+  easeInExpo: [0.7, 0, 0.84, 0],
+  easeOutExpo: [0.16, 1, 0.3, 1],
+  easeInOutExpo: [0.87, 0, 0.13, 1],
+  easeInCirc: [0.55, 0, 1, 0.45],
+  easeOutCirc: [0, 0.55, 0.45, 1],
+  easeInOutCirc: [0.85, 0, 0.15, 1],
+  easeInBack: [0.36, 0, 0.66, -0.56],
+  easeOutBack: [0.34, 1.56, 0.64, 1],
+  easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-function watchDebounced(source, cb, options = {}) {
-  const _a2 = options, {
-    debounce: debounce2 = 0,
-    maxWait = void 0
-  } = _a2, watchOptions = __objRest$3(_a2, [
-    "debounce",
-    "maxWait"
-  ]);
-  return watchWithFilter(source, cb, __spreadProps$4(__spreadValues$4({}, watchOptions), {
-    eventFilter: debounceFilter(debounce2, { maxWait })
-  }));
+__spreadValues$1({
+  linear: identity
+}, _TransitionPresets);
+function useVModel(props, key, emit, options = {}) {
+  var _a2, _b, _c;
+  const {
+    clone: clone2 = false,
+    passive: passive2 = false,
+    eventName,
+    deep = false,
+    defaultValue
+  } = options;
+  const vm = getCurrentInstance();
+  const _emit = emit || (vm == null ? void 0 : vm.emit) || ((_a2 = vm == null ? void 0 : vm.$emit) == null ? void 0 : _a2.bind(vm)) || ((_c = (_b = vm == null ? void 0 : vm.proxy) == null ? void 0 : _b.$emit) == null ? void 0 : _c.bind(vm == null ? void 0 : vm.proxy));
+  let event = eventName;
+  if (!key) {
+    {
+      key = "modelValue";
+    }
+  }
+  event = eventName || event || `update:${key.toString()}`;
+  const cloneFn = (val) => !clone2 ? val : isFunction$1(clone2) ? clone2(val) : cloneFnJSON(val);
+  const getValue = () => isDef(props[key]) ? cloneFn(props[key]) : defaultValue;
+  if (passive2) {
+    const initialValue = getValue();
+    const proxy = ref(initialValue);
+    watch(() => props[key], (v) => proxy.value = cloneFn(v));
+    watch(proxy, (v) => {
+      if (v !== props[key] || deep)
+        _emit(event, v);
+    }, { deep });
+    return proxy;
+  } else {
+    return computed({
+      get() {
+        return getValue();
+      },
+      set(value) {
+        _emit(event, value);
+      }
+    });
+  }
 }
-function unrefElement$1(elRef) {
-  var _a2;
-  const plain = resolveUnref(elRef);
-  return (_a2 = plain == null ? void 0 : plain.$el) != null ? _a2 : plain;
+function useVModels(props, emit, options = {}) {
+  const ret = {};
+  for (const key in props)
+    ret[key] = useVModel(props, key, emit, options);
+  return ret;
 }
-const defaultWindow$1 = isClient ? window : void 0;
-function useAsyncState(promise, initialState, options) {
-  const {
-    immediate = true,
-    delay = 0,
-    onError = noop,
-    onSuccess = noop,
-    resetOnExecute = true,
-    shallow = true,
-    throwError
-  } = options != null ? options : {};
-  const state = shallow ? shallowRef(initialState) : ref(initialState);
-  const isReady = ref(false);
-  const isLoading = ref(false);
-  const error2 = ref(void 0);
-  async function execute(delay2 = 0, ...args) {
-    if (resetOnExecute)
-      state.value = initialState;
-    error2.value = void 0;
-    isReady.value = false;
-    isLoading.value = true;
-    if (delay2 > 0)
-      await promiseTimeout(delay2);
-    const _promise = typeof promise === "function" ? promise(...args) : promise;
-    try {
-      const data = await _promise;
-      state.value = data;
-      isReady.value = true;
-      onSuccess(data);
-    } catch (e) {
-      error2.value = e;
-      onError(e);
-      if (throwError)
-        throw error2;
-    } finally {
-      isLoading.value = false;
+function useVirtualList(list, options) {
+  const { containerStyle, wrapperProps, scrollTo, calculateRange, currentList, containerRef } = "itemHeight" in options ? useVerticalVirtualList(options, list) : useHorizontalVirtualList(options, list);
+  return {
+    list: currentList,
+    scrollTo,
+    containerProps: {
+      ref: containerRef,
+      onScroll: () => {
+        calculateRange();
+      },
+      style: containerStyle
+    },
+    wrapperProps
+  };
+}
+function useVirtualListResources(list) {
+  const containerRef = ref(null);
+  const size = useElementSize(containerRef);
+  const currentList = ref([]);
+  const source = shallowRef(list);
+  const state = ref({ start: 0, end: 10 });
+  return { state, source, currentList, size, containerRef };
+}
+function createGetViewCapacity(state, source, itemSize) {
+  return (containerSize) => {
+    if (typeof itemSize === "number")
+      return Math.ceil(containerSize / itemSize);
+    const { start: start2 = 0 } = state.value;
+    let sum = 0;
+    let capacity = 0;
+    for (let i = start2; i < source.value.length; i++) {
+      const size = itemSize(i);
+      sum += size;
+      capacity = i;
+      if (sum > containerSize)
+        break;
     }
-    return state.value;
-  }
-  if (immediate)
-    execute(delay);
-  return {
-    state,
-    isReady,
-    isLoading,
-    error: error2,
-    execute
+    return capacity - start2;
   };
 }
-function useSupported(callback, sync = false) {
-  const isSupported = ref();
-  const update = () => isSupported.value = Boolean(callback());
-  update();
-  tryOnMounted(update, sync);
-  return isSupported;
-}
-function cloneFnJSON(source) {
-  return JSON.parse(JSON.stringify(source));
+function createGetOffset(source, itemSize) {
+  return (scrollDirection) => {
+    if (typeof itemSize === "number")
+      return Math.floor(scrollDirection / itemSize) + 1;
+    let sum = 0;
+    let offset2 = 0;
+    for (let i = 0; i < source.value.length; i++) {
+      const size = itemSize(i);
+      sum += size;
+      if (sum >= scrollDirection) {
+        offset2 = i;
+        break;
+      }
+    }
+    return offset2 + 1;
+  };
 }
-const _global$1 = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-const globalKey$1 = "__vueuse_ssr_handlers__";
-_global$1[globalKey$1] = _global$1[globalKey$1] || {};
-_global$1[globalKey$1];
-var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
-var __hasOwnProp$g = Object.prototype.hasOwnProperty;
-var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
-var __objRest$2 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$g.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$g)
-    for (var prop of __getOwnPropSymbols$g(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$g.call(source, prop))
-        target[prop] = source[prop];
+function createCalculateRange(type, overscan, getOffset, getViewCapacity, { containerRef, state, currentList, source }) {
+  return () => {
+    const element = containerRef.value;
+    if (element) {
+      const offset2 = getOffset(type === "vertical" ? element.scrollTop : element.scrollLeft);
+      const viewCapacity = getViewCapacity(type === "vertical" ? element.clientHeight : element.clientWidth);
+      const from2 = offset2 - overscan;
+      const to2 = offset2 + viewCapacity + overscan;
+      state.value = {
+        start: from2 < 0 ? 0 : from2,
+        end: to2 > source.value.length ? source.value.length : to2
+      };
+      currentList.value = source.value.slice(state.value.start, state.value.end).map((ele, index2) => ({
+        data: ele,
+        index: index2 + state.value.start
+      }));
     }
-  return target;
-};
-function useResizeObserver(target, callback, options = {}) {
-  const _a2 = options, { window: window2 = defaultWindow$1 } = _a2, observerOptions = __objRest$2(_a2, ["window"]);
-  let observer;
-  const isSupported = useSupported(() => window2 && "ResizeObserver" in window2);
-  const cleanup = () => {
-    if (observer) {
-      observer.disconnect();
-      observer = void 0;
+  };
+}
+function createGetDistance(itemSize, source) {
+  return (index2) => {
+    if (typeof itemSize === "number") {
+      const size2 = index2 * itemSize;
+      return size2;
     }
+    const size = source.value.slice(0, index2).reduce((sum, _, i) => sum + itemSize(i), 0);
+    return size;
   };
-  const stopWatch = watch(() => unrefElement$1(target), (el) => {
-    cleanup();
-    if (isSupported.value && window2 && el) {
-      observer = new ResizeObserver(callback);
-      observer.observe(el, observerOptions);
+}
+function useWatchForSizes(size, list, calculateRange) {
+  watch([size.width, size.height, list], () => {
+    calculateRange();
+  });
+}
+function createComputedTotalSize(itemSize, source) {
+  return computed(() => {
+    if (typeof itemSize === "number")
+      return source.value.length * itemSize;
+    return source.value.reduce((sum, _, index2) => sum + itemSize(index2), 0);
+  });
+}
+const scrollToDictionaryForElementScrollKey = {
+  horizontal: "scrollLeft",
+  vertical: "scrollTop"
+};
+function createScrollTo(type, calculateRange, getDistance, containerRef) {
+  return (index2) => {
+    if (containerRef.value) {
+      containerRef.value[scrollToDictionaryForElementScrollKey[type]] = getDistance(index2);
+      calculateRange();
     }
-  }, { immediate: true, flush: "post" });
-  const stop = () => {
-    cleanup();
-    stopWatch();
   };
-  tryOnScopeDispose(stop);
+}
+function useHorizontalVirtualList(options, list) {
+  const resources = useVirtualListResources(list);
+  const { state, source, currentList, size, containerRef } = resources;
+  const containerStyle = { overflowX: "auto" };
+  const { itemWidth, overscan = 5 } = options;
+  const getViewCapacity = createGetViewCapacity(state, source, itemWidth);
+  const getOffset = createGetOffset(source, itemWidth);
+  const calculateRange = createCalculateRange("horizontal", overscan, getOffset, getViewCapacity, resources);
+  const getDistanceLeft = createGetDistance(itemWidth, source);
+  const offsetLeft = computed(() => getDistanceLeft(state.value.start));
+  const totalWidth = createComputedTotalSize(itemWidth, source);
+  useWatchForSizes(size, list, calculateRange);
+  const scrollTo = createScrollTo("horizontal", calculateRange, getDistanceLeft, containerRef);
+  const wrapperProps = computed(() => {
+    return {
+      style: {
+        height: "100%",
+        width: `${totalWidth.value - offsetLeft.value}px`,
+        marginLeft: `${offsetLeft.value}px`,
+        display: "flex"
+      }
+    };
+  });
   return {
-    isSupported,
-    stop
+    scrollTo,
+    calculateRange,
+    wrapperProps,
+    containerStyle,
+    currentList,
+    containerRef
   };
 }
-function useElementSize(target, initialSize = { width: 0, height: 0 }, options = {}) {
-  const { window: window2 = defaultWindow$1, box = "content-box" } = options;
-  const isSVG = computed(() => {
-    var _a2, _b;
-    return (_b = (_a2 = unrefElement$1(target)) == null ? void 0 : _a2.namespaceURI) == null ? void 0 : _b.includes("svg");
+function useVerticalVirtualList(options, list) {
+  const resources = useVirtualListResources(list);
+  const { state, source, currentList, size, containerRef } = resources;
+  const containerStyle = { overflowY: "auto" };
+  const { itemHeight, overscan = 5 } = options;
+  const getViewCapacity = createGetViewCapacity(state, source, itemHeight);
+  const getOffset = createGetOffset(source, itemHeight);
+  const calculateRange = createCalculateRange("vertical", overscan, getOffset, getViewCapacity, resources);
+  const getDistanceTop = createGetDistance(itemHeight, source);
+  const offsetTop = computed(() => getDistanceTop(state.value.start));
+  const totalHeight = createComputedTotalSize(itemHeight, source);
+  useWatchForSizes(size, list, calculateRange);
+  const scrollTo = createScrollTo("vertical", calculateRange, getDistanceTop, containerRef);
+  const wrapperProps = computed(() => {
+    return {
+      style: {
+        width: "100%",
+        height: `${totalHeight.value - offsetTop.value}px`,
+        marginTop: `${offsetTop.value}px`
+      }
+    };
   });
-  const width = ref(initialSize.width);
-  const height = ref(initialSize.height);
-  useResizeObserver(target, ([entry]) => {
-    const boxSize = box === "border-box" ? entry.borderBoxSize : box === "content-box" ? entry.contentBoxSize : entry.devicePixelContentBoxSize;
-    if (window2 && isSVG.value) {
-      const $elem = unrefElement$1(target);
-      if ($elem) {
-        const styles = window2.getComputedStyle($elem);
-        width.value = parseFloat(styles.width);
-        height.value = parseFloat(styles.height);
+  return {
+    calculateRange,
+    scrollTo,
+    containerStyle,
+    wrapperProps,
+    currentList,
+    containerRef
+  };
+}
+const getIconType = (type) => {
+  const map2 = {
+    normal: "info",
+    warning: "alert-triangle",
+    success: "check",
+    error: "alert-circle",
+    info: "bell"
+  };
+  return map2[type] || "info";
+};
+const getClass$1 = (prefix, props) => {
+  let className = "";
+  for (const [key, value] of Object.entries(props)) {
+    if (typeof value === "boolean" && value) {
+      className += ` ${prefix}-${key}`;
+    } else if (typeof value === "string") {
+      className += ` ${prefix}-${key}-${value}`;
+    }
+  }
+  return className;
+};
+const numFormat = (num) => {
+  const str = num.toString().split(".");
+  let integerPart = str[0];
+  const decimalPart = str[1] ? `.${str[1]}` : "";
+  const reg = /(\d+)(\d{3})/;
+  while (reg.test(integerPart)) {
+    integerPart = integerPart.replace(reg, "$1,$2");
+  }
+  return integerPart + decimalPart;
+};
+var LewTabs_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$u = ["onClick"];
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
+  __name: "LewTabs",
+  props: tabsProps,
+  emits: ["change", "update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const tabsValue = useVModel(props, "modelValue", emit);
+    const tabsRef = ref();
+    const itemRef = ref([]);
+    const state = reactive({
+      activeItemStyle: "",
+      curIndex: props.options.findIndex((e) => tabsValue.value === e.value),
+      hidLine: ""
+    });
+    watch(
+      () => tabsValue.value,
+      (v) => {
+        selectItem(v);
+      }
+    );
+    const init = () => {
+      let index2 = props.options.findIndex((e) => e.value === tabsValue.value);
+      if (index2 < 0)
+        index2 = 0;
+      state.activeItemStyle = `width:${itemRef.value[index2].offsetWidth}px;transform: translateX(${itemRef.value[index2].offsetLeft}px);`;
+      tabsScroll();
+    };
+    const selectItem = (value) => {
+      const index2 = props.options.findIndex((e) => value === e.value);
+      if (state.curIndex != index2) {
+        const _item = props.options[index2];
+        if (tabsValue.value != _item.value) {
+          tabsValue.value = _item.value;
+        }
+        const activeRef = itemRef.value[index2];
+        if (tabsRef.value.scrollWidth > tabsRef.value.clientWidth) {
+          tabsRef.value.scrollLeft = activeRef.offsetLeft - tabsRef.value.clientWidth / 2 + activeRef.offsetWidth / 2;
+        }
+        state.activeItemStyle = `width:${activeRef.offsetWidth}px;transform: translate(${activeRef.offsetLeft}px);`;
+        if (tabsValue.value !== props.modelValue) {
+          emit("change", {
+            label: _item.label,
+            value: _item.value,
+            activeIndex: index2
+          });
+          emit("update:modelValue", tabsValue.value);
+        }
+        state.curIndex = index2;
       }
-    } else {
-      if (boxSize) {
-        const formatBoxSize = Array.isArray(boxSize) ? boxSize : [boxSize];
-        width.value = formatBoxSize.reduce((acc, { inlineSize }) => acc + inlineSize, 0);
-        height.value = formatBoxSize.reduce((acc, { blockSize }) => acc + blockSize, 0);
+    };
+    let timer2;
+    const debounce2 = () => {
+      clearTimeout(timer2);
+      timer2 = setTimeout(() => {
+        init();
+      }, 250);
+    };
+    const getTabsWrapperClassName = computed(() => {
+      const { type, round: round2 } = props;
+      return getClass$1("lew-tabs-wrapper", {
+        type,
+        round: round2,
+        hidLine: state.hidLine
+      });
+    });
+    const getTabsClassName = computed(() => {
+      const { type, round: round2 } = props;
+      return getClass$1("lew-tabs", {
+        type,
+        round: round2
+      });
+    });
+    const tabsScroll = () => {
+      if (tabsRef.value.scrollWidth > tabsRef.value.clientWidth) {
+        if (tabsRef.value.scrollLeft > 0) {
+          if (tabsRef.value.scrollLeft >= tabsRef.value.scrollWidth - tabsRef.value.clientWidth - 10) {
+            state.hidLine = "right";
+          } else {
+            state.hidLine = "";
+          }
+        } else {
+          state.hidLine = "left";
+        }
       } else {
-        width.value = entry.contentRect.width;
-        height.value = entry.contentRect.height;
+        state.hidLine = "all";
+      }
+    };
+    onMounted(() => {
+      if (props.modelValue === "") {
+        tabsValue.value = props.options[0].value;
       }
+      init();
+      window.addEventListener("resize", debounce2, false);
+    });
+    onUnmounted(() => {
+      window.removeEventListener("resize", debounce2);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["lew-tabs-wrapper", unref(getTabsWrapperClassName)])
+      }, [
+        createElementVNode("div", {
+          style: normalizeStyle(`width:${_ctx.width}`),
+          class: normalizeClass(["lew-tabs hidden-scrollbar", unref(getTabsClassName)]),
+          ref_key: "tabsRef",
+          ref: tabsRef,
+          onScroll: tabsScroll
+        }, [
+          createElementVNode("div", {
+            style: normalizeStyle(state.activeItemStyle),
+            class: "lew-tabs-item-animation-active"
+          }, null, 4),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item) => {
+            return openBlock(), createElementBlock("div", {
+              key: String(item.value),
+              ref_for: true,
+              ref: (el) => itemRef.value.push(el),
+              class: normalizeClass(["lew-tabs-item", { "lew-tabs-item-active": unref(tabsValue) === item.value }]),
+              style: normalizeStyle(`width:${_ctx.itemWidth}px`),
+              onClick: ($event) => selectItem(item.value)
+            }, toDisplayString(item.label), 15, _hoisted_1$u);
+          }), 128))
+        ], 38)
+      ], 2);
+    };
+  }
+});
+var LewTabs = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-6111b125"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/tabs/src/LewTabs.vue"]]);
+var LewSteps_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$t = { class: "lew-breadcrumb" };
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
+  __name: "LewSteps",
+  props: {},
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$t);
+    };
+  }
+});
+var LewSteps = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-5e4b1dfe"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/steps/src/LewSteps.vue"]]);
+const breadcrumbProps = {
+  options: {
+    type: Array,
+    default() {
+      return [];
     }
-  }, options);
-  watch(() => unrefElement$1(target), (ele) => {
-    width.value = ele ? initialSize.width : 0;
-    height.value = ele ? initialSize.height : 0;
-  });
-  return {
-    width,
-    height
-  };
-}
-var __defProp$a = Object.defineProperty;
-var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
-var __hasOwnProp$b = Object.prototype.hasOwnProperty;
-var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$a = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$b.call(b, prop))
-      __defNormalProp$a(a, prop, b[prop]);
-  if (__getOwnPropSymbols$b)
-    for (var prop of __getOwnPropSymbols$b(b)) {
-      if (__propIsEnum$b.call(b, prop))
-        __defNormalProp$a(a, prop, b[prop]);
+  },
+  iconType: {
+    type: String,
+    default() {
+      return "sprit";
     }
-  return a;
+  }
 };
-async function loadImage(options) {
-  return new Promise((resolve, reject) => {
-    const img = new Image();
-    const { src, srcset, sizes } = options;
-    img.src = src;
-    if (srcset)
-      img.srcset = srcset;
-    if (sizes)
-      img.sizes = sizes;
-    img.onload = () => resolve(img);
-    img.onerror = reject;
-  });
-}
-const useImage = (options, asyncStateOptions = {}) => {
-  const state = useAsyncState(() => loadImage(resolveUnref(options)), void 0, __spreadValues$a({
-    resetOnExecute: true
-  }, asyncStateOptions));
-  watch(() => resolveUnref(options), () => state.execute(asyncStateOptions.delay), { deep: true });
-  return state;
+var LewBreadcrumb_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _withScopeId$7 = (n) => (pushScopeId("data-v-5303b0ef"), n = n(), popScopeId(), n);
+const _hoisted_1$s = { class: "lew-breadcrumb" };
+const _hoisted_2$n = ["onClick"];
+const _hoisted_3$e = {
+  key: 0,
+  class: "lew-breadcrumb-parting"
+};
+const _hoisted_4$d = {
+  key: 0,
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "butt",
+  "stroke-linejoin": "miter"
+};
+const _hoisted_5$b = /* @__PURE__ */ _withScopeId$7(() => /* @__PURE__ */ createElementVNode("path", { d: "M29.506 6.502 18.493 41.498" }, null, -1));
+const _hoisted_6$5 = [
+  _hoisted_5$b
+];
+const _hoisted_7$3 = {
+  key: 1,
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "butt",
+  "stroke-linejoin": "miter"
+};
+const _hoisted_8$3 = /* @__PURE__ */ _withScopeId$7(() => /* @__PURE__ */ createElementVNode("path", { d: "m16 39.513 15.556-15.557L16 8.4" }, null, -1));
+const _hoisted_9$2 = [
+  _hoisted_8$3
+];
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
+  __name: "LewBreadcrumb",
+  props: breadcrumbProps,
+  setup(__props) {
+    const { lewTo } = useLewTo();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$s, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, index2) => {
+          return openBlock(), createElementBlock("div", {
+            key: index2,
+            class: normalizeClass(["lew-breadcrumb-item", { "lew-breadcrumb-active": item.active }])
+          }, [
+            createElementVNode("span", {
+              class: normalizeClass({ "lew-breadcrumb-isPath": !!item.to }),
+              onClick: ($event) => unref(lewTo)(item.to)
+            }, toDisplayString(item.label), 11, _hoisted_2$n),
+            index2 != _ctx.options.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_3$e, [
+              _ctx.iconType === "sprit" ? (openBlock(), createElementBlock("svg", _hoisted_4$d, _hoisted_6$5)) : createCommentVNode("v-if", true),
+              _ctx.iconType === "shoulder" ? (openBlock(), createElementBlock("svg", _hoisted_7$3, _hoisted_9$2)) : createCommentVNode("v-if", true)
+            ])) : createCommentVNode("v-if", true)
+          ], 2);
+        }), 128))
+      ]);
+    };
+  }
+});
+var LewBreadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-5303b0ef"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/breadcrumb/src/LewBreadcrumb.vue"]]);
+const dropdownProps = {
+  options: {
+    type: Array,
+    default() {
+      return [];
+    },
+    required: true,
+    validator(value) {
+      return value.length >= 0;
+    }
+  },
+  trigger: {
+    type: String,
+    default: "hover"
+  },
+  placement: {
+    type: String,
+    default: "bottom"
+  },
+  width: {
+    type: String,
+    default: ""
+  },
+  maxHeight: {
+    type: String,
+    default: "300px"
+  },
+  align: {
+    type: String,
+    default: "left"
+  }
+};
+var LewDropdown_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$r = ["onClick"];
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
+  __name: "LewDropdown",
+  props: dropdownProps,
+  emits: ["change"],
+  setup(__props, { expose, emit }) {
+    const lewPopoverRef = ref();
+    const show = () => {
+      lewPopoverRef.value.show();
+    };
+    const hide2 = () => {
+      lewPopoverRef.value.hide();
+    };
+    const change = (item) => {
+      emit("change", item, { show, hide: hide2 });
+    };
+    expose({ show, hide: hide2 });
+    return (_ctx, _cache) => {
+      const _component_lew_popover = resolveComponent("lew-popover");
+      return openBlock(), createBlock(_component_lew_popover, {
+        ref_key: "lewPopoverRef",
+        ref: lewPopoverRef,
+        trigger: _ctx.trigger,
+        placement: _ctx.placement
+      }, {
+        trigger: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        "popover-body": withCtx(() => [
+          _ctx.options.length > 0 ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "lew-dropdown-body",
+            style: normalizeStyle(`width:${_ctx.width};max-height:${_ctx.maxHeight}`)
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, index2) => {
+              return openBlock(), createElementBlock("div", {
+                key: index2,
+                class: "lew-dropdown-option",
+                style: normalizeStyle(`text-align:${_ctx.align}`),
+                onClick: ($event) => change(item)
+              }, toDisplayString(item.label), 13, _hoisted_1$r);
+            }), 128))
+          ], 4)) : createCommentVNode("v-if", true)
+        ]),
+        _: 3
+      }, 8, ["trigger", "placement"]);
+    };
+  }
+});
+var LewDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-9869e96a"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/dropdown/src/LewDropdown.vue"]]);
+const inputProps = {
+  type: {
+    type: String,
+    default: ""
+  },
+  modelValue: {
+    type: String,
+    default: ""
+  },
+  size: {
+    type: String,
+    default: "medium"
+  },
+  focusSelect: {
+    type: Boolean,
+    default: false
+  },
+  align: {
+    type: String,
+    default: "left"
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  clearable: {
+    type: Boolean,
+    default: () => false
+  },
+  placeholder: {
+    type: String,
+    default: "\u8BF7\u8F93\u5165"
+  },
+  readonly: {
+    type: Boolean,
+    default: false
+  },
+  showPassword: {
+    type: Boolean,
+    default: false
+  },
+  resize: {
+    type: String,
+    default: "none"
+  },
+  autoWidth: {
+    type: Boolean,
+    default: false
+  },
+  maxLength: {
+    type: Number,
+    default: null
+  },
+  showCount: {
+    type: Boolean,
+    default: false
+  },
+  niceCount: {
+    type: Boolean,
+    default: false
+  }
 };
-var SwipeDirection;
-(function(SwipeDirection2) {
-  SwipeDirection2["UP"] = "UP";
-  SwipeDirection2["RIGHT"] = "RIGHT";
-  SwipeDirection2["DOWN"] = "DOWN";
-  SwipeDirection2["LEFT"] = "LEFT";
-  SwipeDirection2["NONE"] = "NONE";
-})(SwipeDirection || (SwipeDirection = {}));
-var __defProp$1 = Object.defineProperty;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$1.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b)) {
-      if (__propIsEnum$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
-    }
-  return a;
+var LewInput_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$q = ["disabled", "readonly", "placeholder"];
+const _hoisted_2$m = ["disabled", "placeholder", "type", "readonly"];
+const _hoisted_3$d = {
+  key: 2,
+  class: "input-auto-width"
 };
-const _TransitionPresets = {
-  easeInSine: [0.12, 0, 0.39, 0],
-  easeOutSine: [0.61, 1, 0.88, 1],
-  easeInOutSine: [0.37, 0, 0.63, 1],
-  easeInQuad: [0.11, 0, 0.5, 0],
-  easeOutQuad: [0.5, 1, 0.89, 1],
-  easeInOutQuad: [0.45, 0, 0.55, 1],
-  easeInCubic: [0.32, 0, 0.67, 0],
-  easeOutCubic: [0.33, 1, 0.68, 1],
-  easeInOutCubic: [0.65, 0, 0.35, 1],
-  easeInQuart: [0.5, 0, 0.75, 0],
-  easeOutQuart: [0.25, 1, 0.5, 1],
-  easeInOutQuart: [0.76, 0, 0.24, 1],
-  easeInQuint: [0.64, 0, 0.78, 0],
-  easeOutQuint: [0.22, 1, 0.36, 1],
-  easeInOutQuint: [0.83, 0, 0.17, 1],
-  easeInExpo: [0.7, 0, 0.84, 0],
-  easeOutExpo: [0.16, 1, 0.3, 1],
-  easeInOutExpo: [0.87, 0, 0.13, 1],
-  easeInCirc: [0.55, 0, 1, 0.45],
-  easeOutCirc: [0, 0.55, 0.45, 1],
-  easeInOutCirc: [0.85, 0, 0.15, 1],
-  easeInBack: [0.36, 0, 0.66, -0.56],
-  easeOutBack: [0.34, 1.56, 0.64, 1],
-  easeInOutBack: [0.68, -0.6, 0.32, 1.6]
+const _hoisted_4$c = {
+  key: 0,
+  class: "lew-input-show-count"
 };
-__spreadValues$1({
-  linear: identity
-}, _TransitionPresets);
-function useVModel(props, key, emit, options = {}) {
-  var _a2, _b, _c;
-  const {
-    clone: clone2 = false,
-    passive: passive2 = false,
-    eventName,
-    deep = false,
-    defaultValue
-  } = options;
-  const vm = getCurrentInstance();
-  const _emit = emit || (vm == null ? void 0 : vm.emit) || ((_a2 = vm == null ? void 0 : vm.$emit) == null ? void 0 : _a2.bind(vm)) || ((_c = (_b = vm == null ? void 0 : vm.proxy) == null ? void 0 : _b.$emit) == null ? void 0 : _c.bind(vm == null ? void 0 : vm.proxy));
-  let event = eventName;
-  if (!key) {
-    {
-      key = "modelValue";
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
+  __name: "LewInput",
+  props: inputProps,
+  emits: [
+    "update:modelValue",
+    "clear",
+    "blur",
+    "focus",
+    "change",
+    "input"
+  ],
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const v = ref(props.modelValue);
+    const lewInputRef = ref();
+    const lewTextareaRef = ref();
+    watch(
+      () => props.modelValue,
+      () => {
+        v.value = props.modelValue;
+      }
+    );
+    const input = () => {
+      if (props.maxLength) {
+        for (let i = 0; i <= v.value.length - 1; i++) {
+          if (getTextLength(v.value.slice(0, i)) >= props.maxLength) {
+            v.value = v.value.slice(0, i);
+          }
+        }
+      }
+      emit("update:modelValue", v.value);
+      emit("input", v.value);
+    };
+    const clear2 = () => {
+      emit("clear", v.value);
+      v.value = "";
+      emit("update:modelValue", v.value);
+    };
+    const focusFn = () => {
+      var _a2, _b;
+      if (props.type === "textarea") {
+        (_a2 = lewTextareaRef.value) == null ? void 0 : _a2.focus();
+      } else {
+        (_b = lewInputRef.value) == null ? void 0 : _b.focus();
+      }
+    };
+    const _type = ref(props.type);
+    const showPasswordFn = () => {
+      _type.value === "text" ? _type.value = "password" : _type.value = "text";
+    };
+    const getCheckNumStr = computed(() => {
+      if (props.showCount && props.maxLength) {
+        return `${getTextLength(v.value)} / ${props.maxLength}`;
+      }
+      if (props.showCount) {
+        return getTextLength(v.value);
+      }
+      return false;
+    });
+    const getTextLength = (val) => {
+      if (!props.niceCount) {
+        return val.length;
+      }
+      let len = 0;
+      for (let i = 0; i <= val.length - 1; i++) {
+        const length = val.charCodeAt(i);
+        if (length >= 0 && length <= 128) {
+          len += 0.5;
+        } else {
+          len += 1;
+        }
+      }
+      return Math.trunc(len);
+    };
+    const getEl = () => {
+      if (props.type === "textarea") {
+        return lewTextareaRef.value;
+      }
+      return lewInputRef.value;
+    };
+    const focus = (e) => {
+      var _a2;
+      if (props.focusSelect) {
+        (_a2 = e == null ? void 0 : e.currentTarget) == null ? void 0 : _a2.select();
+      }
+      emit("focus");
+    };
+    expose({ getEl, focusFn, lewInputRef });
+    return (_ctx, _cache) => {
+      const _component_lew_icon = resolveComponent("lew-icon");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["lew-input-view", `
+    lew-input-view-${_ctx.size} 
+    ${_type.value === "textarea" ? "lew-input-view-textarea" : ""}
+    ${_ctx.readonly ? "lew-input-view-readonly" : ""} 
+    ${_ctx.disabled ? "lew-input-view-disabled" : ""}
+    ${_ctx.align ? "lew-input-view-align-" + _ctx.align : ""}
+    ${_ctx.autoWidth ? "lew-input-view-auto-width" : ""}
+    `])
+      }, [
+        _type.value === "textarea" ? withDirectives((openBlock(), createElementBlock("textarea", {
+          key: 0,
+          ref_key: "lewTextareaRef",
+          ref: lewTextareaRef,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => v.value = $event),
+          class: normalizeClass(["btf-scrollbar", `lew-textarea-resize-${_ctx.resize}`]),
+          rows: "3",
+          cols: "3",
+          disabled: _ctx.disabled,
+          readonly: _ctx.readonly,
+          placeholder: _ctx.placeholder,
+          onInput: input,
+          onChange: _cache[1] || (_cache[1] = ($event) => emit("change", v.value)),
+          onBlur: _cache[2] || (_cache[2] = ($event) => emit("blur", v.value)),
+          onFocus: focus
+        }, null, 42, _hoisted_1$q)), [
+          [vModelText, v.value]
+        ]) : withDirectives((openBlock(), createElementBlock("input", {
+          key: 1,
+          ref_key: "lewInputRef",
+          ref: lewInputRef,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => v.value = $event),
+          disabled: _ctx.disabled,
+          placeholder: _ctx.placeholder,
+          type: _type.value,
+          readonly: _ctx.readonly,
+          onkeypress: "if(window.event.keyCode==13) this.blur()",
+          onInput: input,
+          onChange: _cache[4] || (_cache[4] = ($event) => emit("change", v.value)),
+          onBlur: _cache[5] || (_cache[5] = ($event) => emit("blur", v.value)),
+          onFocus: focus
+        }, null, 40, _hoisted_2$m)), [
+          [vModelDynamic, v.value]
+        ]),
+        _ctx.autoWidth ? (openBlock(), createElementBlock("label", _hoisted_3$d, toDisplayString(v.value), 1)) : createCommentVNode("v-if", true),
+        _ctx.showPassword || _ctx.clearable || _ctx.showCount ? (openBlock(), createElementBlock("div", {
+          key: 3,
+          class: normalizeClass(["lew-input-controls", {
+            "lew-input-controls-show": v.value && _ctx.showPassword || v.value && _ctx.clearable || _ctx.showCount && !_ctx.clearable && !_ctx.showPassword,
+            "lew-input-controls-count": _ctx.showCount && _ctx.clearable && _ctx.maxLength && !v.value,
+            "lew-input-controls-count-show": _ctx.showCount && _ctx.clearable && _ctx.maxLength && v.value
+          }])
+        }, [
+          unref(getCheckNumStr) ? (openBlock(), createElementBlock("div", _hoisted_4$c, toDisplayString(unref(getCheckNumStr)), 1)) : createCommentVNode("v-if", true),
+          _ctx.showPassword ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: "lew-input-show-password",
+            onMousedown: _cache[6] || (_cache[6] = withModifiers(() => {
+            }, ["prevent"])),
+            onClick: showPasswordFn
+          }, [
+            withDirectives(createVNode(_component_lew_icon, {
+              size: 16,
+              type: "eye"
+            }, null, 512), [
+              [vShow, _type.value === "text"]
+            ]),
+            withDirectives(createVNode(_component_lew_icon, {
+              size: 16,
+              type: "eye-off"
+            }, null, 512), [
+              [vShow, _type.value === "password"]
+            ])
+          ], 32)) : createCommentVNode("v-if", true),
+          _ctx.clearable ? (openBlock(), createElementBlock("div", {
+            key: 2,
+            class: "lew-input-clear",
+            onMousedown: _cache[7] || (_cache[7] = withModifiers(() => {
+            }, ["prevent"])),
+            onClick: clear2
+          }, [
+            createVNode(_component_lew_icon, {
+              size: 16,
+              type: "x-circle"
+            })
+          ], 32)) : createCommentVNode("v-if", true)
+        ], 2)) : createCommentVNode("v-if", true)
+      ], 2);
+    };
+  }
+});
+var LewInput = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-156ce1e1"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/input/src/LewInput.vue"]]);
+const _props$5 = {
+  type: {
+    type: String,
+    default: ""
+  },
+  modelValue: {
+    type: String,
+    default: ""
+  },
+  autoWidth: {
+    type: Boolean,
+    default: false
+  },
+  options: {
+    type: Array,
+    default() {
+      return [];
     }
+  },
+  align: {
+    type: String,
+    default: "left"
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  clearable: {
+    type: Boolean,
+    default: false
+  },
+  placeholder: {
+    type: String,
+    default: "\u8BF7\u8F93\u5165"
+  },
+  readonly: {
+    type: Boolean,
+    default: false
+  },
+  showPassword: {
+    type: Boolean,
+    default: false
+  },
+  maxLength: {
+    type: Number,
+    default: null
+  },
+  showCount: {
+    type: Boolean,
+    default: false
+  },
+  niceCount: {
+    type: Boolean,
+    default: false
+  },
+  size: {
+    type: String,
+    default: "medium"
+  },
+  popoverWidth: {
+    type: String,
+    default: "auto"
+  },
+  trigger: {
+    type: String,
+    default: "click"
+  },
+  placement: {
+    type: String,
+    default: "bottom-start"
   }
-  event = eventName || event || `update:${key.toString()}`;
-  const cloneFn = (val) => !clone2 ? val : isFunction$1(clone2) ? clone2(val) : cloneFnJSON(val);
-  const getValue = () => isDef(props[key]) ? cloneFn(props[key]) : defaultValue;
-  if (passive2) {
-    const initialValue = getValue();
-    const proxy = ref(initialValue);
-    watch(() => props[key], (v) => proxy.value = cloneFn(v));
-    watch(proxy, (v) => {
-      if (v !== props[key] || deep)
-        _emit(event, v);
-    }, { deep });
-    return proxy;
-  } else {
-    return computed({
-      get() {
-        return getValue();
-      },
-      set(value) {
-        _emit(event, value);
+};
+var LewInputPro_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$p = { class: "lew-input-pro" };
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
+  __name: "LewInputPro",
+  props: _props$5,
+  emits: [
+    "update:modelValue",
+    "clear",
+    "blur",
+    "focus",
+    "change",
+    "input"
+  ],
+  setup(__props, { emit }) {
+    const props = __props;
+    const v = ref(props.modelValue);
+    watch(
+      () => props.modelValue,
+      () => {
+        v.value = props.modelValue;
       }
-    });
-  }
-}
-function useVModels(props, emit, options = {}) {
-  const ret = {};
-  for (const key in props)
-    ret[key] = useVModel(props, key, emit, options);
-  return ret;
-}
-function useVirtualList(list, options) {
-  const { containerStyle, wrapperProps, scrollTo, calculateRange, currentList, containerRef } = "itemHeight" in options ? useVerticalVirtualList(options, list) : useHorizontalVirtualList(options, list);
-  return {
-    list: currentList,
-    scrollTo,
-    containerProps: {
-      ref: containerRef,
-      onScroll: () => {
-        calculateRange();
-      },
-      style: containerStyle
-    },
-    wrapperProps
-  };
-}
-function useVirtualListResources(list) {
-  const containerRef = ref(null);
-  const size = useElementSize(containerRef);
-  const currentList = ref([]);
-  const source = shallowRef(list);
-  const state = ref({ start: 0, end: 10 });
-  return { state, source, currentList, size, containerRef };
-}
-function createGetViewCapacity(state, source, itemSize) {
-  return (containerSize) => {
-    if (typeof itemSize === "number")
-      return Math.ceil(containerSize / itemSize);
-    const { start: start2 = 0 } = state.value;
-    let sum = 0;
-    let capacity = 0;
-    for (let i = start2; i < source.value.length; i++) {
-      const size = itemSize(i);
-      sum += size;
-      capacity = i;
-      if (sum > containerSize)
-        break;
+    );
+    const lewDropdownRef = ref();
+    const input = (value) => {
+      emit("update:modelValue", value);
+      emit("input", value);
+    };
+    const clear2 = () => {
+      emit("clear", v.value);
+      v.value = "";
+      emit("update:modelValue", v.value);
+    };
+    const selectFn = (e) => {
+      v.value = e.value;
+      emit("update:modelValue", v.value);
+      emit("input", v.value);
+      emit("change", v.value);
+      hide2();
+    };
+    const open = () => {
+      if (props.options.length === 0)
+        return;
+      lewDropdownRef.value.show();
+    };
+    const hide2 = () => {
+      lewDropdownRef.value.hide();
+    };
+    const width = ref(0);
+    const focus = (e) => {
+      var _a2;
+      width.value = lewDropdownRef.value.$el.clientWidth - 14;
+      open();
+      (_a2 = e == null ? void 0 : e.currentTarget) == null ? void 0 : _a2.select();
+      emit("focus", v);
+    };
+    return (_ctx, _cache) => {
+      const _component_lew_input = resolveComponent("lew-input");
+      const _component_lew_dropdown = resolveComponent("lew-dropdown");
+      return openBlock(), createElementBlock("div", _hoisted_1$p, [
+        renderSlot(_ctx.$slots, "left", {}, void 0, true),
+        createVNode(_component_lew_dropdown, {
+          ref_key: "lewDropdownRef",
+          ref: lewDropdownRef,
+          style: { "width": "100%" },
+          trigger: _ctx.trigger,
+          placement: _ctx.placement,
+          align: _ctx.align,
+          width: `${width.value}px`,
+          options: _ctx.options,
+          onChange: selectFn
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_lew_input, {
+              modelValue: v.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => v.value = $event),
+              type: _ctx.type,
+              "auto-width": _ctx.autoWidth,
+              size: _ctx.size,
+              align: _ctx.align,
+              placeholder: _ctx.placeholder,
+              clearable: _ctx.clearable,
+              onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+              }, ["stop"])),
+              onInput: input,
+              onChange: _cache[2] || (_cache[2] = ($event) => emit("change", v.value)),
+              onBlur: _cache[3] || (_cache[3] = ($event) => emit("blur", v.value)),
+              onFocus: focus,
+              onClear: clear2
+            }, null, 8, ["modelValue", "type", "auto-width", "size", "align", "placeholder", "clearable"])
+          ]),
+          _: 1
+        }, 8, ["trigger", "placement", "align", "width", "options"]),
+        renderSlot(_ctx.$slots, "right", {}, void 0, true)
+      ]);
+    };
+  }
+});
+var LewInputPro = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-1e1e8f9c"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/input-pro/src/LewInputPro.vue"]]);
+const inputTagProps = {
+  modelValue: {
+    type: Array,
+    default: () => {
+      return [];
     }
-    return capacity - start2;
-  };
-}
-function createGetOffset(source, itemSize) {
-  return (scrollDirection) => {
-    if (typeof itemSize === "number")
-      return Math.floor(scrollDirection / itemSize) + 1;
-    let sum = 0;
-    let offset2 = 0;
-    for (let i = 0; i < source.value.length; i++) {
-      const size = itemSize(i);
-      sum += size;
-      if (sum >= scrollDirection) {
-        offset2 = i;
-        break;
+  },
+  type: {
+    type: String,
+    default: "normal"
+  }
+};
+var LewInputTag_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _withScopeId$6 = (n) => (pushScopeId("data-v-ad3c9b14"), n = n(), popScopeId(), n);
+const _hoisted_1$o = { class: "lew-input-tag-view" };
+const _hoisted_2$l = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ createElementVNode("div", { style: { "margin-left": "-10px", "height": "26px" } }, null, -1));
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
+  __name: "LewInputTag",
+  props: inputTagProps,
+  setup(__props) {
+    const props = __props;
+    const inputValue = ref();
+    const tagsValue = ref(props.modelValue);
+    const isInput = ref(false);
+    const lewInputRef = ref();
+    let isEnter = false;
+    let delDownTimer;
+    let delDownCheck = 0;
+    watch(
+      () => props.modelValue,
+      () => {
+        tagsValue.value = props.modelValue;
       }
-    }
-    return offset2 + 1;
-  };
-}
-function createCalculateRange(type, overscan, getOffset, getViewCapacity, { containerRef, state, currentList, source }) {
-  return () => {
-    const element = containerRef.value;
-    if (element) {
-      const offset2 = getOffset(type === "vertical" ? element.scrollTop : element.scrollLeft);
-      const viewCapacity = getViewCapacity(type === "vertical" ? element.clientHeight : element.clientWidth);
-      const from2 = offset2 - overscan;
-      const to2 = offset2 + viewCapacity + overscan;
-      state.value = {
-        start: from2 < 0 ? 0 : from2,
-        end: to2 > source.value.length ? source.value.length : to2
+    );
+    const openInput = () => {
+      isInput.value = true;
+      nextTick(() => {
+        lewInputRef.value.focusFn();
+      });
+      document.onkeydown = function(event) {
+        if (inputValue.value === "") {
+          if (event.keyCode === 8 || event.keyCode === 46) {
+            clearTimeout(delDownTimer);
+            delDownTimer = setTimeout(() => {
+              delDownCheck = 0;
+            }, 500);
+            delDownCheck += 1;
+            if (delDownCheck >= 2) {
+              tagsValue.value.splice(tagsValue.value.length - 1, 1);
+              delDownCheck = 0;
+            }
+          }
+        } else if (event.keyCode === 13) {
+          isEnter = true;
+        }
       };
-      currentList.value = source.value.slice(state.value.start, state.value.end).map((ele, index2) => ({
-        data: ele,
-        index: index2 + state.value.start
-      }));
-    }
-  };
-}
-function createGetDistance(itemSize, source) {
-  return (index2) => {
-    if (typeof itemSize === "number") {
-      const size2 = index2 * itemSize;
-      return size2;
-    }
-    const size = source.value.slice(0, index2).reduce((sum, _, i) => sum + itemSize(i), 0);
-    return size;
-  };
-}
-function useWatchForSizes(size, list, calculateRange) {
-  watch([size.width, size.height, list], () => {
-    calculateRange();
-  });
-}
-function createComputedTotalSize(itemSize, source) {
-  return computed(() => {
-    if (typeof itemSize === "number")
-      return source.value.length * itemSize;
-    return source.value.reduce((sum, _, index2) => sum + itemSize(index2), 0);
-  });
-}
-const scrollToDictionaryForElementScrollKey = {
-  horizontal: "scrollLeft",
-  vertical: "scrollTop"
-};
-function createScrollTo(type, calculateRange, getDistance, containerRef) {
-  return (index2) => {
-    if (containerRef.value) {
-      containerRef.value[scrollToDictionaryForElementScrollKey[type]] = getDistance(index2);
-      calculateRange();
-    }
-  };
-}
-function useHorizontalVirtualList(options, list) {
-  const resources = useVirtualListResources(list);
-  const { state, source, currentList, size, containerRef } = resources;
-  const containerStyle = { overflowX: "auto" };
-  const { itemWidth, overscan = 5 } = options;
-  const getViewCapacity = createGetViewCapacity(state, source, itemWidth);
-  const getOffset = createGetOffset(source, itemWidth);
-  const calculateRange = createCalculateRange("horizontal", overscan, getOffset, getViewCapacity, resources);
-  const getDistanceLeft = createGetDistance(itemWidth, source);
-  const offsetLeft = computed(() => getDistanceLeft(state.value.start));
-  const totalWidth = createComputedTotalSize(itemWidth, source);
-  useWatchForSizes(size, list, calculateRange);
-  const scrollTo = createScrollTo("horizontal", calculateRange, getDistanceLeft, containerRef);
-  const wrapperProps = computed(() => {
-    return {
-      style: {
-        height: "100%",
-        width: `${totalWidth.value - offsetLeft.value}px`,
-        marginLeft: `${offsetLeft.value}px`,
-        display: "flex"
+    };
+    const blurFn = (e) => {
+      isInput.value = false;
+      document.onkeydown = null;
+      addTag();
+      if (isEnter) {
+        openInput();
       }
+      isEnter = false;
     };
-  });
-  return {
-    scrollTo,
-    calculateRange,
-    wrapperProps,
-    containerStyle,
-    currentList,
-    containerRef
-  };
-}
-function useVerticalVirtualList(options, list) {
-  const resources = useVirtualListResources(list);
-  const { state, source, currentList, size, containerRef } = resources;
-  const containerStyle = { overflowY: "auto" };
-  const { itemHeight, overscan = 5 } = options;
-  const getViewCapacity = createGetViewCapacity(state, source, itemHeight);
-  const getOffset = createGetOffset(source, itemHeight);
-  const calculateRange = createCalculateRange("vertical", overscan, getOffset, getViewCapacity, resources);
-  const getDistanceTop = createGetDistance(itemHeight, source);
-  const offsetTop = computed(() => getDistanceTop(state.value.start));
-  const totalHeight = createComputedTotalSize(itemHeight, source);
-  useWatchForSizes(size, list, calculateRange);
-  const scrollTo = createScrollTo("vertical", calculateRange, getDistanceTop, containerRef);
-  const wrapperProps = computed(() => {
-    return {
-      style: {
-        width: "100%",
-        height: `${totalHeight.value - offsetTop.value}px`,
-        marginTop: `${offsetTop.value}px`
+    const addTag = () => {
+      if (inputValue.value) {
+        tagsValue.value.push(inputValue.value);
       }
+      inputValue.value = "";
+    };
+    const delTag = (index2) => {
+      tagsValue.value.splice(index2, 1);
+    };
+    return (_ctx, _cache) => {
+      const _component_lew_tag = resolveComponent("lew-tag");
+      const _component_lew_icon = resolveComponent("lew-icon");
+      const _component_lew_input = resolveComponent("lew-input");
+      return openBlock(), createElementBlock("div", _hoisted_1$o, [
+        _hoisted_2$l,
+        (openBlock(true), createElementBlock(Fragment, null, renderList(tagsValue.value, (item, index2) => {
+          return openBlock(), createBlock(_component_lew_tag, {
+            key: index2,
+            closable: "",
+            type: _ctx.type,
+            onClose: ($event) => delTag(index2)
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(item), 1)
+            ]),
+            _: 2
+          }, 1032, ["type", "onClose"]);
+        }), 128)),
+        withDirectives(createElementVNode("label", {
+          class: "lew-input-tag-button",
+          onClick: openInput
+        }, [
+          createVNode(_component_lew_icon, {
+            size: 16,
+            type: "plus"
+          })
+        ], 512), [
+          [vShow, !isInput.value]
+        ]),
+        withDirectives(createVNode(_component_lew_input, {
+          ref_key: "lewInputRef",
+          ref: lewInputRef,
+          modelValue: inputValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+          class: "lew-input-tag",
+          size: "small",
+          "auto-width": "",
+          placeholder: "",
+          onBlur: blurFn,
+          onFocus: addTag
+        }, null, 8, ["modelValue"]), [
+          [vShow, isInput.value]
+        ])
+      ]);
     };
-  });
-  return {
-    calculateRange,
-    scrollTo,
-    containerStyle,
-    wrapperProps,
-    currentList,
-    containerRef
-  };
-}
-const getIconType = (type) => {
-  const map2 = {
-    normal: "info",
-    warning: "alert-triangle",
-    success: "check",
-    error: "alert-circle",
-    info: "bell"
-  };
-  return map2[type] || "info";
-};
-const getClass$1 = (prefix, props) => {
-  let className = "";
-  for (const [key, value] of Object.entries(props)) {
-    if (typeof value === "boolean" && value) {
-      className += ` ${prefix}-${key}`;
-    } else if (typeof value === "string") {
-      className += ` ${prefix}-${key}-${value}`;
-    }
   }
-  return className;
-};
-const numFormat = (num) => {
-  const str = num.toString().split(".");
-  let integerPart = str[0];
-  const decimalPart = str[1] ? `.${str[1]}` : "";
-  const reg = /(\d+)(\d{3})/;
-  while (reg.test(integerPart)) {
-    integerPart = integerPart.replace(reg, "$1,$2");
+});
+var LewInputTag = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-ad3c9b14"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/input-tag/src/LewInputTag.vue"]]);
+const formProps = {
+  width: {
+    type: String,
+    default: ""
+  },
+  labelWidth: {
+    type: String,
+    default: "auto"
+  },
+  labelAlign: {
+    type: String,
+    default: "end"
+  },
+  direction: {
+    type: String,
+    default: "x"
   }
-  return integerPart + decimalPart;
 };
+var LewForm_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
+  __name: "LewForm",
+  props: formProps,
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "lew-form",
+        style: normalizeStyle(`width:${_ctx.width}`)
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 4);
+    };
+  }
+});
+var LewForm = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-a827f69e"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/form/src/LewForm.vue"]]);
+var LewFormItem_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$n = { class: "lew-form-item-view" };
+const _hoisted_2$k = { class: "lew-form-item-tips" };
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
+  __name: "LewFormItem",
+  props: {
+    label: {
+      type: String,
+      default: "\u6807\u9898"
+    },
+    labelWidth: {
+      type: String,
+      default: ""
+    },
+    labelAlign: {
+      type: String,
+      default: ""
+    },
+    direction: {
+      type: String,
+      default: ""
+    },
+    labelSize: {
+      type: String,
+      default: "medium"
+    }
+  },
+  setup(__props) {
+    var _a2, _b;
+    const props = __props;
+    const parentProps = (_b = (_a2 = getCurrentInstance()) == null ? void 0 : _a2.parent) == null ? void 0 : _b.props;
+    const { labelWidth, direction, labelAlign } = parentProps;
+    const _labelWidth = ref(props.labelWidth || labelWidth || "auto");
+    const _direction = ref(props.direction || direction || "x");
+    const _labelAlign = ref(props.labelAlign || labelAlign || "end");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["lew-form-item", `lew-form-item-${_direction.value} lew-form-item-${_labelAlign.value}`])
+      }, [
+        createElementVNode("div", {
+          class: "lew-form-item-label",
+          style: normalizeStyle(`width: ${_labelWidth.value};height:${__props.labelSize}px;`)
+        }, toDisplayString(props.label), 5),
+        createElementVNode("div", _hoisted_1$n, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true),
+          withDirectives(createElementVNode("div", _hoisted_2$k, "\u8F93\u5165\u683C\u5F0F\u9519\u8BEF", 512), [
+            [vShow, false]
+          ])
+        ])
+      ], 2);
+    };
+  }
+});
+var LewFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-ef952438"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/form/src/LewFormItem.vue"]]);
 const checkboxProps = {
   modelValue: {
     type: Boolean,
@@ -3473,7 +3509,7 @@ const checkboxGroupProps = {
 };
 var LewCheckbox_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$5 = (n) => (pushScopeId("data-v-5594c4af"), n = n(), popScopeId(), n);
-const _hoisted_1$l = {
+const _hoisted_1$m = {
   key: 0,
   class: "icon-checkbox-box"
 };
@@ -3498,7 +3534,7 @@ const _hoisted_5$a = {
   key: 1,
   class: "lew-checkbox-label"
 };
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "LewCheckbox",
   props: checkboxProps,
   emits: ["change", "update:modelValue"],
@@ -3530,7 +3566,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("label", {
         class: normalizeClass(["lew-checkbox", unref(getCheckboxClassName)])
       }, [
-        _ctx.iconable ? (openBlock(), createElementBlock("div", _hoisted_1$l, _hoisted_3$c)) : createCommentVNode("v-if", true),
+        _ctx.iconable ? (openBlock(), createElementBlock("div", _hoisted_1$m, _hoisted_3$c)) : createCommentVNode("v-if", true),
         withDirectives(createElementVNode("input", {
           type: "checkbox",
           checked: unref(modelValue),
@@ -3543,9 +3579,9 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-5594c4af"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/checkbox/src/LewCheckbox.vue"]]);
+var LewCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-5594c4af"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/checkbox/src/LewCheckbox.vue"]]);
 var LewCheckboxGroup_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "LewCheckboxGroup",
   props: checkboxGroupProps,
   emits: ["change", "update:modelValue"],
@@ -3608,7 +3644,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-66b915c0"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/checkbox/src/LewCheckboxGroup.vue"]]);
+var LewCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-66b915c0"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/checkbox/src/LewCheckboxGroup.vue"]]);
 const radioProps = {
   checked: {
     type: Boolean,
@@ -3695,7 +3731,7 @@ const radioGroupProps = {
 };
 var LewRadio_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$4 = (n) => (pushScopeId("data-v-365d2981"), n = n(), popScopeId(), n);
-const _hoisted_1$k = {
+const _hoisted_1$l = {
   key: 0,
   class: "icon-radio-box"
 };
@@ -3708,7 +3744,7 @@ const _hoisted_5$9 = {
   key: 1,
   class: "lew-radio-label"
 };
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "LewRadio",
   props: radioProps,
   emits: ["update:checked"],
@@ -3732,7 +3768,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("label", {
         class: normalizeClass(["lew-radio", unref(getRadioClassName)])
       }, [
-        _ctx.iconable ? (openBlock(), createElementBlock("div", _hoisted_1$k, _hoisted_3$b)) : createCommentVNode("v-if", true),
+        _ctx.iconable ? (openBlock(), createElementBlock("div", _hoisted_1$l, _hoisted_3$b)) : createCommentVNode("v-if", true),
         withDirectives(createElementVNode("input", {
           type: "radio",
           checked: _ctx.checked,
@@ -3745,9 +3781,9 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewRadio = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-365d2981"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/radio/src/LewRadio.vue"]]);
+var LewRadio = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-365d2981"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/radio/src/LewRadio.vue"]]);
 var LewRadioGroup_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "LewRadioGroup",
   props: radioGroupProps,
   emits: ["change", "update:modelValue"],
@@ -3787,7 +3823,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-642e37a4"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/radio/src/LewRadioGroup.vue"]]);
+var LewRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-642e37a4"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/radio/src/LewRadioGroup.vue"]]);
 function unrefElement(elRef) {
   var _a2;
   const plain = resolveUnref(elRef);
@@ -4037,7 +4073,7 @@ const selectProps = {
 var LewSelect_vue_vue_type_style_index_0_scoped_true_lang = "";
 var LewSelect_vue_vue_type_style_index_1_lang = "";
 const _withScopeId$3 = (n) => (pushScopeId("data-v-326752a1"), n = n(), popScopeId(), n);
-const _hoisted_1$j = {
+const _hoisted_1$k = {
   key: 0,
   class: "search-input"
 };
@@ -4049,7 +4085,7 @@ const _hoisted_4$9 = {
 };
 const _hoisted_5$8 = ["onClick"];
 const _hoisted_6$4 = { class: "lew-select-label" };
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "LewSelect",
   props: selectProps,
   emits: ["update:modelValue", "change"],
@@ -4192,13 +4228,13 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             class: normalizeClass(["lew-select", unref(getSelectClassName)])
           }, [
             createVNode(_component_lew_icon, {
-              size: "16px",
+              size: 16,
               type: "chevron-down",
               class: normalizeClass(["icon-select", { "icon-select-hide": _ctx.clearable && unref(getLabel) }])
             }, null, 8, ["class"]),
             _ctx.clearable ? (openBlock(), createBlock(_component_lew_icon, {
               key: 0,
-              size: "16px",
+              size: 16,
               type: "x-circle",
               class: normalizeClass(["icon-clear", { "icon-clear-show": _ctx.clearable && unref(getLabel) }]),
               onClick: withModifiers(clearHandle, ["stop"])
@@ -4220,7 +4256,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             style: normalizeStyle(`width:${state.selectWidth}px`)
           }, [
             renderSlot(_ctx.$slots, "header", {}, void 0, true),
-            _ctx.searchable ? (openBlock(), createElementBlock("div", _hoisted_1$j, [
+            _ctx.searchable ? (openBlock(), createElementBlock("div", _hoisted_1$k, [
               withDirectives(createElementVNode("input", {
                 ref_key: "searchInputRef",
                 ref: searchInputRef,
@@ -4297,7 +4333,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewSelect = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-326752a1"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/select/src/LewSelect.vue"]]);
+var LewSelect = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-326752a1"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/select/src/LewSelect.vue"]]);
 const selectMultipleProps = {
   modelValue: {
     type: Array,
@@ -4381,7 +4417,7 @@ const selectMultipleProps = {
 var LewSelectMultiple_vue_vue_type_style_index_0_scoped_true_lang = "";
 var LewSelectMultiple_vue_vue_type_style_index_1_lang = "";
 const _withScopeId$2 = (n) => (pushScopeId("data-v-2ee3af9c"), n = n(), popScopeId(), n);
-const _hoisted_1$i = {
+const _hoisted_1$j = {
   key: 0,
   class: "search-input"
 };
@@ -4393,7 +4429,7 @@ const _hoisted_4$8 = {
 };
 const _hoisted_5$7 = ["onClick"];
 const _hoisted_6$3 = { class: "lew-select-label" };
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "LewSelectMultiple",
   props: selectMultipleProps,
   emits: ["update:modelValue", "change"],
@@ -4551,7 +4587,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             class: normalizeClass(["lew-select", unref(getSelectClassName)])
           }, [
             createVNode(_component_lew_icon, {
-              size: "16px",
+              size: 16,
               type: "chevron-down",
               class: normalizeClass(["icon-select", {
                 "icon-select-hide": _ctx.clearable && unref(getLabels) && unref(getLabels).length > 0
@@ -4559,7 +4595,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             }, null, 8, ["class"]),
             _ctx.clearable ? (openBlock(), createBlock(_component_lew_icon, {
               key: 0,
-              size: "16px",
+              size: 16,
               type: "x-circle",
               class: normalizeClass(["icon-clear", {
                 "icon-clear-show": _ctx.clearable && unref(getLabels) && unref(getLabels).length > 0
@@ -4604,7 +4640,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             style: normalizeStyle(`width:${state.selectWidth}px`)
           }, [
             renderSlot(_ctx.$slots, "header", {}, void 0, true),
-            _ctx.searchable ? (openBlock(), createElementBlock("div", _hoisted_1$i, [
+            _ctx.searchable ? (openBlock(), createElementBlock("div", _hoisted_1$j, [
               withDirectives(createElementVNode("input", {
                 ref_key: "searchInputRef",
                 ref: searchInputRef,
@@ -4681,8 +4717,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewSelectMultiple = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-2ee3af9c"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/select-multiple/src/LewSelectMultiple.vue"]]);
-const _props$5 = {
+var LewSelectMultiple = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-2ee3af9c"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/select-multiple/src/LewSelectMultiple.vue"]]);
+const _props$4 = {
   modelValue: {
     type: Boolean,
     default: () => {
@@ -4707,11 +4743,11 @@ const _props$5 = {
 };
 var LewSwitch_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$1 = (n) => (pushScopeId("data-v-3d4d5d11"), n = n(), popScopeId(), n);
-const _hoisted_1$h = ["disabled"];
+const _hoisted_1$i = ["disabled"];
 const _hoisted_2$f = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "lew-switch-dot" }, null, -1));
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "LewSwitch",
-  props: _props$5,
+  props: _props$4,
   emits: ["update:modelValue", "click", "change"],
   setup(__props, { emit }) {
     const props = __props;
@@ -4758,7 +4794,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => v.value = $event),
           type: "checkbox",
           disabled: _ctx.disabled
-        }, null, 8, _hoisted_1$h), [
+        }, null, 8, _hoisted_1$i), [
           [vShow, false],
           [vModelCheckbox, v.value]
         ]),
@@ -4767,7 +4803,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-3d4d5d11"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/switch/src/LewSwitch.vue"]]);
+var LewSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-3d4d5d11"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/switch/src/LewSwitch.vue"]]);
 //! moment.js
 //! version : 2.29.4
 //! authors : Tim Wood, Iskren Chernev, Moment.js contributors
@@ -8771,7 +8807,7 @@ const dateProps = {
   }
 };
 var LewDate_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$g = { class: "lew-date" };
+const _hoisted_1$h = { class: "lew-date" };
 const _hoisted_2$e = { class: "lew-date-control-left" };
 const _hoisted_3$8 = { class: "cur-date" };
 const _hoisted_4$7 = { class: "lew-date-control-right" };
@@ -8784,7 +8820,7 @@ const _hoisted_9$1 = {
   class: "lew-date-item-cur"
 };
 const _hoisted_10$1 = { class: "lew-date-value" };
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "LewDate",
   props: dateProps,
   emits: ["change", "update:modelValue"],
@@ -8856,7 +8892,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_lew_button = resolveComponent("lew-button");
       const _component_lew_flex = resolveComponent("lew-flex");
-      return openBlock(), createElementBlock("div", _hoisted_1$g, [
+      return openBlock(), createElementBlock("div", _hoisted_1$h, [
         createVNode(_component_lew_flex, {
           x: "start",
           mode: "between",
@@ -8927,9 +8963,9 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewDate = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-29f4866a"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/date-picker/src/LewDate.vue"]]);
+var LewDate = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-29f4866a"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/date-picker/src/LewDate.vue"]]);
 var LewDateRange_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$f = { class: "lew-date-range" };
+const _hoisted_1$g = { class: "lew-date-range" };
 const _hoisted_2$d = { class: "lew-date" };
 const _hoisted_3$7 = { class: "lew-date-control-left" };
 const _hoisted_4$6 = { class: "cur-date" };
@@ -8952,7 +8988,7 @@ const _hoisted_17 = {
   key: 0,
   class: "lew-date-item-cur"
 };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "LewDateRange",
   props: dateRangeProps,
   emits: ["change", "update:modelValue"],
@@ -9226,7 +9262,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_lew_button = resolveComponent("lew-button");
       const _component_lew_flex = resolveComponent("lew-flex");
-      return openBlock(), createElementBlock("div", _hoisted_1$f, [
+      return openBlock(), createElementBlock("div", _hoisted_1$g, [
         createElementVNode("div", _hoisted_2$d, [
           createVNode(_component_lew_flex, {
             x: "start",
@@ -9371,11 +9407,11 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-37bbe4a3"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/date-picker/src/LewDateRange.vue"]]);
+var LewDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-37bbe4a3"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/date-picker/src/LewDateRange.vue"]]);
 var LewDatePicker_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$e = { class: "lew-date-picker-input" };
+const _hoisted_1$f = { class: "lew-date-picker-input" };
 const _hoisted_2$c = { class: "lew-date-picker-placeholder" };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "LewDatePicker",
   props: datePickerProps,
   emits: ["change", "update:modelValue"],
@@ -9426,7 +9462,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             class: normalizeClass(["lew-date-picker-view", unref(classObject)])
           }, [
-            createElementVNode("div", _hoisted_1$e, [
+            createElementVNode("div", _hoisted_1$f, [
               withDirectives(createElementVNode("div", _hoisted_2$c, " \u8BF7\u9009\u62E9\u65E5\u671F ", 512), [
                 [vShow, !dateValue.value]
               ]),
@@ -9435,7 +9471,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
               ]),
               createVNode(_component_lew_icon, {
                 class: "lew-date-picker-icon",
-                size: "16px",
+                size: 16,
                 type: "calendar"
               })
             ])
@@ -9454,15 +9490,15 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-4c4a62d0"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/date-picker/src/LewDatePicker.vue"]]);
+var LewDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-4c4a62d0"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/date-picker/src/LewDatePicker.vue"]]);
 var LewDateRangePicker_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId = (n) => (pushScopeId("data-v-f13243de"), n = n(), popScopeId(), n);
-const _hoisted_1$d = { class: "lew-date-picker-input" };
+const _hoisted_1$e = { class: "lew-date-picker-input" };
 const _hoisted_2$b = { class: "lew-date-picker-placeholder" };
 const _hoisted_3$6 = { class: "lew-date-picker-dateValue lew-date-picker-start" };
 const _hoisted_4$5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "lew-date-picker-mid" }, "-", -1));
 const _hoisted_5$4 = { class: "lew-date-picker-dateValue lew-date-picker-end" };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "LewDateRangePicker",
   props: dateRangePickerProps,
   emits: ["change", "update:modelValue"],
@@ -9513,7 +9549,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             class: normalizeClass(["lew-date-picker-view", unref(classObject)])
           }, [
-            createElementVNode("div", _hoisted_1$d, [
+            createElementVNode("div", _hoisted_1$e, [
               withDirectives(createElementVNode("div", _hoisted_2$b, " \u8BF7\u9009\u62E9\u65E5\u671F ", 512), [
                 [vShow, !dateValue.value]
               ]),
@@ -9522,7 +9558,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_5$4, toDisplayString(dateValue.value[1]), 1),
               createVNode(_component_lew_icon, {
                 class: "lew-date-picker-icon",
-                size: "16px",
+                size: 16,
                 type: "calendar"
               })
             ])
@@ -9541,7 +9577,75 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewDateRangePicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-f13243de"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/date-picker/src/LewDateRangePicker.vue"]]);
+var LewDateRangePicker = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-f13243de"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/date-picker/src/LewDateRangePicker.vue"]]);
+const magicNumberProps = {
+  value: {
+    type: Number,
+    default: 999.99
+  },
+  size: {
+    type: Number,
+    default: 16
+  }
+};
+var LewMagicNumber_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$d = ["textContent"];
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
+  __name: "LewMagicNumber",
+  props: magicNumberProps,
+  setup(__props) {
+    const props = __props;
+    let state = reactive({
+      numberArr: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
+    });
+    const getValueArr = computed(() => {
+      if (typeof props.value !== "number") {
+        throw new Error("LewMagicNumber props value \u5FC5\u987B\u4E3Anumber\u7C7B\u578B\uFF01");
+      }
+      return numFormat(props.value).split("");
+    });
+    const getMagicNumberStyle = computed(() => {
+      const { size } = props;
+      return `height:${size}px;`;
+    });
+    const getItemStyle = computed(() => (item) => {
+      const { size } = props;
+      let index2 = parseInt(item);
+      return `transform: translateY(-${size * index2}px)`;
+    });
+    const getNumStyle = computed(() => {
+      const { size } = props;
+      return `font-size:${size}px; line-height:${size}px; height:${size}px;`;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "lew-magic-number",
+        style: normalizeStyle(unref(getMagicNumberStyle))
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getValueArr), (item, index2) => {
+          return openBlock(), createElementBlock("div", {
+            style: normalizeStyle(unref(getItemStyle)(item)),
+            class: "lew-magic-number-item",
+            key: index2
+          }, [
+            item === "." || item === "," ? (openBlock(), createElementBlock("span", {
+              key: 0,
+              style: normalizeStyle(unref(getNumStyle))
+            }, toDisplayString(item), 5)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(state).numberArr, (n, index22) => {
+              return openBlock(), createElementBlock("span", {
+                class: "lew-magic-number-num",
+                style: normalizeStyle(unref(getNumStyle)),
+                key: index22,
+                textContent: toDisplayString(n)
+              }, null, 12, _hoisted_1$d);
+            }), 128))
+          ], 4);
+        }), 128))
+      ], 4);
+    };
+  }
+});
+var LewMagicNumber = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-d80c7a98"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/magic-number/src/LewMagicNumber.vue"]]);
 const tableProps = {
   selectedKey: {
     type: Array,
@@ -9712,6 +9816,9 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           selectedKey.value.splice(index2, 1);
         }
       }
+      initCheckAll();
+    };
+    const initCheckAll = () => {
       const isAll = selectedKey.value.length > 0 && selectedKey.value.length === props.dataSource.length;
       if (isAll) {
         state.checkAll = true;
@@ -9730,6 +9837,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     initCheckbox();
     watchArray(selectedKey, () => {
       initCheckbox();
+      initCheckAll();
     });
     onMounted(() => {
       tableObserve();
@@ -10013,7 +10121,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 var LewTable = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/table/src/LewTable.vue"]]);
-const _props$4 = {
+const _props$3 = {
   total: {
     type: Number,
     default: 100
@@ -10064,7 +10172,7 @@ const _hoisted_1$b = { class: "lew-pagination" };
 const _hoisted_2$9 = ["onClick"];
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "LewPagination",
-  props: _props$4,
+  props: _props$3,
   emits: [
     "update:currentPage",
     "update:total",
@@ -10341,24 +10449,30 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   }
 });
 var LewAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-3ce1779b"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/avatar/src/LewAvatar.vue"]]);
+const titleProps = {
+  bold: {
+    type: Number,
+    default: 500
+  },
+  size: {
+    type: Number,
+    default: 24
+  }
+};
 var LewTitle_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "LewTitle",
-  props: {
-    bold: {
-      type: Number,
-      default: 500
-    },
-    size: {
-      type: String,
-      default: "24px"
-    }
-  },
+  props: titleProps,
   setup(__props) {
+    const props = __props;
+    const titleStyle = computed(() => {
+      const { bold, size } = props;
+      return `font-weight:${bold};font-size:${size}px`;
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: "lew-title",
-        style: normalizeStyle(`font-weight:${__props.bold};font-size:${__props.size}`)
+        style: normalizeStyle(unref(titleStyle))
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ], 4);
@@ -10404,7 +10518,7 @@ const buttonProps = {
 var LewButton_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$9 = ["disabled"];
 const _hoisted_2$7 = {
-  key: 1,
+  key: 2,
   class: "lew-button-text"
 };
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
@@ -10458,13 +10572,17 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           size: unref(getIconSize),
           type: _ctx.icon
         }, null, 8, ["size", "type"])) : createCommentVNode("v-if", true),
-        _ctx.text ? (openBlock(), createElementBlock("span", _hoisted_2$7, toDisplayString(_ctx.text), 1)) : createCommentVNode("v-if", true),
-        _ctx.loading || _loading.value ? (openBlock(), createElementBlock("span", {
-          key: 2,
+        _ctx.loading || _loading.value ? (openBlock(), createBlock(unref(script), {
+          key: 1,
           class: normalizeClass(["lew-loading-icon", {
             "lew-loading-icon-show": (_loading.value || _ctx.loading) && !_ctx.disabled
-          }])
-        }, null, 2)) : createCommentVNode("v-if", true)
+          }]),
+          size: unref(getIconSize),
+          animation: "spin",
+          "animation-speed": "fast",
+          type: "loader"
+        }, null, 8, ["size", "class"])) : createCommentVNode("v-if", true),
+        _ctx.text ? (openBlock(), createElementBlock("span", _hoisted_2$7, toDisplayString(_ctx.text), 1)) : createCommentVNode("v-if", true)
       ], 10, _hoisted_1$9);
     };
   }
@@ -10497,9 +10615,17 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "LewBadge",
   props: badgeProps,
   setup(__props) {
+    const props = __props;
+    const badgeClassName = computed(() => {
+      const { round: round2, type } = props;
+      return getClass$1("lew-badge", {
+        round: round2,
+        type
+      });
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["lew-badge", `lew-badge-${_ctx.type} ${_ctx.round ? "lew-badge-round" : ""}`])
+        class: normalizeClass(["lew-badge", unref(badgeClassName)])
       }, [
         _ctx.value ? (openBlock(), createElementBlock("div", _hoisted_1$8, toDisplayString(_ctx.value), 1)) : createCommentVNode("v-if", true),
         !_ctx.value ? (openBlock(), createElementBlock("div", _hoisted_2$6)) : createCommentVNode("v-if", true),
@@ -10509,26 +10635,18 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   }
 });
 var LewBadge = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/badge/src/LewBadge.vue"]]);
-const sizeRules = ["small", "medium", "large"];
-const typeRules = ["primary", "info", "success", "error", "warning", "normal"];
-const _props$3 = {
+const tagProps = {
   type: {
     type: String,
-    default: "normal",
-    validator(value) {
-      return typeRules.includes(value);
-    }
+    default: "normal"
   },
   size: {
     type: String,
-    default: "medium",
-    validator(value) {
-      return sizeRules.includes(value);
-    }
+    default: "medium"
   },
   maxWidth: {
-    type: String,
-    default: "220px"
+    type: Number,
+    default: 220
   },
   round: {
     type: Boolean,
@@ -10541,14 +10659,6 @@ const _props$3 = {
   disabled: {
     type: Boolean,
     default: false
-  },
-  to: {
-    type: String,
-    default: ""
-  },
-  bold: {
-    type: Boolean,
-    default: false
   }
 };
 var LewTag_vue_vue_type_style_index_0_lang = "";
@@ -10558,11 +10668,10 @@ const _hoisted_3$4 = { class: "lew-tag-right" };
 const _hoisted_4$3 = ["onClick"];
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "LewTag",
-  props: _props$3,
+  props: tagProps,
   emits: ["close"],
   setup(__props, { emit }) {
     const props = __props;
-    const { lewTo } = useLewTo();
     const close = () => {
       if (props.disabled) {
         return;
@@ -10572,25 +10681,24 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const getSize = computed(() => {
       switch (props.size) {
         case "small":
-          return "12";
+          return 12;
         case "medium":
-          return "14";
+          return 14;
         case "large":
-          return "16";
+          return 16;
         default:
-          return "14";
+          return 14;
       }
     });
+    const tagClassName = computed(() => {
+      const { size, type, round: round2, disabled } = props;
+      return getClass$1("lew-tag", { size, type, round: round2, disabled });
+    });
     return (_ctx, _cache) => {
       const _component_lew_icon = resolveComponent("lew-icon");
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["lew-tag", `lew-tag-${_ctx.size} 
-    lew-tag-${_ctx.type} 
-    ${_ctx.round ? "lew-tag-round" : ""}       
-    ${_ctx.bold ? "lew-tag-bold" : ""} 
-    ${_ctx.disabled ? "lew-tag-disabled" : ""} ${_ctx.to ? "lew-tag-to" : ""}`]),
-        style: normalizeStyle(`max-width:${_ctx.maxWidth}`),
-        onClick: _cache[0] || (_cache[0] = ($event) => unref(lewTo)(_ctx.to))
+        class: normalizeClass(["lew-tag", unref(tagClassName)]),
+        style: normalizeStyle(`max-width:${_ctx.maxWidth}px`)
       }, [
         createElementVNode("div", _hoisted_1$7, [
           renderSlot(_ctx.$slots, "left")
@@ -10646,7 +10754,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           }, [
             createElementVNode("div", _hoisted_2$4, [
               createVNode(_component_lew_icon, {
-                size: "16",
+                size: 16,
                 type: unref(getIconType)(item.type)
               }, null, 8, ["type"])
             ]),
@@ -10658,7 +10766,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             ]),
             item.closeable ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
               createVNode(_component_lew_icon, {
-                size: "16",
+                size: 16,
                 class: "btn-close",
                 type: "x",
                 onClick: ($event) => emit("close", i)
@@ -13963,14 +14071,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const isShowCode = ref(false);
-    const outCodeRef = shallowRef(null);
     const style = computed(() => {
-      var _a2, _b;
       if (isShowCode.value) {
-        const height = (_b = (_a2 = outCodeRef.value) == null ? void 0 : _a2.firstElementChild) == null ? void 0 : _b.clientHeight;
-        return { height: height ? `${height}px` : "auto" };
+        return { maxHeight: `400px` };
       }
-      return { height: 0 };
+      return { maxHeight: 0 };
     });
     return (_ctx, _cache) => {
       const _component_lew_tag = resolveComponent("lew-tag");
@@ -13978,7 +14083,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       const _component_lew_icon = resolveComponent("lew-icon");
       const _directive_highlight = resolveDirective("highlight");
       return openBlock(), createElementBlock("div", _hoisted_1$2, [
-        createVNode(_component_lew_title, { size: "16px" }, {
+        createVNode(_component_lew_title, { size: 16 }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(__props.title) + " ", 1),
             __props.tag ? (openBlock(), createBlock(_component_lew_tag, {
@@ -13999,8 +14104,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "default")
           ]),
           withDirectives((openBlock(), createElementBlock("div", {
-            ref_key: "outCodeRef",
-            ref: outCodeRef,
             class: "hl-pre",
             style: normalizeStyle(unref(style))
           }, [
@@ -14020,11 +14123,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_5, [
               !isShowCode.value ? (openBlock(), createBlock(_component_lew_icon, {
                 key: 0,
-                size: "16",
+                size: 16,
                 type: "chevron-down"
               })) : (openBlock(), createBlock(_component_lew_icon, {
                 key: 1,
-                size: "16",
+                size: 16,
                 type: "chevron-up"
               }))
             ]),
@@ -14465,6 +14568,7 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   LewDateRange,
   LewDatePicker,
   LewDateRangePicker,
+  LewMagicNumber,
   LewTable,
   LewPagination,
   LewAvatar,
@@ -14694,7 +14798,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      const _component_lew_flex = resolveComponent("lew-flex");
       return openBlock(), createElementBlock("div", null, [
         (openBlock(), createBlock(Teleport, { to: "body" }, [
           _visible.value ? (openBlock(), createElementBlock("div", {
@@ -14772,12 +14875,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }, null, 8, ["type"])
                 ], 2)
               ]),
-              createVNode(_component_lew_flex, { class: "right" }, {
+              createVNode(unref(LewFlex), {
+                class: "right",
+                y: "start"
+              }, {
                 default: withCtx(() => [
                   createElementVNode("main", null, [
                     renderSlot(_ctx.$slots, "content", {}, void 0, true)
                   ]),
-                  createVNode(_component_lew_flex, { x: "end" }, {
+                  createVNode(unref(LewFlex), { x: "end" }, {
                     default: withCtx(() => [
                       _ctx.cancelText ? (openBlock(), createBlock(unref(LewButton), {
                         key: 0,
@@ -15128,4 +15234,4 @@ const install = function(Vue) {
 var index = {
   install
 };
-export { LewAlert, LewAvatar, LewBackTop, LewBadge, LewBreadcrumb, LewButton, LewCheckbox, LewCheckboxGroup, LewDate, LewDatePicker, LewDateRange, LewDateRangePicker, LewDemoBox, index$7 as LewDialog, LewDrawer, LewDropdown, LewFlex, LewForm, LewFormItem, script as LewIcon, LewInput, LewInputPro, LewInputTag, LewLayout, index$1 as LewLoading, LewMark, index$8 as LewMessage, LewModal, index$3 as LewNotification, LewPagination, LewPopok, LewPopover, LewRadioGroup, LewResult, LewSelect, LewSelectMultiple, LewSpace, LewSteps, LewSwitch, LewTable, LewTabs, LewTag, LewTextTrim, LewTitle, index$5 as LewVBacktop, index$6 as LewVTooltip, index as default };
+export { LewAlert, LewAvatar, LewBackTop, LewBadge, LewBreadcrumb, LewButton, LewCheckbox, LewCheckboxGroup, LewDate, LewDatePicker, LewDateRange, LewDateRangePicker, LewDemoBox, index$7 as LewDialog, LewDrawer, LewDropdown, LewFlex, LewForm, LewFormItem, script as LewIcon, LewInput, LewInputPro, LewInputTag, LewLayout, index$1 as LewLoading, LewMagicNumber, LewMark, index$8 as LewMessage, LewModal, index$3 as LewNotification, LewPagination, LewPopok, LewPopover, LewRadioGroup, LewResult, LewSelect, LewSelectMultiple, LewSpace, LewSteps, LewSwitch, LewTable, LewTabs, LewTag, LewTextTrim, LewTitle, index$5 as LewVBacktop, index$6 as LewVTooltip, index as default };