ll-plus 2.0.6 → 2.0.8

package/index.full.mjs

@@ -1,4 +1,4 @@
-import require$$0, { warn, defineComponent, ref, watch, resolveComponent, openBlock, createBlock, normalizeClass, unref, withCtx, createVNode, createElementVNode, createElementBlock, createTextVNode, createCommentVNode, watchEffect, Fragment, renderList, toDisplayString, withModifiers, normalizeProps, mergeProps, renderSlot, guardReactiveProps, useAttrs, computed, createSlots, normalizeStyle, nextTick, reactive, resolveDynamicComponent, inject, isRef, provide } from 'vue';
+import require$$0, { warn, defineComponent, ref, watch, resolveComponent, openBlock, createBlock, normalizeClass, unref, withCtx, createVNode, createElementVNode, createElementBlock, createTextVNode, createCommentVNode, watchEffect, Fragment, renderList, toDisplayString, withModifiers, normalizeProps, mergeProps, renderSlot, guardReactiveProps, useAttrs, computed, createSlots, normalizeStyle, nextTick, reactive, resolveDynamicComponent, inject, isRef, provide, toRefs } from 'vue';
 import { FormItem as FormItem$1, Input as Input$1, InputNumber as InputNumber$1 } from 'ant-design-vue';
 
 const makeInstaller = (components) => {
@@ -1622,7 +1622,7 @@ const advancedFilteringParamsProps = buildProps({
   }
 });
 
-const _hoisted_1$7 = /* @__PURE__ */ createElementVNode(
+const _hoisted_1$8 = /* @__PURE__ */ createElementVNode(
   "p",
   null,
   "\u6682\u65E0\u6570\u636E",
@@ -1630,9 +1630,9 @@ const _hoisted_1$7 = /* @__PURE__ */ createElementVNode(
   /* HOISTED */
 );
 const _hoisted_2$3 = [
-  _hoisted_1$7
+  _hoisted_1$8
 ];
-var _sfc_main$y = /* @__PURE__ */ defineComponent({
+var _sfc_main$E = /* @__PURE__ */ defineComponent({
   ...{ name: "LlAdvancedFilteringParams" },
   __name: "advanced-filtering-params",
   props: advancedFilteringParamsProps,
@@ -1745,7 +1745,7 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-var AdvancedFilteringParams = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "advanced-filtering-params.vue"]]);
+var AdvancedFilteringParams = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__file", "advanced-filtering-params.vue"]]);
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -2072,7 +2072,7 @@ var dayjs_min = {exports: {}};
 var dayjs_minExports = dayjs_min.exports;
 var dayjs = /* @__PURE__ */ getDefaultExportFromCjs(dayjs_minExports);
 
-const _hoisted_1$6 = /* @__PURE__ */ createElementVNode(
+const _hoisted_1$7 = /* @__PURE__ */ createElementVNode(
   "p",
   null,
   "\u7B5B\u9009\u7ED3\u679C\uFF1A",
@@ -2090,7 +2090,7 @@ const _hoisted_3$1 = /* @__PURE__ */ createElementVNode(
 const _hoisted_4 = [
   _hoisted_3$1
 ];
-var _sfc_main$x = /* @__PURE__ */ defineComponent({
+var _sfc_main$D = /* @__PURE__ */ defineComponent({
   ...{ name: "LlAdvancedFilteringTags" },
   __name: "advanced-filtering-tags",
   props: advancedFilteringProps,
@@ -2222,7 +2222,7 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
               class: normalizeClass(unref(bem).m("title"))
             },
             [
-              _hoisted_1$6,
+              _hoisted_1$7,
               createElementVNode("a", {
                 onClick: _cache[0] || (_cache[0] = ($event) => handleClean(null))
               }, "\u6E05\u9664\u7B5B\u9009\u7ED3\u679C")
@@ -2305,16 +2305,16 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
   }
 });
 
-var AdvancedFilteringTags = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "advanced-filtering-tags.vue"]]);
+var AdvancedFilteringTags = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__file", "advanced-filtering-tags.vue"]]);
 
-const _hoisted_1$5 = /* @__PURE__ */ createElementVNode(
+const _hoisted_1$6 = /* @__PURE__ */ createElementVNode(
   "span",
   null,
   "\u9AD8\u7EA7\u7B5B\u9009",
   -1
   /* HOISTED */
 );
-var _sfc_main$w = /* @__PURE__ */ defineComponent({
+var _sfc_main$C = /* @__PURE__ */ defineComponent({
   ...{ name: "LlAdvancedFiltering" },
   __name: "advanced-filtering",
   props: advancedFilteringProps,
@@ -2394,7 +2394,7 @@ var _sfc_main$w = /* @__PURE__ */ defineComponent({
                     "icon-name": "icon-Screening",
                     style: { "margin-right": "10px" }
                   }),
-                  _hoisted_1$5
+                  _hoisted_1$6
                 ]),
                 _: 1
                 /* STABLE */
@@ -2411,7 +2411,7 @@ var _sfc_main$w = /* @__PURE__ */ defineComponent({
   }
 });
 
-var AdvancedFiltering = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__file", "advanced-filtering.vue"]]);
+var AdvancedFiltering = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__file", "advanced-filtering.vue"]]);
 
 const LlAdvancedFiltering = withInstall(AdvancedFiltering);
 const LlAdvancedFilteringParams = withInstall(AdvancedFilteringParams);
@@ -2463,7 +2463,7 @@ const avatarEmits = {
   click: (item, index) => !!item || index
 };
 
-var _sfc_main$v = /* @__PURE__ */ defineComponent({
+var _sfc_main$B = /* @__PURE__ */ defineComponent({
   ...{ name: "LlAvatar" },
   __name: "avatar",
   props: avatarProps,
@@ -2633,7 +2633,7 @@ var _sfc_main$v = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__file", "avatar.vue"]]);
+var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__file", "avatar.vue"]]);
 
 const LlAvatar = withInstall(Avatar);
 
@@ -2658,8 +2658,8 @@ const buttonProps = buildProps({
   }
 });
 
-const _hoisted_1$4 = { key: 0 };
-var _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _hoisted_1$5 = { key: 0 };
+var _sfc_main$A = /* @__PURE__ */ defineComponent({
   ...{ name: "LlButton" },
   __name: "button",
   props: buttonProps,
@@ -2686,7 +2686,7 @@ var _sfc_main$u = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "default", {}, () => [
             _ctx.label ? (openBlock(), createElementBlock(
               "span",
-              _hoisted_1$4,
+              _hoisted_1$5,
               toDisplayString(_ctx.label),
               1
               /* TEXT */
@@ -2720,10 +2720,42 @@ var _sfc_main$u = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "button.vue"]]);
+var Button = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__file", "button.vue"]]);
 
 const LlButton = withInstall(Button);
 
+var _sfc_main$z = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlCascader" },
+  __name: "cascader",
+  setup(__props) {
+    const bem = createNamespace("cascader");
+    const attrs = useAttrs();
+    return (_ctx, _cache) => {
+      const _component_a_cascader = resolveComponent("a-cascader");
+      return openBlock(), createBlock(_component_a_cascader, mergeProps(unref(attrs), {
+        class: unref(bem).b(),
+        "popup-class-name": unref(bem).e("dropdown")
+      }), createSlots({
+        _: 2
+        /* DYNAMIC */
+      }, [
+        renderList(Object.keys(_ctx.$slots), (item) => {
+          return {
+            name: item,
+            fn: withCtx((data) => [
+              renderSlot(_ctx.$slots, item, normalizeProps(guardReactiveProps(data || {})))
+            ])
+          };
+        })
+      ]), 1040, ["class", "popup-class-name"]);
+    };
+  }
+});
+
+var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__file", "cascader.vue"]]);
+
+const LlCascader = withInstall(Cascader);
+
 const CheckboxProps = {
   value: { type: [Number, Boolean, String], default: false },
   checkedValue: { type: [Number, Boolean, String], default: true },
@@ -2736,7 +2768,7 @@ const CheckboxGroupProps = {
   direction: { type: String, default: "vertical" }
 };
 
-var _sfc_main$t = /* @__PURE__ */ defineComponent({
+var _sfc_main$y = /* @__PURE__ */ defineComponent({
   ...{ name: "LlCheckbox" },
   __name: "checkbox",
   props: CheckboxProps,
@@ -2792,9 +2824,9 @@ var _sfc_main$t = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__file", "checkbox.vue"]]);
+var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "checkbox.vue"]]);
 
-var _sfc_main$s = /* @__PURE__ */ defineComponent({
+var _sfc_main$x = /* @__PURE__ */ defineComponent({
   ...{ name: "LlCheckboxGroup" },
   __name: "checkbox-group",
   props: CheckboxGroupProps,
@@ -2850,12 +2882,12 @@ var _sfc_main$s = /* @__PURE__ */ defineComponent({
   }
 });
 
-var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__file", "checkbox-group.vue"]]);
+var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "checkbox-group.vue"]]);
 
 const LlCheckbox = withInstall(Checkbox);
 const LlCheckboxGroup = withInstall(CheckboxGroup);
 
-var _sfc_main$r = /* @__PURE__ */ defineComponent({
+var _sfc_main$w = /* @__PURE__ */ defineComponent({
   ...{
     name: "LlConfigProvider"
   },
@@ -2878,10 +2910,233 @@ var _sfc_main$r = /* @__PURE__ */ defineComponent({
   }
 });
 
-var ConfigProvider = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__file", "config-provider.vue"]]);
+var ConfigProvider = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__file", "config-provider.vue"]]);
 
 const LlConfigProvider = withInstall(ConfigProvider);
 
+const datePickerProps = buildProps({
+  value: {
+    type: definePropType(String),
+    default: null
+  },
+  format: {
+    type: String,
+    default: "YYYY-MM-DD"
+  },
+  startTime: {
+    type: definePropType(String),
+    default: null
+  },
+  endTime: {
+    type: definePropType(String),
+    default: null
+  }
+});
+
+var _sfc_main$v = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlDatePicker" },
+  __name: "date-picker",
+  props: datePickerProps,
+  emits: ["update:value", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const attrs = useAttrs();
+    const bem = createNamespace("date-picker");
+    const innerValue = ref("");
+    const getShowTime = computed(
+      () => props.format === "YYYY-MM-DD HH:mm" || props.format === "YYYY-MM-DD HH:mm:ss"
+    );
+    const getPicker = computed(() => {
+      if (props.format === "YYYY")
+        return "year";
+      if (props.format === "YYYY-MM")
+        return "month";
+      return "date";
+    });
+    const getBindValue = computed(() => {
+      const bindValue = {
+        ...attrs,
+        format: props.format,
+        valueFormat: props.format,
+        showTime: Reflect.has(attrs, "showTime") ? attrs.showTime : unref(getShowTime),
+        picker: Reflect.has(attrs, "picker") ? attrs.picker : unref(getPicker),
+        disabledDate: Reflect.has(attrs, "disabledDate") ? attrs.disabledDate : (current) => {
+          const { startTime, endTime } = props;
+          if (!startTime && !endTime)
+            return false;
+          const realEndTime = unref(getShowTime) ? dayjs(endTime) : dayjs(endTime).endOf("day");
+          if (startTime && endTime)
+            return dayjs(startTime) > current || realEndTime < current;
+          if (startTime)
+            return dayjs(startTime) > current;
+          if (endTime)
+            return realEndTime < current;
+          return false;
+        }
+      };
+      return bindValue;
+    });
+    watch(
+      () => props.value,
+      (val) => {
+        setValue(val);
+      },
+      { immediate: true }
+    );
+    function setValue(value) {
+      innerValue.value = value ? dayjs(value).format(props.format) : "";
+    }
+    function onChange(date) {
+      const timestamp = date ? dayjs(date).valueOf() : null;
+      emit("update:value", timestamp);
+      emit("change", timestamp);
+    }
+    return (_ctx, _cache) => {
+      const _component_a_date_picker = resolveComponent("a-date-picker");
+      return openBlock(), createBlock(_component_a_date_picker, mergeProps(getBindValue.value, {
+        value: innerValue.value,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event),
+        class: unref(bem).b(),
+        onChange
+      }), createSlots({
+        _: 2
+        /* DYNAMIC */
+      }, [
+        renderList(Object.keys(_ctx.$slots), (item) => {
+          return {
+            name: item,
+            fn: withCtx((data) => [
+              renderSlot(_ctx.$slots, item, normalizeProps(guardReactiveProps(data || {})))
+            ])
+          };
+        })
+      ]), 1040, ["value", "class"]);
+    };
+  }
+});
+
+var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__file", "date-picker.vue"]]);
+
+const LlDatePicker = withInstall(DatePicker);
+
+const dateRangeProps = buildProps({
+  value: {
+    type: definePropType(
+      String
+    ),
+    default: null
+  },
+  format: {
+    type: String,
+    default: "YYYY-MM-DD"
+  },
+  startTime: {
+    type: definePropType(String),
+    default: null
+  },
+  endTime: {
+    type: definePropType(String),
+    default: null
+  },
+  placeholder: {
+    type: definePropType(String),
+    default: () => ["\u5F00\u59CB\u65E5\u671F", "\u7ED3\u675F\u65E5\u671F"]
+  }
+});
+
+var _sfc_main$u = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlDateRange" },
+  __name: "date-range",
+  props: dateRangeProps,
+  emits: ["update:value", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const attrs = useAttrs();
+    const bem = createNamespace("date-range");
+    const innerValue = ref(null);
+    const getFormat = computed(() => props.format || "YYYY-MM-DD");
+    const getShowTime = computed(
+      () => unref(getFormat) === "YYYY-MM-DD HH:mm" || unref(getFormat) === "YYYY-MM-DD HH:mm:ss"
+    );
+    const getPicker = computed(() => {
+      if (props.format === "YYYY")
+        return "year";
+      if (props.format === "YYYY-MM")
+        return "month";
+      return "date";
+    });
+    const getBindValue = computed(() => {
+      const bindValue = {
+        ...attrs,
+        placeholder: props.placeholder,
+        format: props.format,
+        valueFormat: props.format,
+        showTime: Reflect.has(attrs, "showTime") ? attrs.showTime : unref(getShowTime),
+        picker: Reflect.has(attrs, "picker") ? attrs.picker : unref(getPicker),
+        disabledDate: Reflect.has(attrs, "disabledDate") ? attrs.disabledDate : (current) => {
+          const { startTime, endTime } = props;
+          if (!startTime && !endTime)
+            return false;
+          const realEndTime = unref(getShowTime) ? dayjs(endTime) : dayjs(endTime).endOf("day");
+          if (startTime && endTime)
+            return dayjs(startTime) > current || realEndTime < current;
+          if (startTime)
+            return dayjs(startTime) > current;
+          if (endTime)
+            return realEndTime < current;
+          return false;
+        }
+      };
+      return bindValue;
+    });
+    watch(
+      () => props.value,
+      (val) => {
+        setValue(val);
+      },
+      { immediate: true }
+    );
+    function setValue(value) {
+      if (!value || !value.length)
+        return innerValue.value = null;
+      innerValue.value = value.map((o) => dayjs(o).format(props.format));
+    }
+    function onChange(date) {
+      date = date || [];
+      const timestamp = date.map((o) => dayjs(o).valueOf());
+      emit("update:value", timestamp);
+      emit("change", timestamp);
+    }
+    return (_ctx, _cache) => {
+      const _component_a_rangePicker = resolveComponent("a-rangePicker");
+      return openBlock(), createBlock(_component_a_rangePicker, mergeProps(getBindValue.value, {
+        value: innerValue.value,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event),
+        class: unref(bem).b(),
+        onChange
+      }), createSlots({
+        _: 2
+        /* DYNAMIC */
+      }, [
+        renderList(Object.keys(_ctx.$slots), (item) => {
+          return {
+            name: item,
+            fn: withCtx((data) => [
+              renderSlot(_ctx.$slots, item, normalizeProps(guardReactiveProps(data || {})))
+            ])
+          };
+        })
+      ]), 1040, ["value", "class"]);
+    };
+  }
+});
+
+var DateRange = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "date-range.vue"]]);
+
+const LlDateRange = withInstall(DateRange);
+
 const descriptionsProps = buildProps({
   type: {
     type: definePropType(String),
@@ -2893,7 +3148,7 @@ const descriptionsProps = buildProps({
   }
 });
 
-var _sfc_main$q = /* @__PURE__ */ defineComponent({
+var _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...{ name: "LlDescriptions" },
   __name: "descriptions",
   props: descriptionsProps,
@@ -2968,7 +3223,7 @@ var _sfc_main$q = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__file", "descriptions.vue"]]);
+var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__file", "descriptions.vue"]]);
 
 const LlDescriptions = withInstall(Descriptions);
 
@@ -2983,7 +3238,7 @@ const descriptionsItemProps = buildProps({
   }
 });
 
-var _sfc_main$p = /* @__PURE__ */ defineComponent({
+var _sfc_main$s = /* @__PURE__ */ defineComponent({
   ...{ name: "LlDescriptionsItem" },
   __name: "descriptions-item",
   props: descriptionsItemProps,
@@ -3013,7 +3268,7 @@ var _sfc_main$p = /* @__PURE__ */ defineComponent({
   }
 });
 
-var DescriptionsItem = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "descriptions-item.vue"]]);
+var DescriptionsItem = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__file", "descriptions-item.vue"]]);
 
 const LlDescriptionsItem = withInstall(DescriptionsItem);
 
@@ -3077,7 +3332,7 @@ const drawerOptions = {
   mask: true
 };
 
-var _sfc_main$o = /* @__PURE__ */ defineComponent({
+var _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...{ name: "LlDrawer" },
   __name: "drawer",
   props: drawerProps,
@@ -3232,7 +3487,7 @@ var _sfc_main$o = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "drawer.vue"]]);
+var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__file", "drawer.vue"]]);
 
 const LlDrawer = withInstall(Drawer);
 
@@ -3261,8 +3516,8 @@ const emptyProps = buildProps({
   }
 });
 
-const _hoisted_1$3 = ["src"];
-var _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _hoisted_1$4 = ["src"];
+var _sfc_main$q = /* @__PURE__ */ defineComponent({
   ...{ name: "LlEmpty" },
   __name: "empty",
   props: emptyProps,
@@ -3290,7 +3545,7 @@ var _sfc_main$n = /* @__PURE__ */ defineComponent({
             createElementVNode("img", {
               style: normalizeStyle({ width: imageWidth.value }),
               src: unref(url)
-            }, null, 12, _hoisted_1$3),
+            }, null, 12, _hoisted_1$4),
             createCommentVNode(' <img :style="{ width: imageWidth }" /> ')
           ]),
           createElementVNode(
@@ -3322,7 +3577,7 @@ var _sfc_main$n = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "empty.vue"]]);
+var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__file", "empty.vue"]]);
 
 const LlEmpty = withInstall(Empty);
 
@@ -3368,7 +3623,7 @@ const formProps = buildProps({
   }
 });
 
-var _sfc_main$m = /* @__PURE__ */ defineComponent({
+var _sfc_main$p = /* @__PURE__ */ defineComponent({
   ...{ name: "LlForm" },
   __name: "form",
   props: formProps,
@@ -3528,11 +3783,11 @@ var _sfc_main$m = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Form = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "form.vue"]]);
+var Form = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "form.vue"]]);
 
 const LlForm = withInstall(Form);
 
-var _sfc_main$l = /* @__PURE__ */ defineComponent({
+var _sfc_main$o = /* @__PURE__ */ defineComponent({
   ...{ name: "LlFormItem" },
   __name: "form-item",
   setup(__props) {
@@ -3558,7 +3813,7 @@ var _sfc_main$l = /* @__PURE__ */ defineComponent({
   }
 });
 
-var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__file", "form-item.vue"]]);
+var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "form-item.vue"]]);
 
 const LlFormItem = withInstall(FormItem);
 
@@ -3584,9 +3839,9 @@ const iconProps = buildProps({
   }
 });
 
-const _hoisted_1$2 = { "aria-hidden": "true" };
+const _hoisted_1$3 = { "aria-hidden": "true" };
 const _hoisted_2$1 = ["xlink:href"];
-var _sfc_main$k = /* @__PURE__ */ defineComponent({
+var _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...{
     name: "LlIcon"
   },
@@ -3616,7 +3871,7 @@ var _sfc_main$k = /* @__PURE__ */ defineComponent({
         },
         [
           renderSlot(_ctx.$slots, "default", {}, () => [
-            (openBlock(), createElementBlock("svg", _hoisted_1$2, [
+            (openBlock(), createElementBlock("svg", _hoisted_1$3, [
               createElementVNode("use", { "xlink:href": iconName.value }, null, 8, _hoisted_2$1)
             ]))
           ])
@@ -3628,7 +3883,7 @@ var _sfc_main$k = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "icon.vue"]]);
+var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "icon.vue"]]);
 
 const LlIcon = withInstall(Icon);
 
@@ -3693,7 +3948,7 @@ const iconBaseProps = buildProps({
   }
 });
 
-var _sfc_main$j = /* @__PURE__ */ defineComponent({
+var _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...{
     name: "LlIconBase"
   },
@@ -3795,7 +4050,7 @@ var _sfc_main$j = /* @__PURE__ */ defineComponent({
   }
 });
 
-var IconBase = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "icon-base.vue"]]);
+var IconBase = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "icon-base.vue"]]);
 
 const LlIconBase = withInstall(IconBase);
 
@@ -3826,7 +4081,7 @@ const inputProps = buildProps({
   }
 });
 
-var _sfc_main$i = /* @__PURE__ */ defineComponent({
+var _sfc_main$l = /* @__PURE__ */ defineComponent({
   ...{ name: "LlInput" },
   __name: "input",
   props: inputProps,
@@ -3885,7 +4140,7 @@ var _sfc_main$i = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Input = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "input.vue"]]);
+var Input = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__file", "input.vue"]]);
 
 const LlInput = withInstall(Input);
 
@@ -3955,10 +4210,10 @@ const integerDict = {
   }
 };
 
-const _hoisted_1$1 = ["title"];
+const _hoisted_1$2 = ["title"];
 const _hoisted_2 = { key: 0 };
 const _hoisted_3 = { key: 1 };
-var _sfc_main$h = /* @__PURE__ */ defineComponent({
+var _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...{ name: "LlInputNumber" },
   __name: "input-number",
   props: inputNumberProps,
@@ -4079,7 +4334,7 @@ var _sfc_main$h = /* @__PURE__ */ defineComponent({
               1
               /* TEXT */
             )) : createCommentVNode("v-if", true)
-          ], 10, _hoisted_1$1)) : createCommentVNode("v-if", true),
+          ], 10, _hoisted_1$2)) : createCommentVNode("v-if", true),
           _ctx.isAmountChinese && getChineseName.value ? (openBlock(), createElementBlock(
             "p",
             {
@@ -4098,7 +4353,7 @@ var _sfc_main$h = /* @__PURE__ */ defineComponent({
   }
 });
 
-var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "input-number.vue"]]);
+var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "input-number.vue"]]);
 
 const LlInputNumber = withInstall(InputNumber);
 
@@ -4168,7 +4423,7 @@ const modalProps = buildProps({
   }
 });
 
-var _sfc_main$g = /* @__PURE__ */ defineComponent({
+var _sfc_main$j = /* @__PURE__ */ defineComponent({
   ...{ name: "LlModal" },
   __name: "modal",
   props: modalProps,
@@ -4263,7 +4518,7 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Modal = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "modal.vue"]]);
+var Modal = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "modal.vue"]]);
 
 const LlModal = withInstall(Modal);
 
@@ -4309,7 +4564,7 @@ const operateIconEmits = {
   // 点击删除
 };
 
-var _sfc_main$f = /* @__PURE__ */ defineComponent({
+var _sfc_main$i = /* @__PURE__ */ defineComponent({
   ...{
     name: "LlOperateIcon"
   },
@@ -4473,7 +4728,7 @@ var _sfc_main$f = /* @__PURE__ */ defineComponent({
   }
 });
 
-var OperateIcon = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "operate-icon.vue"]]);
+var OperateIcon = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "operate-icon.vue"]]);
 
 const LlOperateIcon = withInstall(OperateIcon);
 
@@ -4487,7 +4742,7 @@ const selectProps = {
   }
 };
 
-var _sfc_main$e = /* @__PURE__ */ defineComponent({
+var _sfc_main$h = /* @__PURE__ */ defineComponent({
   ...{ name: "LlSelect" },
   __name: "select",
   props: selectProps,
@@ -4534,7 +4789,7 @@ var _sfc_main$e = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Select = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "select.vue"]]);
+var Select = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "select.vue"]]);
 
 const LlSelect = withInstall(Select);
 
@@ -4606,7 +4861,7 @@ const selectGroupEmits = {
   change: (selectV, value) => !!selectV && !!value
 };
 
-var _sfc_main$d = /* @__PURE__ */ defineComponent({
+var _sfc_main$g = /* @__PURE__ */ defineComponent({
   ...{ name: "LlSelectGroup" },
   __name: "select-group",
   props: selectGroupProps,
@@ -4816,11 +5071,11 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
   }
 });
 
-var SelectGroup = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "select-group.vue"]]);
+var SelectGroup = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "select-group.vue"]]);
 
 const LlSelectGroup = withInstall(SelectGroup);
 
-var _sfc_main$c = /* @__PURE__ */ defineComponent({
+var _sfc_main$f = /* @__PURE__ */ defineComponent({
   ...{ name: "LlSpace" },
   __name: "space",
   setup(__props) {
@@ -4844,7 +5099,7 @@ var _sfc_main$c = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Space = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "space.vue"]]);
+var Space = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "space.vue"]]);
 
 const LlSpace = withInstall(Space);
 
@@ -4855,7 +5110,7 @@ const SwitchProps = {
   value: { type: [Number, Boolean, String] }
 };
 
-var _sfc_main$b = /* @__PURE__ */ defineComponent({
+var _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...{ name: "LlSwitch" },
   __name: "switch",
   props: SwitchProps,
@@ -4915,7 +5170,7 @@ var _sfc_main$b = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "switch.vue"]]);
+var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "switch.vue"]]);
 
 const LlSwitch = withInstall(Switch);
 
@@ -4940,6 +5195,11 @@ const tableHeaderSearchProps = buildProps({
     default: () => mutable({})
   }
 });
+const tableHeaderSearchEmits = {
+  change: (v) => !!v
+  // 返回值要明确返回一个布尔类型要不然vue会警告
+};
+
 const mainTableProps = buildProps({
   /**
    * @description 操作栏编辑操作列的key,用于下次记录用户行为
@@ -4985,7 +5245,8 @@ const mainTableProps = buildProps({
    * @description  是否显示操作栏上的设置
    */
   showSetting: {
-    type: Boolean
+    type: Boolean,
+    default: true
   },
   /**
    * @description  table的scroll
@@ -5042,6 +5303,10 @@ const mainTableProps = buildProps({
     type: Function
   }
 });
+const mainTableEmits = {
+  handleChangeDataSource: (dataSource) => !!dataSource
+};
+
 const tablePaginationProps = buildProps({
   /**
    * @description 当前页数
@@ -5069,6 +5334,7 @@ const tablePaginationProps = buildProps({
     // 函数不能写默认值,写了就是必要要传
   }
 });
+
 const tableProps = buildProps({
   /**
    * @description table的loading
@@ -5099,21 +5365,14 @@ const tableProps = buildProps({
     default: () => mutable({})
   }
 });
-const headerSearchEmits = {
-  handleSwitchMenuChange: (v) => !!v
-  // 返回值要明确返回一个布尔类型要不然vue会警告
-};
-const mainTableEmits = {
-  handleChangeDataSource: (dataSource) => !!dataSource
-};
 
-var _sfc_main$a = /* @__PURE__ */ defineComponent({
+var _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...{
     name: "TableHeaderSearch"
   },
   __name: "header-search",
   props: tableHeaderSearchProps,
-  emits: headerSearchEmits,
+  emits: tableHeaderSearchEmits,
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
@@ -5122,7 +5381,7 @@ var _sfc_main$a = /* @__PURE__ */ defineComponent({
       const target = event.target;
       const value = target.value;
       props.menuSwitchOptions.onChange && props.menuSwitchOptions.onChange(value);
-      emits("handleSwitchMenuChange", value);
+      emits("change", value);
     };
     const contentType = inject("contentType");
     return (_ctx, _cache) => {
@@ -5140,76 +5399,78 @@ var _sfc_main$a = /* @__PURE__ */ defineComponent({
               class: normalizeClass(unref(bem).e("header"))
             },
             [
-              createCommentVNode(" \u5DE6\u8FB9\u7684\u63D2\u69FD "),
-              createElementVNode(
-                "div",
-                {
-                  class: normalizeClass(unref(bem).e("header-left"))
-                },
-                [
-                  renderSlot(_ctx.$slots, "searchLeft")
-                ],
-                2
-                /* CLASS */
-              ),
-              createCommentVNode(" \u5185\u5BB9\u4E2D\u95F4\u63D2\u69FD "),
-              createElementVNode(
-                "div",
-                {
-                  class: normalizeClass(unref(bem).e("header-middle"))
-                },
-                [
-                  renderSlot(_ctx.$slots, "searchMiddle")
-                ],
-                2
-                /* CLASS */
-              ),
-              createElementVNode(
-                "div",
-                {
-                  class: normalizeClass(unref(bem).e("header-right"))
-                },
-                [
-                  renderSlot(_ctx.$slots, "searchRight"),
-                  createCommentVNode(" \u5207\u6362table\u548Clist\u83DC\u5355 "),
-                  props.menuSwitchOptions?.show ? (openBlock(), createBlock(_component_a_radio_group, {
-                    key: 0,
-                    value: unref(contentType),
-                    "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(contentType) ? contentType.value = $event : null),
-                    class: normalizeClass(`m-l20 ${unref(bem).e("header-menu-radio-group")}`),
-                    onChange: handleMenuSwitchChange
-                  }, {
-                    default: withCtx(() => [
-                      (openBlock(true), createElementBlock(
-                        Fragment,
-                        null,
-                        renderList(unref(menuSwitchRadioList), (menuItem) => {
-                          return openBlock(), createBlock(_component_a_radio_button, {
-                            key: menuItem.value,
-                            class: normalizeClass(`${unref(bem).e("header-menu-icon")}`),
-                            value: menuItem.value
-                          }, {
-                            default: withCtx(() => [
-                              createVNode(unref(LlIcon), {
-                                "icon-name": menuItem.icon,
-                                size: 18
-                              }, null, 8, ["icon-name"])
-                            ]),
-                            _: 2
-                            /* DYNAMIC */
-                          }, 1032, ["class", "value"]);
-                        }),
-                        128
-                        /* KEYED_FRAGMENT */
-                      ))
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["value", "class"])) : createCommentVNode("v-if", true)
-                ],
-                2
-                /* CLASS */
-              )
+              renderSlot(_ctx.$slots, "header", {}, () => [
+                createCommentVNode(" \u5DE6\u8FB9\u7684\u63D2\u69FD "),
+                createElementVNode(
+                  "div",
+                  {
+                    class: normalizeClass(unref(bem).e("header-left"))
+                  },
+                  [
+                    renderSlot(_ctx.$slots, "headerLeft")
+                  ],
+                  2
+                  /* CLASS */
+                ),
+                createCommentVNode(" \u5185\u5BB9\u4E2D\u95F4\u63D2\u69FD "),
+                createElementVNode(
+                  "div",
+                  {
+                    class: normalizeClass(unref(bem).e("header-middle"))
+                  },
+                  [
+                    renderSlot(_ctx.$slots, "headerMiddle")
+                  ],
+                  2
+                  /* CLASS */
+                ),
+                createElementVNode(
+                  "div",
+                  {
+                    class: normalizeClass(unref(bem).e("header-right"))
+                  },
+                  [
+                    renderSlot(_ctx.$slots, "headerRight"),
+                    createCommentVNode(" \u5207\u6362table\u548Clist\u83DC\u5355 "),
+                    props.menuSwitchOptions?.show ? (openBlock(), createBlock(_component_a_radio_group, {
+                      key: 0,
+                      value: unref(contentType),
+                      "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(contentType) ? contentType.value = $event : null),
+                      class: normalizeClass(`m-l20 ${unref(bem).e("header-menu-radio-group")}`),
+                      onChange: handleMenuSwitchChange
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(
+                          Fragment,
+                          null,
+                          renderList(unref(menuSwitchRadioList), (menuItem) => {
+                            return openBlock(), createBlock(_component_a_radio_button, {
+                              key: menuItem.value,
+                              class: normalizeClass(`${unref(bem).e("header-menu-icon")}`),
+                              value: menuItem.value
+                            }, {
+                              default: withCtx(() => [
+                                createVNode(unref(LlIcon), {
+                                  "icon-name": menuItem.icon,
+                                  size: 18
+                                }, null, 8, ["icon-name"])
+                              ]),
+                              _: 2
+                              /* DYNAMIC */
+                            }, 1032, ["class", "value"]);
+                          }),
+                          128
+                          /* KEYED_FRAGMENT */
+                        ))
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["value", "class"])) : createCommentVNode("v-if", true)
+                  ],
+                  2
+                  /* CLASS */
+                )
+              ])
             ],
             2
             /* CLASS */
@@ -5222,7 +5483,7 @@ var _sfc_main$a = /* @__PURE__ */ defineComponent({
   }
 });
 
-var HeaderSearch$1 = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "header-search.vue"]]);
+var HeaderSearch$1 = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "header-search.vue"]]);
 
 var vuedraggable_umd = {exports: {}};
 
@@ -12250,7 +12511,7 @@ var require$$1 = /*@__PURE__*/getAugmentedNamespace(sortable_esm);
 var vuedraggable_umdExports = vuedraggable_umd.exports;
 var draggable = /* @__PURE__ */ getDefaultExportFromCjs(vuedraggable_umdExports);
 
-var _sfc_main$9 = /* @__PURE__ */ defineComponent({
+var _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...{
     name: "MainTable"
   },
@@ -12790,9 +13051,9 @@ var _sfc_main$9 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var MainTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "main-table.vue"]]);
+var MainTable = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "main-table.vue"]]);
 
-var _sfc_main$8 = /* @__PURE__ */ defineComponent({
+var _sfc_main$b = /* @__PURE__ */ defineComponent({
   ...{
     name: "TableHeaderSearch"
   },
@@ -12819,9 +13080,9 @@ var _sfc_main$8 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "pagination.vue"]]);
+var Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "pagination.vue"]]);
 
-var _sfc_main$7 = /* @__PURE__ */ defineComponent({
+var _sfc_main$a = /* @__PURE__ */ defineComponent({
   ...{ name: "LlTable" },
   __name: "table",
   props: tableProps,
@@ -12867,27 +13128,31 @@ var _sfc_main$7 = /* @__PURE__ */ defineComponent({
             },
             [
               createCommentVNode(" \u5934\u90E8seach "),
-              renderSlot(_ctx.$slots, "header", {}, () => [
-                createVNode(
-                  HeaderSearch$1,
-                  mergeProps(_ctx.headerSearchProps, { onHandleSwitchMenuChange: handleSwitchMenuChange }),
-                  {
-                    headerLeft: withCtx(() => [
-                      renderSlot(_ctx.$slots, "searchLeft")
-                    ]),
-                    headerMiddle: withCtx(() => [
-                      renderSlot(_ctx.$slots, "searchMiddle")
-                    ]),
-                    headerRight: withCtx(() => [
-                      renderSlot(_ctx.$slots, "searchRight")
-                    ]),
-                    _: 3
-                    /* FORWARDED */
-                  },
-                  16
-                  /* FULL_PROPS */
-                )
-              ]),
+              createVNode(
+                HeaderSearch$1,
+                mergeProps(_ctx.headerSearchProps, { onChange: handleSwitchMenuChange }),
+                {
+                  header: withCtx(() => [
+                    renderSlot(_ctx.$slots, "header")
+                  ]),
+                  headerLeft: withCtx(() => [
+                    renderSlot(_ctx.$slots, "headerLeft")
+                  ]),
+                  headerMiddle: withCtx(() => [
+                    renderSlot(_ctx.$slots, "headerMiddle")
+                  ]),
+                  headerRight: withCtx(() => [
+                    renderSlot(_ctx.$slots, "headerRight")
+                  ]),
+                  default: withCtx(() => [
+                    renderSlot(_ctx.$slots, "header")
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                },
+                16
+                /* FULL_PROPS */
+              ),
               createCommentVNode(" slot-content table\u548Ccard\u9ED8\u8BA4table "),
               createElementVNode(
                 "div",
@@ -12946,78 +13211,457 @@ var _sfc_main$7 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Table = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "table.vue"]]);
+var Table = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "table.vue"]]);
+
+const LlTable = withInstall(Table);
+
+const tabsSimpleProps = buildProps({
+  tabs: {
+    type: definePropType(Array),
+    default: () => []
+  },
+  activeKey: {
+    type: definePropType(String)
+  }
+});
+
+const _hoisted_1$1 = ["onClick"];
+var _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlTabsSimple" },
+  __name: "tabs-simple",
+  props: tabsSimpleProps,
+  emits: ["update:activeKey", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const bem = createNamespace("tabs-simple");
+    const handleClick = (tab) => {
+      emits("update:activeKey", tab.key);
+      emits("change", tab.key);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(bem).b())
+        },
+        [
+          (openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList(props.tabs, (tab) => {
+              return openBlock(), createElementBlock("div", {
+                key: tab.key,
+                class: normalizeClass([
+                  unref(bem).e("tabpane"),
+                  tab.key === props.activeKey ? unref(bem).is("actived") : ""
+                ]),
+                onClick: ($event) => handleClick(tab)
+              }, [
+                renderSlot(_ctx.$slots, "tab", { item: tab }, () => [
+                  createElementVNode(
+                    "span",
+                    null,
+                    toDisplayString(tab.name),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ], 10, _hoisted_1$1);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+var TabsSimple = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "tabs-simple.vue"]]);
+
+const LlTabsSimple = withInstall(TabsSimple);
+
+const timePickerProps = buildProps({
+  value: {
+    type: definePropType(String),
+    default: null
+  },
+  format: {
+    type: String,
+    default: "HH:mm:ss"
+  },
+  startTime: {
+    type: definePropType(String),
+    default: null
+  },
+  endTime: {
+    type: definePropType(String),
+    default: null
+  }
+});
+
+var _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlTimePicker" },
+  __name: "time-picker",
+  props: timePickerProps,
+  emits: ["update:value", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const attrs = useAttrs();
+    const bem = createNamespace("time-picker");
+    const innerValue = ref("");
+    const getStartTimeArr = computed(() => {
+      if (!props.startTime)
+        return [];
+      return String(props.startTime).split(":");
+    });
+    const getEndTimeArr = computed(() => {
+      if (!props.endTime)
+        return [];
+      return String(props.endTime).split(":");
+    });
+    const getBindValue = computed(() => ({
+      ...unref(attrs),
+      format: props.format,
+      valueFormat: props.format,
+      showNow: Reflect.has(attrs, "showNow") ? attrs.showTime : !props.startTime && !props.endTime,
+      disabledTime: Reflect.has(attrs, "disabledDate") ? attrs.disabledDate : () => ({
+        disabledHours: () => {
+          const { startTime, endTime } = props;
+          if (!startTime && !endTime)
+            return [];
+          const hours = [];
+          if (startTime) {
+            const startHour = Number(unref(getStartTimeArr)[0]);
+            for (let i = 0; i < startHour; i++) {
+              hours.push(i);
+            }
+          }
+          if (endTime) {
+            const endHour = Number(unref(getEndTimeArr)[0]);
+            for (let i = 0; i < 24; i++) {
+              if (i > endHour)
+                hours.push(i);
+            }
+          }
+          return hours;
+        },
+        disabledMinutes: (selectedHour) => {
+          const { startTime, endTime } = props;
+          if (!startTime && !endTime)
+            return [];
+          const minutes = [];
+          if (startTime) {
+            const startHour = Number(unref(getStartTimeArr)[0]);
+            const startMinute = Number(unref(getStartTimeArr)[1]);
+            if (selectedHour < startHour) {
+              for (let i = 0; i < 60; i++) {
+                minutes.push(i);
+              }
+              return minutes;
+            }
+            if (selectedHour === startHour) {
+              for (let i = 0; i < startMinute; i++) {
+                minutes.push(i);
+              }
+            }
+          }
+          if (endTime) {
+            const endHour = Number(unref(getEndTimeArr)[0]);
+            const endMinute = Number(unref(getEndTimeArr)[1]);
+            if (selectedHour === endHour) {
+              for (let i = 0; i < 60; i++) {
+                if (i > endMinute)
+                  minutes.push(i);
+              }
+              return minutes;
+            }
+            if (selectedHour > endHour) {
+              for (let i = 0; i < 60; i++) {
+                minutes.push(i);
+              }
+              return minutes;
+            }
+          }
+          return minutes;
+        },
+        disabledSeconds: (selectedHour, selectedMinute) => {
+          const { startTime, endTime } = props;
+          if (!startTime && !endTime || props.format === "HH:mm")
+            return [];
+          const seconds = [];
+          const selectedHourMinute = padZero(selectedHour) + padZero(selectedMinute);
+          if (startTime) {
+            const startHourMinute = unref(getStartTimeArr)[0] + unref(getStartTimeArr)[1];
+            const startSecond = unref(getStartTimeArr)[2] ? Number(unref(getStartTimeArr)[2]) : 0;
+            if (selectedHourMinute < startHourMinute) {
+              for (let i = 0; i < 60; i++) {
+                seconds.push(i);
+              }
+              return seconds;
+            }
+            if (selectedHourMinute === startHourMinute) {
+              for (let i = 0; i < startSecond; i++) {
+                seconds.push(i);
+              }
+            }
+          }
+          if (endTime) {
+            const endHourMinute = unref(getEndTimeArr)[0] + unref(getEndTimeArr)[1];
+            const endSecond = unref(getEndTimeArr)[2] ? Number(unref(getEndTimeArr)[2]) : 0;
+            if (selectedHourMinute === endHourMinute) {
+              for (let i = 0; i < 60; i++) {
+                if (i > endSecond)
+                  seconds.push(i);
+              }
+              return seconds;
+            }
+            if (selectedHourMinute > endHourMinute) {
+              for (let i = 0; i < 60; i++) {
+                seconds.push(i);
+              }
+              return seconds;
+            }
+          }
+          return seconds;
+        }
+      })
+    }));
+    watch(
+      () => props.value,
+      (val) => {
+        setValue(val);
+      },
+      { immediate: true }
+    );
+    function setValue(value) {
+      innerValue.value = value;
+    }
+    function onChange(date) {
+      emit("update:value", date);
+      emit("change", date);
+    }
+    function padZero(str) {
+      return new RegExp(/^\d$/g).test(str) ? `0${str}` : str.toString();
+    }
+    return (_ctx, _cache) => {
+      const _component_a_time_picker = resolveComponent("a-time-picker");
+      return openBlock(), createBlock(_component_a_time_picker, mergeProps(getBindValue.value, {
+        value: innerValue.value,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event),
+        class: unref(bem).b(),
+        onChange
+      }), createSlots({
+        _: 2
+        /* DYNAMIC */
+      }, [
+        renderList(Object.keys(_ctx.$slots), (item) => {
+          return {
+            name: item,
+            fn: withCtx((data) => [
+              renderSlot(_ctx.$slots, item, normalizeProps(guardReactiveProps(data || {})))
+            ])
+          };
+        })
+      ]), 1040, ["value", "class"]);
+    };
+  }
+});
+
+var TimePicker = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "time-picker.vue"]]);
 
-const LlTable = withInstall(Table);
+const LlTimePicker = withInstall(TimePicker);
 
-const tabsSimpleProps = buildProps({
-  tabs: {
-    type: definePropType(Array),
-    default: () => []
+const timeRangeProps = buildProps({
+  value: {
+    type: definePropType(
+      String
+    ),
+    default: null
   },
-  activeKey: {
-    type: definePropType(String)
+  format: {
+    type: String,
+    default: "HH:mm:ss"
+  },
+  startTime: {
+    type: definePropType(String),
+    default: null
+  },
+  endTime: {
+    type: definePropType(String),
+    default: null
+  },
+  placeholder: {
+    type: definePropType(String),
+    default: () => ["\u5F00\u59CB\u65F6\u95F4", "\u7ED3\u675F\u65F6\u95F4"]
   }
 });
 
-const _hoisted_1 = ["onClick"];
-var _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  ...{ name: "LlTabsSimple" },
-  __name: "tabs-simple",
-  props: tabsSimpleProps,
-  emits: ["update:activeKey", "change"],
+var _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlTimeRange" },
+  __name: "time-range",
+  props: timeRangeProps,
+  emits: ["update:value", "change"],
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const emits = __emit;
-    const bem = createNamespace("tabs-simple");
-    const handleClick = (tab) => {
-      emits("update:activeKey", tab.key);
-      emits("change", tab.key);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass(unref(bem).b())
+    const emit = __emit;
+    const attrs = useAttrs();
+    const bem = createNamespace("date-range");
+    const innerValue = ref(null);
+    const getStartTimeArr = computed(() => {
+      if (!props.startTime)
+        return [];
+      return String(props.startTime).split(":");
+    });
+    const getEndTimeArr = computed(() => {
+      if (!props.endTime)
+        return [];
+      return String(props.endTime).split(":");
+    });
+    const getBindValue = computed(() => ({
+      ...unref(attrs),
+      placeholder: props.placeholder,
+      format: props.format,
+      valueFormat: props.format,
+      showNow: Reflect.has(attrs, "showNow") ? attrs.showTime : !props.startTime && !props.endTime,
+      disabledTime: Reflect.has(attrs, "disabledDate") ? attrs.disabledDate : () => ({
+        disabledHours: () => {
+          const { startTime, endTime } = props;
+          if (!startTime && !endTime)
+            return [];
+          const hours = [];
+          if (startTime) {
+            const startHour = Number(unref(getStartTimeArr)[0]);
+            for (let i = 0; i < startHour; i++) {
+              hours.push(i);
+            }
+          }
+          if (endTime) {
+            const endHour = Number(unref(getEndTimeArr)[0]);
+            for (let i = 0; i < 24; i++) {
+              if (i > endHour)
+                hours.push(i);
+            }
+          }
+          return hours;
         },
-        [
-          (openBlock(true), createElementBlock(
-            Fragment,
-            null,
-            renderList(props.tabs, (tab) => {
-              return openBlock(), createElementBlock("div", {
-                key: tab.key,
-                class: normalizeClass([
-                  unref(bem).e("tabpane"),
-                  tab.key === props.activeKey ? unref(bem).is("actived") : ""
-                ]),
-                onClick: ($event) => handleClick(tab)
-              }, [
-                renderSlot(_ctx.$slots, "tab", { item: tab }, () => [
-                  createElementVNode(
-                    "span",
-                    null,
-                    toDisplayString(tab.name),
-                    1
-                    /* TEXT */
-                  )
-                ])
-              ], 10, _hoisted_1);
-            }),
-            128
-            /* KEYED_FRAGMENT */
-          ))
-        ],
-        2
-        /* CLASS */
-      );
+        disabledMinutes: (selectedHour) => {
+          const { startTime, endTime } = props;
+          if (!startTime && !endTime)
+            return [];
+          const minutes = [];
+          if (startTime) {
+            const startHour = Number(unref(getStartTimeArr)[0]);
+            const startMinute = Number(unref(getStartTimeArr)[1]);
+            if (selectedHour < startHour) {
+              for (let i = 0; i < 60; i++) {
+                minutes.push(i);
+              }
+              return minutes;
+            }
+            if (selectedHour === startHour) {
+              for (let i = 0; i < startMinute; i++) {
+                minutes.push(i);
+              }
+            }
+          }
+          if (endTime) {
+            const endHour = Number(unref(getEndTimeArr)[0]);
+            const endMinute = Number(unref(getEndTimeArr)[1]);
+            if (selectedHour === endHour) {
+              for (let i = 0; i < 60; i++) {
+                if (i > endMinute)
+                  minutes.push(i);
+              }
+              return minutes;
+            }
+            if (selectedHour > endHour) {
+              for (let i = 0; i < 60; i++) {
+                minutes.push(i);
+              }
+              return minutes;
+            }
+          }
+          return minutes;
+        },
+        disabledSeconds: (selectedHour, selectedMinute) => {
+          const { startTime, endTime } = props;
+          if (!startTime && !endTime || props.format === "HH:mm")
+            return [];
+          const seconds = [];
+          const selectedHourMinute = padZero(selectedHour) + padZero(selectedMinute);
+          if (startTime) {
+            const startHourMinute = unref(getStartTimeArr)[0] + unref(getStartTimeArr)[1];
+            const startSecond = unref(getStartTimeArr)[2] ? Number(unref(getStartTimeArr)[2]) : 0;
+            if (selectedHourMinute < startHourMinute) {
+              for (let i = 0; i < 60; i++) {
+                seconds.push(i);
+              }
+              return seconds;
+            }
+            if (selectedHourMinute === startHourMinute) {
+              for (let i = 0; i < startSecond; i++) {
+                seconds.push(i);
+              }
+            }
+          }
+          if (endTime) {
+            const endHourMinute = unref(getEndTimeArr)[0] + unref(getEndTimeArr)[1];
+            const endSecond = unref(getEndTimeArr)[2] ? Number(unref(getEndTimeArr)[2]) : 0;
+            if (selectedHourMinute === endHourMinute) {
+              for (let i = 0; i < 60; i++) {
+                if (i > endSecond)
+                  seconds.push(i);
+              }
+              return seconds;
+            }
+            if (selectedHourMinute > endHourMinute) {
+              for (let i = 0; i < 60; i++) {
+                seconds.push(i);
+              }
+              return seconds;
+            }
+          }
+          return seconds;
+        }
+      })
+    }));
+    watch(
+      () => props.value,
+      (val) => {
+        setValue(val);
+      },
+      { immediate: true }
+    );
+    function setValue(value) {
+      innerValue.value = value;
+    }
+    function onChange(date) {
+      emit("update:value", date);
+      emit("change", date);
+    }
+    function padZero(str) {
+      return new RegExp(/^\d$/g).test(str) ? `0${str}` : str.toString();
+    }
+    return (_ctx, _cache) => {
+      const _component_a_time_range_picker = resolveComponent("a-time-range-picker");
+      return openBlock(), createBlock(_component_a_time_range_picker, mergeProps(getBindValue.value, {
+        value: innerValue.value,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event),
+        class: unref(bem).b(),
+        onChange
+      }), null, 16, ["value", "class"]);
     };
   }
 });
 
-var TabsSimple = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "tabs-simple.vue"]]);
+var TimeRange = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "time-range.vue"]]);
 
-const LlTabsSimple = withInstall(TabsSimple);
+const LlTimeRange = withInstall(TimeRange);
 
 const placement = [
   "top",
@@ -13058,7 +13702,7 @@ const tooltipProps = buildProps({
   }
 });
 
-var _sfc_main$5 = /* @__PURE__ */ defineComponent({
+var _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{ name: "LlTooltip" },
   __name: "tooltip",
   props: tooltipProps,
@@ -13096,7 +13740,7 @@ var _sfc_main$5 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "tooltip.vue"]]);
+var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "tooltip.vue"]]);
 
 const LlTooltip = withInstall(Tooltip);
 
@@ -18765,7 +19409,7 @@ lodash/lodash.js:
    *)
 */
 
-var _sfc_main$4 = /* @__PURE__ */ defineComponent({
+var _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...{ name: "LlTreeSelectHeaderSearch" },
   __name: "header-search",
   props: treeSelectHeaderSearchProps,
@@ -18824,9 +19468,9 @@ var _sfc_main$4 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var HeaderSearch = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "header-search.vue"]]);
+var HeaderSearch = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "header-search.vue"]]);
 
-var _sfc_main$3 = /* @__PURE__ */ defineComponent({
+var _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...{ name: "LlTreeSelectDirectoryTitle" },
   __name: "directory-title",
   props: treeSelectDirectoryTitleProps,
@@ -18913,9 +19557,9 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var DirectoryTitle = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "directory-title.vue"]]);
+var DirectoryTitle = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "directory-title.vue"]]);
 
-var _sfc_main$2 = /* @__PURE__ */ defineComponent({
+var _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{ name: "LlTreeSelectTreeList" },
   __name: "tree-list",
   props: treeSelectTreeListProps,
@@ -19064,9 +19708,9 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var TreeList = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "tree-list.vue"]]);
+var TreeList = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "tree-list.vue"]]);
 
-var _sfc_main$1 = /* @__PURE__ */ defineComponent({
+var _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...{ name: "LlTreeSearch" },
   __name: "tree-search",
   props: treeSearchProps,
@@ -19192,40 +19836,181 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var TreeSearch = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "tree-search.vue"]]);
+var TreeSearch = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "tree-search.vue"]]);
 
 const LlTreeSearch = withInstall(TreeSearch);
 
-const dropdownProps = buildProps({
-  /**
-   * @description 菜单
-   */
+const sharedProps = {
+  dropdownItems: {
+    type: Array,
+    // Use generic way to define array type
+    required: false
+    // You can add other properties like 'required' if needed
+  },
   overlay: {
-    type: definePropType(Array)
+    type: Array,
+    // Similarly, define type for overlay
+    required: false
+  }
+};
+const dropdownProps = buildProps({
+  ...sharedProps
+  // Add other specific props for dropdown if needed
+});
+const dropdownButtonProps = buildProps({
+  ...sharedProps,
+  buttonLabel: {
+    type: String,
+    required: false
+    // Assuming this is required for button label
   }
+  // Add other specific props for dropdown button if needed
 });
 
-var _sfc_main = /* @__PURE__ */ defineComponent({
+var _sfc_main$1 = /* @__PURE__ */ defineComponent({
   ...{ name: "LlDropdown" },
   __name: "dropdown",
   props: dropdownProps,
-  setup(__props) {
+  emits: ["claimSelected"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const { dropdownItems } = toRefs(props);
+    const emits = __emit;
+    const bem = createNamespace("dropdown");
+    const attrs = useAttrs();
+    const handleMenuItemClick = (item) => {
+      emits("claimSelected", item);
+    };
     return (_ctx, _cache) => {
+      const _component_a_menu_item = resolveComponent("a-menu-item");
+      const _component_a_menu = resolveComponent("a-menu");
       const _component_a_dropdown = resolveComponent("a-dropdown");
-      return openBlock(), createBlock(_component_a_dropdown, { overlay: _ctx.overlay }, {
-        trigger: withCtx(() => [
+      return openBlock(), createBlock(_component_a_dropdown, mergeProps(unref(attrs), {
+        class: unref(bem).b()
+      }), {
+        overlay: withCtx(() => [
+          createVNode(_component_a_menu, null, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(unref(dropdownItems), (item, index) => {
+                  return openBlock(), createBlock(_component_a_menu_item, {
+                    key: index,
+                    onClick: withModifiers(($event) => handleMenuItemClick(item), ["stop"])
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(
+                        toDisplayString(item.label),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1032, ["onClick"]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
         /* FORWARDED */
-      }, 8, ["overlay"]);
+      }, 16, ["class"]);
+    };
+  }
+});
+
+var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "dropdown.vue"]]);
+
+const _hoisted_1 = { key: 0 };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlDropdownButton" },
+  __name: "dropdown-button",
+  props: dropdownButtonProps,
+  emits: ["claimSelected"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const bem = createNamespace("dropdown-button");
+    const attrs = useAttrs();
+    const handleMenuItemClick = (item) => {
+      emits("claimSelected", item);
+    };
+    return (_ctx, _cache) => {
+      const _component_a_menu_item = resolveComponent("a-menu-item");
+      const _component_a_menu = resolveComponent("a-menu");
+      const _component_a_dropdown_button = resolveComponent("a-dropdown-button");
+      return openBlock(), createBlock(_component_a_dropdown_button, mergeProps(unref(attrs), {
+        class: unref(bem).b()
+      }), createSlots({
+        overlay: withCtx(() => [
+          createVNode(_component_a_menu, {
+            class: normalizeClass(unref(bem).e("dropdown-button-menu"))
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(_ctx.dropdownItems, (item, index) => {
+                  return openBlock(), createBlock(_component_a_menu_item, {
+                    key: index,
+                    onClick: withModifiers(($event) => handleMenuItemClick(item), ["stop"])
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(
+                        toDisplayString(item.label),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1032, ["onClick"]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["class"])
+        ]),
+        default: withCtx(() => [
+          _ctx.buttonLabel ? (openBlock(), createElementBlock(
+            "span",
+            _hoisted_1,
+            toDisplayString(_ctx.buttonLabel),
+            1
+            /* TEXT */
+          )) : createCommentVNode("v-if", true),
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 2
+        /* DYNAMIC */
+      }, [
+        _ctx.$slots.icon ? {
+          name: "icon",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "icon")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["class"]);
     };
   }
 });
 
-var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "dropdown.vue"]]);
+var DropdownButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "dropdown-button.vue"]]);
 
 const LlDropdown = withInstall(Dropdown);
+const LlDropdownButton = withInstall(DropdownButton);
 
 var Components = [
   LlAdvancedFiltering,
@@ -19233,9 +20018,12 @@ var Components = [
   LlAdvancedFilteringTags,
   LlAvatar,
   LlButton,
+  LlCascader,
   LlCheckbox,
   LlCheckboxGroup,
   LlConfigProvider,
+  LlDatePicker,
+  LlDateRange,
   LlDescriptions,
   LlDescriptionsItem,
   LlDrawer,
@@ -19254,6 +20042,8 @@ var Components = [
   LlSwitch,
   LlTable,
   LlTabsSimple,
+  LlTimePicker,
+  LlTimeRange,
   LlTooltip,
   LlTreeSearch,
   LlDropdown
@@ -19263,4 +20053,4 @@ var installer = makeInstaller([...Components]);
 
 const install = installer.install;
 
-export { CheckboxGroupProps, CheckboxProps, ImenuSwitchType, LlAdvancedFiltering, LlAdvancedFilteringParams, LlAdvancedFilteringTags, LlAvatar, LlButton, LlCheckbox, LlCheckboxGroup, LlConfigProvider, LlDescriptions, LlDescriptionsItem, LlDrawer, LlDropdown, LlEmpty, LlForm, LlFormItem, LlIcon, LlIconBase, LlInput, LlInputNumber, LlModal, LlOperateIcon, LlSelect, LlSelectGroup, LlSpace, LlSwitch, LlTable, LlTabsSimple, LlTooltip, LlTreeSearch, SwitchProps, TreeSelectTreeListEmits, advancedFilteringParamsProps, advancedFilteringProps, avatarEmits, avatarProps, avatarType, buttonProps, installer as default, descriptionsItemProps, descriptionsProps, drawerProps, dropdownProps, emptyProps, formProps, headerSearchEmits, iconBaseProps, iconProps, iconTypes, inputNumberProps, inputProps, install, mainTableEmits, mainTableProps, menuSwitchRadioList, modalProps, operateIconEmits, operateIconProps, placement, selectGroupData, selectGroupEmits, selectGroupFormType, selectGroupProps, selectProps, tableHeaderSearchProps, tablePaginationProps, tableProps, tabsSimpleProps, tooltipProps, treeSearchEmits, treeSearchOperateWayType, treeSearchProps, treeSelectDirectoryTitleEmits, treeSelectDirectoryTitleProps, treeSelectHeaderSearchEmits, treeSelectHeaderSearchProps, treeSelectTreeListEmits, treeSelectTreeListProps, url };
+export { CheckboxGroupProps, CheckboxProps, ImenuSwitchType, LlAdvancedFiltering, LlAdvancedFilteringParams, LlAdvancedFilteringTags, LlAvatar, LlButton, LlCascader, LlCheckbox, LlCheckboxGroup, LlConfigProvider, LlDatePicker, LlDateRange, LlDescriptions, LlDescriptionsItem, LlDrawer, LlDropdown, LlDropdownButton, LlEmpty, LlForm, LlFormItem, LlIcon, LlIconBase, LlInput, LlInputNumber, LlModal, LlOperateIcon, LlSelect, LlSelectGroup, LlSpace, LlSwitch, LlTable, LlTabsSimple, LlTimePicker, LlTimeRange, LlTooltip, LlTreeSearch, SwitchProps, TreeSelectTreeListEmits, advancedFilteringParamsProps, advancedFilteringProps, avatarEmits, avatarProps, avatarType, buttonProps, datePickerProps, dateRangeProps, installer as default, descriptionsItemProps, descriptionsProps, drawerProps, dropdownButtonProps, dropdownProps, emptyProps, formProps, iconBaseProps, iconProps, iconTypes, inputNumberProps, inputProps, install, mainTableEmits, mainTableProps, menuSwitchRadioList, modalProps, operateIconEmits, operateIconProps, placement, selectGroupData, selectGroupEmits, selectGroupFormType, selectGroupProps, selectProps, tableHeaderSearchEmits, tableHeaderSearchProps, tablePaginationProps, tableProps, tabsSimpleProps, timePickerProps, timeRangeProps, tooltipProps, treeSearchEmits, treeSearchOperateWayType, treeSearchProps, treeSelectDirectoryTitleEmits, treeSelectDirectoryTitleProps, treeSelectHeaderSearchEmits, treeSelectHeaderSearchProps, treeSelectTreeListEmits, treeSelectTreeListProps, url };