ll-plus 2.6.17 → 2.6.19

package/index.full.mjs

@@ -50121,6 +50121,10 @@ const cropperImageProps = buildProps({
     type: Boolean,
     default: false
   },
+  loading: {
+    type: Boolean,
+    default: false
+  },
   realTimePreview: {
     type: Boolean,
     default: true
@@ -50158,6 +50162,10 @@ const cropperModalProps = buildProps({
     type: Boolean,
     default: false
   },
+  loading: {
+    type: Boolean,
+    default: false
+  },
   avatar: {
     type: String,
     default: ""
@@ -50196,6 +50204,7 @@ var _sfc_main$17 = /* @__PURE__ */ defineComponent({
     const imgElRef = ref();
     const cropper = ref();
     const isReady = ref(false);
+    const loading = ref(props.loading);
     const getImageStyle = computed(() => {
       return {
         height: props.height,
@@ -50211,10 +50220,12 @@ var _sfc_main$17 = /* @__PURE__ */ defineComponent({
       if (!imgEl) {
         return;
       }
+      loading.value = true;
       cropper.value = new Cropper(imgEl, {
         ...defaultCropperOptions,
         ready() {
           isReady.value = true;
+          loading.value = false;
           realTimeCroppered();
           emits("onReady", cropper.value);
         },
@@ -50280,32 +50291,50 @@ var _sfc_main$17 = /* @__PURE__ */ defineComponent({
       context.fill();
       return canvas;
     };
+    const handleLoading = () => {
+      loading.value = true;
+      console.log("loading");
+    };
     onMounted(init);
     onUnmounted(() => {
       cropper.value?.destroy();
     });
+    watch(
+      () => props.loading,
+      (val) => {
+        loading.value = val;
+      }
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass([unref(bem).b(), props.circled ? unref(bem).is("circled") : ""]),
-          style: normalizeStyle(getWrapperStyle.value)
-        },
-        [
-          withDirectives(createElementVNode("img", {
-            ref_key: "imgElRef",
-            ref: imgElRef,
-            src: _ctx.src,
-            alt: _ctx.alt,
-            crossorigin: _ctx.crossorigin,
-            style: normalizeStyle(getImageStyle.value)
-          }, null, 12, _hoisted_1$h), [
-            [vShow, isReady.value]
-          ])
-        ],
-        6
-        /* CLASS, STYLE */
-      );
+      const _component_a_spin = resolveComponent("a-spin");
+      return openBlock(), createBlock(_component_a_spin, { spinning: loading.value }, {
+        default: withCtx(() => [
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass([unref(bem).b(), props.circled ? unref(bem).is("circled") : ""]),
+              style: normalizeStyle(getWrapperStyle.value)
+            },
+            [
+              withDirectives(createElementVNode("img", {
+                ref_key: "imgElRef",
+                ref: imgElRef,
+                src: _ctx.src,
+                alt: _ctx.alt,
+                crossorigin: _ctx.crossorigin,
+                style: normalizeStyle(getImageStyle.value),
+                onLoad: handleLoading
+              }, null, 44, _hoisted_1$h), [
+                [vShow, isReady.value]
+              ])
+            ],
+            6
+            /* CLASS, STYLE */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["spinning"]);
     };
   }
 });
@@ -50318,7 +50347,7 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
   __name: "cropper-modal",
   props: cropperModalProps,
   emits: cropperModalEmits,
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const bem = createNamespace("cropper-modal");
@@ -50326,16 +50355,23 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
     const avatar = ref(props.avatar || "");
     const open = ref(false);
     const previewSource = ref("");
+    const loading = ref(props.loading);
+    const uploadLoading = ref(false);
     const cropper = ref();
     let scaleX = 1;
     let scaleY = 1;
     function handleBeforeUpload(file) {
       const reader = new FileReader();
       reader.readAsDataURL(file);
+      uploadLoading.value = true;
       src.value = "";
       previewSource.value = "";
       reader.onload = function(e) {
         src.value = e.target?.result ?? "";
+        uploadLoading.value = false;
+      };
+      reader.onerror = () => {
+        uploadLoading.value = false;
       };
       return false;
     }
@@ -50365,10 +50401,13 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
       avatar.value = previewSource.value;
       open.value = false;
     }
+    const cleanValue = () => {
+      src.value = "";
+      avatar.value = "";
+    };
     watch(
       () => props.avatar,
       (val) => {
-        console.log({ val });
         src.value = val;
         avatar.value = val;
       },
@@ -50376,6 +50415,12 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
         immediate: true
       }
     );
+    watchEffect(() => {
+      loading.value = props.loading;
+    });
+    __expose({
+      cleanValue
+    });
     return (_ctx, _cache) => {
       const _component_ll_icon = resolveComponent("ll-icon");
       const _component_ll_button = resolveComponent("ll-button");
@@ -50383,6 +50428,7 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
       const _component_a_upload = resolveComponent("a-upload");
       const _component_ll_space = resolveComponent("ll-space");
       const _component_ll_image = resolveComponent("ll-image");
+      const _component_a_spin = resolveComponent("a-spin");
       const _component_ll_modal = resolveComponent("ll-modal");
       return openBlock(), createElementBlock(
         Fragment,
@@ -50395,6 +50441,7 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
             keyboard: false,
             "mask-closable": false,
             "ok-text": "\u786E\u5B9A",
+            loading: uploadLoading.value,
             onCancel: _cache[8] || (_cache[8] = ($event) => open.value = false),
             onOk: handleOk
           }, {
@@ -50422,9 +50469,10 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
                             src: src.value,
                             height: "300px",
                             circled: _ctx.circled,
+                            loading: uploadLoading.value,
                             onCropend: handleCropend,
                             onOnReady: handleReady
-                          }, null, 8, ["src", "circled"])) : createCommentVNode("v-if", true)
+                          }, null, 8, ["src", "circled", "loading"])) : createCommentVNode("v-if", true)
                         ],
                         2
                         /* CLASS */
@@ -50449,6 +50497,7 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
                                   createVNode(_component_ll_button, {
                                     type: "primary",
                                     size: "small",
+                                    disabled: uploadLoading.value,
                                     onClick: _cache[0] || (_cache[0] = ($event) => handlerToolbar("reset"))
                                   }, {
                                     default: withCtx(() => [
@@ -50456,7 +50505,7 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
                                     ]),
                                     _: 1
                                     /* STABLE */
-                                  })
+                                  }, 8, ["disabled"])
                                 ]),
                                 _: 1
                                 /* STABLE */
@@ -50475,7 +50524,7 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
                                   createVNode(_component_ll_button, {
                                     type: "primary",
                                     size: "small",
-                                    disabled: !src.value,
+                                    disabled: !src.value || uploadLoading.value,
                                     onClick: _cache[1] || (_cache[1] = ($event) => handlerToolbar("reset"))
                                   }, {
                                     default: withCtx(() => [
@@ -50496,7 +50545,7 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
                                   createVNode(_component_ll_button, {
                                     type: "primary",
                                     size: "small",
-                                    disabled: !src.value,
+                                    disabled: !src.value || uploadLoading.value,
                                     onClick: _cache[2] || (_cache[2] = ($event) => handlerToolbar("rotate", -45))
                                   }, {
                                     default: withCtx(() => [
@@ -50517,7 +50566,7 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
                                   createVNode(_component_ll_button, {
                                     type: "primary",
                                     size: "small",
-                                    disabled: !src.value,
+                                    disabled: !src.value || uploadLoading.value,
                                     onClick: _cache[3] || (_cache[3] = ($event) => handlerToolbar("rotate", 45))
                                   }, {
                                     default: withCtx(() => [
@@ -50538,7 +50587,7 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
                                   createVNode(_component_ll_button, {
                                     type: "primary",
                                     size: "small",
-                                    disabled: !src.value,
+                                    disabled: !src.value || uploadLoading.value,
                                     onClick: _cache[4] || (_cache[4] = ($event) => handlerToolbar("scaleX"))
                                   }, {
                                     default: withCtx(() => [
@@ -50559,7 +50608,7 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
                                   createVNode(_component_ll_button, {
                                     type: "primary",
                                     size: "small",
-                                    disabled: !src.value,
+                                    disabled: !src.value || uploadLoading.value,
                                     onClick: _cache[5] || (_cache[5] = ($event) => handlerToolbar("scaleY"))
                                   }, {
                                     default: withCtx(() => [
@@ -50580,7 +50629,7 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
                                   createVNode(_component_ll_button, {
                                     type: "primary",
                                     size: "small",
-                                    disabled: !src.value,
+                                    disabled: !src.value || uploadLoading.value,
                                     onClick: _cache[6] || (_cache[6] = ($event) => handlerToolbar("zoom", 0.1))
                                   }, {
                                     default: withCtx(() => [
@@ -50601,7 +50650,7 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
                                   createVNode(_component_ll_button, {
                                     type: "primary",
                                     size: "small",
-                                    disabled: !src.value,
+                                    disabled: !src.value || uploadLoading.value,
                                     onClick: _cache[7] || (_cache[7] = ($event) => handlerToolbar("zoom", -0.1))
                                   }, {
                                     default: withCtx(() => [
@@ -50632,56 +50681,62 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
                       class: normalizeClass(unref(bem).e("right"))
                     },
                     [
-                      createElementVNode(
-                        "div",
-                        {
-                          class: normalizeClass(unref(bem).e("preview"))
-                        },
-                        [
-                          previewSource.value ? (openBlock(), createElementBlock("img", {
-                            key: 0,
-                            src: previewSource.value,
-                            alt: "\u9884\u89C8"
-                          }, null, 8, _hoisted_1$g)) : createCommentVNode("v-if", true)
-                        ],
-                        2
-                        /* CLASS */
-                      ),
-                      previewSource.value ? (openBlock(), createElementBlock(
-                        "div",
-                        {
-                          key: 0,
-                          class: normalizeClass(unref(bem).e("group"))
-                        },
-                        [
-                          createVNode(_component_ll_image, {
-                            preview: false,
-                            src: previewSource.value,
-                            width: 32,
-                            height: 32
-                          }, null, 8, ["src"]),
-                          createVNode(_component_ll_image, {
-                            preview: false,
-                            src: previewSource.value,
-                            width: 48,
-                            height: 48
-                          }, null, 8, ["src"]),
-                          createVNode(_component_ll_image, {
-                            preview: false,
-                            src: previewSource.value,
-                            width: 64,
-                            height: 64
-                          }, null, 8, ["src"]),
-                          createVNode(_component_ll_image, {
-                            preview: false,
-                            src: previewSource.value,
-                            width: 80,
-                            height: 80
-                          }, null, 8, ["src"])
-                        ],
-                        2
-                        /* CLASS */
-                      )) : createCommentVNode("v-if", true)
+                      createVNode(_component_a_spin, { spinning: uploadLoading.value }, {
+                        default: withCtx(() => [
+                          createElementVNode(
+                            "div",
+                            {
+                              class: normalizeClass(unref(bem).e("preview"))
+                            },
+                            [
+                              previewSource.value ? (openBlock(), createElementBlock("img", {
+                                key: 0,
+                                src: previewSource.value,
+                                alt: "\u9884\u89C8"
+                              }, null, 8, _hoisted_1$g)) : createCommentVNode("v-if", true)
+                            ],
+                            2
+                            /* CLASS */
+                          ),
+                          previewSource.value ? (openBlock(), createElementBlock(
+                            "div",
+                            {
+                              key: 0,
+                              class: normalizeClass(unref(bem).e("group"))
+                            },
+                            [
+                              createVNode(_component_ll_image, {
+                                preview: false,
+                                src: previewSource.value,
+                                width: 32,
+                                height: 32
+                              }, null, 8, ["src"]),
+                              createVNode(_component_ll_image, {
+                                preview: false,
+                                src: previewSource.value,
+                                width: 48,
+                                height: 48
+                              }, null, 8, ["src"]),
+                              createVNode(_component_ll_image, {
+                                preview: false,
+                                src: previewSource.value,
+                                width: 64,
+                                height: 64
+                              }, null, 8, ["src"]),
+                              createVNode(_component_ll_image, {
+                                preview: false,
+                                src: previewSource.value,
+                                width: 80,
+                                height: 80
+                              }, null, 8, ["src"])
+                            ],
+                            2
+                            /* CLASS */
+                          )) : createCommentVNode("v-if", true)
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["spinning"])
                     ],
                     2
                     /* CLASS */
@@ -50693,25 +50748,35 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["open", "title", "width"]),
+          }, 8, ["open", "title", "width", "loading"]),
           createElementVNode(
             "div",
             {
               class: normalizeClass(unref(bem).e("cropper-avatar")),
               style: normalizeStyle({
-                cursor: props.disabled ? "not-allowed" : "pointer"
+                cursor: props.disabled ? "not-allowed" : "pointer",
+                display: "inline-block"
               }),
               onClick: handleOpen
             },
             [
-              renderSlot(_ctx.$slots, "default", { src: avatar.value }, () => [
-                createVNode(_component_ll_image, {
-                  src: avatar.value,
-                  width: 64,
-                  height: 64,
-                  preview: false
-                }, null, 8, ["src"])
-              ])
+              createVNode(_component_a_spin, {
+                spinning: loading.value,
+                style: { "display": "inline-block" }
+              }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "default", { src: avatar.value }, () => [
+                    createVNode(_component_ll_image, {
+                      src: avatar.value,
+                      width: 64,
+                      height: 64,
+                      preview: false
+                    }, null, 8, ["src"])
+                  ])
+                ]),
+                _: 3
+                /* FORWARDED */
+              }, 8, ["spinning"])
             ],
             6
             /* CLASS, STYLE */
@@ -61519,6 +61584,27 @@ const formProps = buildProps({
   loading: {
     type: Boolean,
     default: false
+  },
+  /**
+   * @description 自动聚焦
+   */
+  autoFocus: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 是否全体禁用
+   */
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 当某一规则校验不通过时，是否停止剩下的规则的校验
+   */
+  validateErrorStop: {
+    type: Boolean,
+    default: false
   }
 });
 const formEmits = {
@@ -61554,10 +61640,11 @@ var _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "form-component",
   props: formComponentProps,
   emits: formComponentEmits,
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const formData = reactive(props.formData);
+    const componentRef = ref();
     const getBindValue = (item) => {
       const obj = { ...item };
       return omit(obj, ["label", "onChange", "change"]);
@@ -61572,13 +61659,29 @@ var _sfc_main$Q = /* @__PURE__ */ defineComponent({
       }
       emits("changeField", item);
     };
+    const focus = async () => {
+      await nextTick();
+      console.log(componentRef.value);
+      componentRef.value?.focus();
+    };
+    const getItem = () => {
+      return props.item;
+    };
+    __expose({
+      focus,
+      getItem
+    });
     return (_ctx, _cache) => {
       return unref(checkedType).includes(_ctx.item.type) ? (openBlock(), createBlock(resolveDynamicComponent(`ll-${_ctx.item.type}`), mergeProps({
         key: 0,
+        ref_key: "componentRef",
+        ref: componentRef,
         checked: formData[_ctx.item.key],
         "onUpdate:checked": _cache[0] || (_cache[0] = ($event) => formData[_ctx.item.key] = $event)
       }, getBindValue(_ctx.item), { onChange: handleChange }), null, 16, ["checked"])) : (openBlock(), createBlock(resolveDynamicComponent(`ll-${_ctx.item.type}`), mergeProps({
         key: 1,
+        ref_key: "componentRef",
+        ref: componentRef,
         value: formData[_ctx.item.key],
         "onUpdate:value": _cache[1] || (_cache[1] = ($event) => formData[_ctx.item.key] = $event)
       }, getBindValue(_ctx.item), { onChange: handleChange }), null, 16, ["value"]));
@@ -61599,9 +61702,46 @@ var _sfc_main$P = /* @__PURE__ */ defineComponent({
     const bem = createNamespace("form");
     const formData = reactive(props.formData);
     const formRef = ref();
+    const formComponents = ref([]);
+    const computedFormColumns = computed(() => {
+      return props.formColumns.map((e) => {
+        e.disabled = has(e, "disabled") ? e.disabled : props.disabled;
+        if (e.children && e.children.length) {
+          e.children.map((a) => {
+            a.disabled = has(a, "disabled") ? a.disabled : props.disabled;
+            return a;
+          });
+        }
+        return e;
+      });
+    });
+    const validateFields = computed(() => {
+      return props.formColumns.filter((e) => e.required || has(e, "rules") && e.rules.length > 0).map((e) => {
+        return e.key;
+      });
+    });
+    const computedFormOptions = computed(() => {
+      return {
+        scrollToFirstError: !props.validateErrorStop,
+        ...props.formOptions
+      };
+    });
     const id = ref(`ll-form-${+/* @__PURE__ */ new Date()}`);
     const validate = async () => {
-      return await formRef.value.validateFields();
+      if (props.validateErrorStop) {
+        clearValidate();
+        let bool = true;
+        if (!validateFields.value.length)
+          return bool;
+        for (const i of validateFields.value) {
+          bool = await formRef.value.validateFields([i]);
+          if (!bool) {
+            return bool;
+          }
+        }
+      } else {
+        return await formRef.value.validateFields();
+      }
     };
     const resetFields = async () => {
       return await formRef.value.resetFields();
@@ -61641,6 +61781,18 @@ var _sfc_main$P = /* @__PURE__ */ defineComponent({
         immediate: true
       }
     );
+    onMounted(async () => {
+      await nextTick();
+      if (props.autoFocus) {
+        for (const element of formComponents.value) {
+          const item = element?.getItem();
+          if (["input", "textarea", "input-number"].includes(item.type)) {
+            element?.focus();
+            break;
+          }
+        }
+      }
+    });
     __expose({
       validate,
       resetFields,
@@ -61664,7 +61816,7 @@ var _sfc_main$P = /* @__PURE__ */ defineComponent({
             spinning: props.loading
           }, {
             default: withCtx(() => [
-              createVNode(_component_a_form, mergeProps(props.formOptions, {
+              createVNode(_component_a_form, mergeProps(computedFormOptions.value, {
                 id: id.value,
                 ref_key: "formRef",
                 ref: formRef,
@@ -61679,7 +61831,7 @@ var _sfc_main$P = /* @__PURE__ */ defineComponent({
                         (openBlock(true), createElementBlock(
                           Fragment,
                           null,
-                          renderList(props.formColumns, (item, index) => {
+                          renderList(computedFormColumns.value, (item, index) => {
                             return openBlock(), createBlock(_component_a_col, mergeProps({
                               key: index,
                               ref_for: true
@@ -61790,6 +61942,8 @@ var _sfc_main$P = /* @__PURE__ */ defineComponent({
                                           /* FULL_PROPS, DYNAMIC_SLOTS */
                                         )) : (openBlock(), createBlock(FormComponent, {
                                           key: 1,
+                                          ref_for: true,
+                                          ref: (el) => formComponents.value[index] = el,
                                           item,
                                           "form-data": formData,
                                           onChangeField: handleChangeField
@@ -62249,10 +62403,14 @@ var _sfc_main$K = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
+    const { scrollPosition, isHasScrollBar, scrollRef } = useScroll();
     const searchIconValue = ref("");
     const selectIcon = ref("");
     const iconList = ref([]);
     const bem = createNamespace("icon-picker-modal");
+    const isShowContentBottomBox = computed(() => {
+      return isHasScrollBar.value && scrollPosition.value !== "bottom";
+    });
     const handleOk = () => {
       emits("changeIconValue", selectIcon.value);
       emits("update:visible");
@@ -62264,13 +62422,8 @@ var _sfc_main$K = /* @__PURE__ */ defineComponent({
       (newVisible) => {
         if (newVisible)
           searchIconValue.value = "";
-      }
-    );
-    watch(
-      () => props.value,
-      (newV) => {
-        if (newV)
-          selectIcon.value = newV;
+        if (newVisible && props.value)
+          selectIcon.value = props.value;
       },
       {
         immediate: true
@@ -62290,97 +62443,117 @@ var _sfc_main$K = /* @__PURE__ */ defineComponent({
         (ele) => ~ele.font_class.indexOf(searchIconValue.value)
       );
     });
+    watchEffect(() => {
+      if (props.visible) {
+        if (isHasScrollBar && scrollRef.value && !scrollRef.value.scrollTop) {
+          scrollRef.value.scrollTop = 0;
+          scrollPosition.value = "top";
+        }
+      }
+    });
     return (_ctx, _cache) => {
       const _component_ll_icon = resolveComponent("ll-icon");
       const _component_a_input = resolveComponent("a-input");
       const _component_a_form_item = resolveComponent("a-form-item");
       const _component_a_button = resolveComponent("a-button");
       const _component_a_space = resolveComponent("a-space");
-      const _component_ll_modal = resolveComponent("ll-modal");
-      return openBlock(), createBlock(_component_ll_modal, {
+      const _component_ll_new_modal = resolveComponent("ll-new-modal");
+      return openBlock(), createBlock(_component_ll_new_modal, {
         open: _ctx.visible,
         title: "\u56FE\u6807\u9009\u62E9",
         class: normalizeClass(`icon-picker-modal-wrapper ${unref(bem).b()}`),
         width: "766px",
         keyboard: false,
         "mask-closable": false,
+        "is-show-footer-shadow": isShowContentBottomBox.value,
+        "footer-shadow-placement": "outer",
         onOk: handleOk,
         onCancel: handleCancel
       }, {
-        step: withCtx(() => [
+        default: withCtx(() => [
           createElementVNode(
             "div",
             {
-              class: normalizeClass(unref(bem).e("input-container"))
+              class: normalizeClass(unref(bem).e("modal-content"))
             },
             [
-              createVNode(_component_a_form_item, { name: "h" }, {
-                default: withCtx(() => [
-                  createVNode(_component_a_input, {
-                    value: searchIconValue.value,
-                    "onUpdate:value": _cache[0] || (_cache[0] = ($event) => searchIconValue.value = $event),
-                    class: normalizeClass(unref(bem).e("input")),
-                    "allow-clear": "",
-                    placeholder: "\u641C\u7D22..."
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass(unref(bem).e("input-container"))
+                },
+                [
+                  createVNode(_component_a_form_item, { name: "h" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_a_input, {
+                        value: searchIconValue.value,
+                        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => searchIconValue.value = $event),
+                        class: normalizeClass(unref(bem).e("input")),
+                        "allow-clear": "",
+                        placeholder: "\u641C\u7D22..."
+                      }, {
+                        prefix: withCtx(() => [
+                          createVNode(_component_ll_icon, { "icon-name": "icon-search" })
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["value", "class"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ],
+                2
+                /* CLASS */
+              ),
+              createElementVNode(
+                "div",
+                {
+                  ref_key: "scrollRef",
+                  ref: scrollRef,
+                  class: normalizeClass(unref(bem).e("list"))
+                },
+                [
+                  createVNode(_component_a_space, {
+                    size: [16, 16],
+                    wrap: "",
+                    class: normalizeClass(unref(bem).e("space"))
                   }, {
-                    prefix: withCtx(() => [
-                      createVNode(_component_ll_icon, { "icon-name": "icon-search" })
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(
+                        Fragment,
+                        null,
+                        renderList(iconList.value, (item) => {
+                          return openBlock(), createBlock(_component_a_button, {
+                            key: item.icon_id,
+                            type: "default",
+                            class: normalizeClass([
+                              unref(bem).e("button"),
+                              selectIcon.value === item.font_class ? unref(bem).is("active") : ""
+                            ]),
+                            onClick: ($event) => handleSelectIcon(item)
+                          }, {
+                            icon: withCtx(() => [
+                              createVNode(_component_ll_icon, {
+                                "icon-name": "icon-" + item.font_class,
+                                style: { "font-size": "28px" }
+                              }, null, 8, ["icon-name"])
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["class", "onClick"]);
+                        }),
+                        128
+                        /* KEYED_FRAGMENT */
+                      ))
                     ]),
                     _: 1
                     /* STABLE */
-                  }, 8, ["value", "class"])
-                ]),
-                _: 1
-                /* STABLE */
-              })
-            ],
-            2
-            /* CLASS */
-          )
-        ]),
-        default: withCtx(() => [
-          createElementVNode(
-            "div",
-            {
-              class: normalizeClass(unref(bem).e("list"))
-            },
-            [
-              createVNode(_component_a_space, {
-                size: [16, 16],
-                wrap: "",
-                class: normalizeClass(unref(bem).e("space"))
-              }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(
-                    Fragment,
-                    null,
-                    renderList(iconList.value, (item) => {
-                      return openBlock(), createBlock(_component_a_button, {
-                        key: item.icon_id,
-                        type: "default",
-                        class: normalizeClass([
-                          unref(bem).e("button"),
-                          selectIcon.value === item.font_class ? unref(bem).is("active") : ""
-                        ]),
-                        onClick: ($event) => handleSelectIcon(item)
-                      }, {
-                        icon: withCtx(() => [
-                          createVNode(_component_ll_icon, {
-                            "icon-name": "icon-" + item.font_class,
-                            style: { "font-size": "28px" }
-                          }, null, 8, ["icon-name"])
-                        ]),
-                        _: 2
-                        /* DYNAMIC */
-                      }, 1032, ["class", "onClick"]);
-                    }),
-                    128
-                    /* KEYED_FRAGMENT */
-                  ))
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["class"])
+                  }, 8, ["class"])
+                ],
+                2
+                /* CLASS */
+              )
             ],
             2
             /* CLASS */
@@ -62388,7 +62561,7 @@ var _sfc_main$K = /* @__PURE__ */ defineComponent({
         ]),
         _: 1
         /* STABLE */
-      }, 8, ["open", "class"]);
+      }, 8, ["open", "class", "is-show-footer-shadow"]);
     };
   }
 });
@@ -62629,10 +62802,11 @@ var _sfc_main$G = /* @__PURE__ */ defineComponent({
   ...{ name: "LlInput" },
   __name: "input",
   props: inputProps,
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
     const bem = createNamespace("input");
     const props = __props;
     const innerValue = ref("");
+    const inputRef = ref();
     watchEffect(() => {
       if (props.value !== innerValue.value) {
         innerValue.value = props.value;
@@ -62643,9 +62817,15 @@ var _sfc_main$G = /* @__PURE__ */ defineComponent({
       const attrs = { ...useAttrs(), ...props };
       return attrs;
     });
+    const focus = () => {
+      inputRef.value.focus();
+    };
+    __expose({ focus });
     return (_ctx, _cache) => {
       const _component_ll_icon = resolveComponent("ll-icon");
       return openBlock(), createBlock(resolveDynamicComponent(unref(componentType)), mergeProps({
+        ref_key: "inputRef",
+        ref: inputRef,
         class: unref(bem).b()
       }, computedAttrs.value), createSlots({
         _: 2
@@ -62766,12 +62946,13 @@ var _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "input-number",
   props: inputNumberProps,
   emits: inputNumberEmits,
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const bem = createNamespace("input-number");
     const attrs = useAttrs();
     const innerValue = ref("");
+    const inputRef = ref();
     const integerCongfig = computed(() => {
       let obj = {};
       if (props.integer) {
@@ -62809,6 +62990,10 @@ var _sfc_main$F = /* @__PURE__ */ defineComponent({
       emit("update:value", value);
       emit("change", value);
     }
+    const focus = () => {
+      inputRef.value.focus();
+    };
+    __expose({ focus });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(
         "div",
@@ -62824,6 +63009,8 @@ var _sfc_main$F = /* @__PURE__ */ defineComponent({
             },
             [
               createVNode(unref(InputNumber$1), mergeProps({
+                ref_key: "inputRef",
+                ref: inputRef,
                 value: innerValue.value,
                 "onUpdate:value": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event)
               }, getBindValue.value, { onChange }), createSlots({
@@ -62942,7 +63129,7 @@ const keyValueProps = buildProps({
     type: definePropType(Object),
     default: () => ({
       type: "input",
-      placeholder: "\u8BF7\u8F93\u5165key"
+      placeholder: "\u8BF7\u8F93\u5165Key"
     })
   },
   keyTypes: {
@@ -62953,7 +63140,7 @@ const keyValueProps = buildProps({
     type: definePropType(Object),
     default: () => ({
       type: "input",
-      placeholder: "\u8BF7\u8F93\u5165value"
+      placeholder: "\u8BF7\u8F93\u5165Value"
     })
   },
   disabledValue: {
@@ -67748,6 +67935,7 @@ var _sfc_main$n = /* @__PURE__ */ defineComponent({
                     "onUpdate:value": _cache[1] || (_cache[1] = ($event) => value.value = $event),
                     class: normalizeClass(unref(bem).e("right-input")),
                     placeholder: selectItem.value?.placeholder,
+                    "allow-clear": "",
                     onPressEnter: handleChange
                   }, {
                     suffix: withCtx(() => [