ll-plus 2.6.15 → 2.6.18

package/index.full.js

@@ -50129,6 +50129,10 @@
       type: Boolean,
       default: false
     },
+    loading: {
+      type: Boolean,
+      default: false
+    },
     realTimePreview: {
       type: Boolean,
       default: true
@@ -50166,6 +50170,10 @@
       type: Boolean,
       default: false
     },
+    loading: {
+      type: Boolean,
+      default: false
+    },
     avatar: {
       type: String,
       default: ""
@@ -50204,6 +50212,7 @@
       const imgElRef = require$$0.ref();
       const cropper = require$$0.ref();
       const isReady = require$$0.ref(false);
+      const loading = require$$0.ref(props.loading);
       const getImageStyle = require$$0.computed(() => {
         return {
           height: props.height,
@@ -50219,10 +50228,12 @@
         if (!imgEl) {
           return;
         }
+        loading.value = true;
         cropper.value = new Cropper(imgEl, {
           ...defaultCropperOptions,
           ready() {
             isReady.value = true;
+            loading.value = false;
             realTimeCroppered();
             emits("onReady", cropper.value);
           },
@@ -50288,32 +50299,50 @@
         context.fill();
         return canvas;
       };
+      const handleLoading = () => {
+        loading.value = true;
+        console.log("loading");
+      };
       require$$0.onMounted(init);
       require$$0.onUnmounted(() => {
         cropper.value?.destroy();
       });
+      require$$0.watch(
+        () => props.loading,
+        (val) => {
+          loading.value = val;
+        }
+      );
       return (_ctx, _cache) => {
-        return require$$0.openBlock(), require$$0.createElementBlock(
-          "div",
-          {
-            class: require$$0.normalizeClass([require$$0.unref(bem).b(), props.circled ? require$$0.unref(bem).is("circled") : ""]),
-            style: require$$0.normalizeStyle(getWrapperStyle.value)
-          },
-          [
-            require$$0.withDirectives(require$$0.createElementVNode("img", {
-              ref_key: "imgElRef",
-              ref: imgElRef,
-              src: _ctx.src,
-              alt: _ctx.alt,
-              crossorigin: _ctx.crossorigin,
-              style: require$$0.normalizeStyle(getImageStyle.value)
-            }, null, 12, _hoisted_1$h), [
-              [require$$0.vShow, isReady.value]
-            ])
-          ],
-          6
-          /* CLASS, STYLE */
-        );
+        const _component_a_spin = require$$0.resolveComponent("a-spin");
+        return require$$0.openBlock(), require$$0.createBlock(_component_a_spin, { spinning: loading.value }, {
+          default: require$$0.withCtx(() => [
+            require$$0.createElementVNode(
+              "div",
+              {
+                class: require$$0.normalizeClass([require$$0.unref(bem).b(), props.circled ? require$$0.unref(bem).is("circled") : ""]),
+                style: require$$0.normalizeStyle(getWrapperStyle.value)
+              },
+              [
+                require$$0.withDirectives(require$$0.createElementVNode("img", {
+                  ref_key: "imgElRef",
+                  ref: imgElRef,
+                  src: _ctx.src,
+                  alt: _ctx.alt,
+                  crossorigin: _ctx.crossorigin,
+                  style: require$$0.normalizeStyle(getImageStyle.value),
+                  onLoad: handleLoading
+                }, null, 44, _hoisted_1$h), [
+                  [require$$0.vShow, isReady.value]
+                ])
+              ],
+              6
+              /* CLASS, STYLE */
+            )
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["spinning"]);
       };
     }
   });
@@ -50326,7 +50355,7 @@
     __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");
@@ -50334,16 +50363,23 @@
       const avatar = require$$0.ref(props.avatar || "");
       const open = require$$0.ref(false);
       const previewSource = require$$0.ref("");
+      const loading = require$$0.ref(props.loading);
+      const uploadLoading = require$$0.ref(false);
       const cropper = require$$0.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;
       }
@@ -50373,10 +50409,13 @@
         avatar.value = previewSource.value;
         open.value = false;
       }
+      const cleanValue = () => {
+        src.value = "";
+        avatar.value = "";
+      };
       require$$0.watch(
         () => props.avatar,
         (val) => {
-          console.log({ val });
           src.value = val;
           avatar.value = val;
         },
@@ -50384,6 +50423,12 @@
           immediate: true
         }
       );
+      require$$0.watchEffect(() => {
+        loading.value = props.loading;
+      });
+      __expose({
+        cleanValue
+      });
       return (_ctx, _cache) => {
         const _component_ll_icon = require$$0.resolveComponent("ll-icon");
         const _component_ll_button = require$$0.resolveComponent("ll-button");
@@ -50391,6 +50436,7 @@
         const _component_a_upload = require$$0.resolveComponent("a-upload");
         const _component_ll_space = require$$0.resolveComponent("ll-space");
         const _component_ll_image = require$$0.resolveComponent("ll-image");
+        const _component_a_spin = require$$0.resolveComponent("a-spin");
         const _component_ll_modal = require$$0.resolveComponent("ll-modal");
         return require$$0.openBlock(), require$$0.createElementBlock(
           require$$0.Fragment,
@@ -50403,6 +50449,7 @@
               keyboard: false,
               "mask-closable": false,
               "ok-text": "\u786E\u5B9A",
+              loading: uploadLoading.value,
               onCancel: _cache[8] || (_cache[8] = ($event) => open.value = false),
               onOk: handleOk
             }, {
@@ -50430,9 +50477,10 @@
                               src: src.value,
                               height: "300px",
                               circled: _ctx.circled,
+                              loading: uploadLoading.value,
                               onCropend: handleCropend,
                               onOnReady: handleReady
-                            }, null, 8, ["src", "circled"])) : require$$0.createCommentVNode("v-if", true)
+                            }, null, 8, ["src", "circled", "loading"])) : require$$0.createCommentVNode("v-if", true)
                           ],
                           2
                           /* CLASS */
@@ -50457,6 +50505,7 @@
                                     require$$0.createVNode(_component_ll_button, {
                                       type: "primary",
                                       size: "small",
+                                      disabled: uploadLoading.value,
                                       onClick: _cache[0] || (_cache[0] = ($event) => handlerToolbar("reset"))
                                     }, {
                                       default: require$$0.withCtx(() => [
@@ -50464,7 +50513,7 @@
                                       ]),
                                       _: 1
                                       /* STABLE */
-                                    })
+                                    }, 8, ["disabled"])
                                   ]),
                                   _: 1
                                   /* STABLE */
@@ -50483,7 +50532,7 @@
                                     require$$0.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: require$$0.withCtx(() => [
@@ -50504,7 +50553,7 @@
                                     require$$0.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: require$$0.withCtx(() => [
@@ -50525,7 +50574,7 @@
                                     require$$0.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: require$$0.withCtx(() => [
@@ -50546,7 +50595,7 @@
                                     require$$0.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: require$$0.withCtx(() => [
@@ -50567,7 +50616,7 @@
                                     require$$0.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: require$$0.withCtx(() => [
@@ -50588,7 +50637,7 @@
                                     require$$0.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: require$$0.withCtx(() => [
@@ -50609,7 +50658,7 @@
                                     require$$0.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: require$$0.withCtx(() => [
@@ -50640,56 +50689,62 @@
                         class: require$$0.normalizeClass(require$$0.unref(bem).e("right"))
                       },
                       [
-                        require$$0.createElementVNode(
-                          "div",
-                          {
-                            class: require$$0.normalizeClass(require$$0.unref(bem).e("preview"))
-                          },
-                          [
-                            previewSource.value ? (require$$0.openBlock(), require$$0.createElementBlock("img", {
-                              key: 0,
-                              src: previewSource.value,
-                              alt: "\u9884\u89C8"
-                            }, null, 8, _hoisted_1$g)) : require$$0.createCommentVNode("v-if", true)
-                          ],
-                          2
-                          /* CLASS */
-                        ),
-                        previewSource.value ? (require$$0.openBlock(), require$$0.createElementBlock(
-                          "div",
-                          {
-                            key: 0,
-                            class: require$$0.normalizeClass(require$$0.unref(bem).e("group"))
-                          },
-                          [
-                            require$$0.createVNode(_component_ll_image, {
-                              preview: false,
-                              src: previewSource.value,
-                              width: 32,
-                              height: 32
-                            }, null, 8, ["src"]),
-                            require$$0.createVNode(_component_ll_image, {
-                              preview: false,
-                              src: previewSource.value,
-                              width: 48,
-                              height: 48
-                            }, null, 8, ["src"]),
-                            require$$0.createVNode(_component_ll_image, {
-                              preview: false,
-                              src: previewSource.value,
-                              width: 64,
-                              height: 64
-                            }, null, 8, ["src"]),
-                            require$$0.createVNode(_component_ll_image, {
-                              preview: false,
-                              src: previewSource.value,
-                              width: 80,
-                              height: 80
-                            }, null, 8, ["src"])
-                          ],
-                          2
-                          /* CLASS */
-                        )) : require$$0.createCommentVNode("v-if", true)
+                        require$$0.createVNode(_component_a_spin, { spinning: uploadLoading.value }, {
+                          default: require$$0.withCtx(() => [
+                            require$$0.createElementVNode(
+                              "div",
+                              {
+                                class: require$$0.normalizeClass(require$$0.unref(bem).e("preview"))
+                              },
+                              [
+                                previewSource.value ? (require$$0.openBlock(), require$$0.createElementBlock("img", {
+                                  key: 0,
+                                  src: previewSource.value,
+                                  alt: "\u9884\u89C8"
+                                }, null, 8, _hoisted_1$g)) : require$$0.createCommentVNode("v-if", true)
+                              ],
+                              2
+                              /* CLASS */
+                            ),
+                            previewSource.value ? (require$$0.openBlock(), require$$0.createElementBlock(
+                              "div",
+                              {
+                                key: 0,
+                                class: require$$0.normalizeClass(require$$0.unref(bem).e("group"))
+                              },
+                              [
+                                require$$0.createVNode(_component_ll_image, {
+                                  preview: false,
+                                  src: previewSource.value,
+                                  width: 32,
+                                  height: 32
+                                }, null, 8, ["src"]),
+                                require$$0.createVNode(_component_ll_image, {
+                                  preview: false,
+                                  src: previewSource.value,
+                                  width: 48,
+                                  height: 48
+                                }, null, 8, ["src"]),
+                                require$$0.createVNode(_component_ll_image, {
+                                  preview: false,
+                                  src: previewSource.value,
+                                  width: 64,
+                                  height: 64
+                                }, null, 8, ["src"]),
+                                require$$0.createVNode(_component_ll_image, {
+                                  preview: false,
+                                  src: previewSource.value,
+                                  width: 80,
+                                  height: 80
+                                }, null, 8, ["src"])
+                              ],
+                              2
+                              /* CLASS */
+                            )) : require$$0.createCommentVNode("v-if", true)
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 8, ["spinning"])
                       ],
                       2
                       /* CLASS */
@@ -50701,25 +50756,35 @@
               ]),
               _: 1
               /* STABLE */
-            }, 8, ["open", "title", "width"]),
+            }, 8, ["open", "title", "width", "loading"]),
             require$$0.createElementVNode(
               "div",
               {
                 class: require$$0.normalizeClass(require$$0.unref(bem).e("cropper-avatar")),
                 style: require$$0.normalizeStyle({
-                  cursor: props.disabled ? "not-allowed" : "pointer"
+                  cursor: props.disabled ? "not-allowed" : "pointer",
+                  display: "inline-block"
                 }),
                 onClick: handleOpen
               },
               [
-                require$$0.renderSlot(_ctx.$slots, "default", { src: avatar.value }, () => [
-                  require$$0.createVNode(_component_ll_image, {
-                    src: avatar.value,
-                    width: 64,
-                    height: 64,
-                    preview: false
-                  }, null, 8, ["src"])
-                ])
+                require$$0.createVNode(_component_a_spin, {
+                  spinning: loading.value,
+                  style: { "display": "inline-block" }
+                }, {
+                  default: require$$0.withCtx(() => [
+                    require$$0.renderSlot(_ctx.$slots, "default", { src: avatar.value }, () => [
+                      require$$0.createVNode(_component_ll_image, {
+                        src: avatar.value,
+                        width: 64,
+                        height: 64,
+                        preview: false
+                      }, null, 8, ["src"])
+                    ])
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                }, 8, ["spinning"])
               ],
               6
               /* CLASS, STYLE */
@@ -61527,6 +61592,27 @@
     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 = {
@@ -61562,10 +61648,11 @@
     __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 = require$$0.reactive(props.formData);
+      const componentRef = require$$0.ref();
       const getBindValue = (item) => {
         const obj = { ...item };
         return omit(obj, ["label", "onChange", "change"]);
@@ -61580,13 +61667,29 @@
         }
         emits("changeField", item);
       };
+      const focus = async () => {
+        await require$$0.nextTick();
+        console.log(componentRef.value);
+        componentRef.value?.focus();
+      };
+      const getItem = () => {
+        return props.item;
+      };
+      __expose({
+        focus,
+        getItem
+      });
       return (_ctx, _cache) => {
         return require$$0.unref(checkedType).includes(_ctx.item.type) ? (require$$0.openBlock(), require$$0.createBlock(require$$0.resolveDynamicComponent(`ll-${_ctx.item.type}`), require$$0.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"])) : (require$$0.openBlock(), require$$0.createBlock(require$$0.resolveDynamicComponent(`ll-${_ctx.item.type}`), require$$0.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"]));
@@ -61607,9 +61710,46 @@
       const bem = createNamespace("form");
       const formData = require$$0.reactive(props.formData);
       const formRef = require$$0.ref();
+      const formComponents = require$$0.ref([]);
+      const computedFormColumns = require$$0.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 = require$$0.computed(() => {
+        return props.formColumns.filter((e) => e.required || has(e, "rules") && e.rules.length > 0).map((e) => {
+          return e.key;
+        });
+      });
+      const computedFormOptions = require$$0.computed(() => {
+        return {
+          scrollToFirstError: !props.validateErrorStop,
+          ...props.formOptions
+        };
+      });
       const id = require$$0.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();
@@ -61649,6 +61789,18 @@
           immediate: true
         }
       );
+      require$$0.onMounted(async () => {
+        await require$$0.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,
@@ -61672,7 +61824,7 @@
               spinning: props.loading
             }, {
               default: require$$0.withCtx(() => [
-                require$$0.createVNode(_component_a_form, require$$0.mergeProps(props.formOptions, {
+                require$$0.createVNode(_component_a_form, require$$0.mergeProps(computedFormOptions.value, {
                   id: id.value,
                   ref_key: "formRef",
                   ref: formRef,
@@ -61687,7 +61839,7 @@
                           (require$$0.openBlock(true), require$$0.createElementBlock(
                             require$$0.Fragment,
                             null,
-                            require$$0.renderList(props.formColumns, (item, index) => {
+                            require$$0.renderList(computedFormColumns.value, (item, index) => {
                               return require$$0.openBlock(), require$$0.createBlock(_component_a_col, require$$0.mergeProps({
                                 key: index,
                                 ref_for: true
@@ -61798,6 +61950,8 @@
                                             /* FULL_PROPS, DYNAMIC_SLOTS */
                                           )) : (require$$0.openBlock(), require$$0.createBlock(FormComponent, {
                                             key: 1,
+                                            ref_for: true,
+                                            ref: (el) => formComponents.value[index] = el,
                                             item,
                                             "form-data": formData,
                                             onChangeField: handleChangeField
@@ -62257,10 +62411,14 @@
     setup(__props, { emit: __emit }) {
       const props = __props;
       const emits = __emit;
+      const { scrollPosition, isHasScrollBar, scrollRef } = useScroll();
       const searchIconValue = require$$0.ref("");
       const selectIcon = require$$0.ref("");
       const iconList = require$$0.ref([]);
       const bem = createNamespace("icon-picker-modal");
+      const isShowContentBottomBox = require$$0.computed(() => {
+        return isHasScrollBar.value && scrollPosition.value !== "bottom";
+      });
       const handleOk = () => {
         emits("changeIconValue", selectIcon.value);
         emits("update:visible");
@@ -62272,13 +62430,8 @@
         (newVisible) => {
           if (newVisible)
             searchIconValue.value = "";
-        }
-      );
-      require$$0.watch(
-        () => props.value,
-        (newV) => {
-          if (newV)
-            selectIcon.value = newV;
+          if (newVisible && props.value)
+            selectIcon.value = props.value;
         },
         {
           immediate: true
@@ -62298,97 +62451,117 @@
           (ele) => ~ele.font_class.indexOf(searchIconValue.value)
         );
       });
+      require$$0.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 = require$$0.resolveComponent("ll-icon");
         const _component_a_input = require$$0.resolveComponent("a-input");
         const _component_a_form_item = require$$0.resolveComponent("a-form-item");
         const _component_a_button = require$$0.resolveComponent("a-button");
         const _component_a_space = require$$0.resolveComponent("a-space");
-        const _component_ll_modal = require$$0.resolveComponent("ll-modal");
-        return require$$0.openBlock(), require$$0.createBlock(_component_ll_modal, {
+        const _component_ll_new_modal = require$$0.resolveComponent("ll-new-modal");
+        return require$$0.openBlock(), require$$0.createBlock(_component_ll_new_modal, {
           open: _ctx.visible,
           title: "\u56FE\u6807\u9009\u62E9",
           class: require$$0.normalizeClass(`icon-picker-modal-wrapper ${require$$0.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: require$$0.withCtx(() => [
+          default: require$$0.withCtx(() => [
             require$$0.createElementVNode(
               "div",
               {
-                class: require$$0.normalizeClass(require$$0.unref(bem).e("input-container"))
+                class: require$$0.normalizeClass(require$$0.unref(bem).e("modal-content"))
               },
               [
-                require$$0.createVNode(_component_a_form_item, { name: "h" }, {
-                  default: require$$0.withCtx(() => [
-                    require$$0.createVNode(_component_a_input, {
-                      value: searchIconValue.value,
-                      "onUpdate:value": _cache[0] || (_cache[0] = ($event) => searchIconValue.value = $event),
-                      class: require$$0.normalizeClass(require$$0.unref(bem).e("input")),
-                      "allow-clear": "",
-                      placeholder: "\u641C\u7D22..."
+                require$$0.createElementVNode(
+                  "div",
+                  {
+                    class: require$$0.normalizeClass(require$$0.unref(bem).e("input-container"))
+                  },
+                  [
+                    require$$0.createVNode(_component_a_form_item, { name: "h" }, {
+                      default: require$$0.withCtx(() => [
+                        require$$0.createVNode(_component_a_input, {
+                          value: searchIconValue.value,
+                          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => searchIconValue.value = $event),
+                          class: require$$0.normalizeClass(require$$0.unref(bem).e("input")),
+                          "allow-clear": "",
+                          placeholder: "\u641C\u7D22..."
+                        }, {
+                          prefix: require$$0.withCtx(() => [
+                            require$$0.createVNode(_component_ll_icon, { "icon-name": "icon-search" })
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 8, ["value", "class"])
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ],
+                  2
+                  /* CLASS */
+                ),
+                require$$0.createElementVNode(
+                  "div",
+                  {
+                    ref_key: "scrollRef",
+                    ref: scrollRef,
+                    class: require$$0.normalizeClass(require$$0.unref(bem).e("list"))
+                  },
+                  [
+                    require$$0.createVNode(_component_a_space, {
+                      size: [16, 16],
+                      wrap: "",
+                      class: require$$0.normalizeClass(require$$0.unref(bem).e("space"))
                     }, {
-                      prefix: require$$0.withCtx(() => [
-                        require$$0.createVNode(_component_ll_icon, { "icon-name": "icon-search" })
+                      default: require$$0.withCtx(() => [
+                        (require$$0.openBlock(true), require$$0.createElementBlock(
+                          require$$0.Fragment,
+                          null,
+                          require$$0.renderList(iconList.value, (item) => {
+                            return require$$0.openBlock(), require$$0.createBlock(_component_a_button, {
+                              key: item.icon_id,
+                              type: "default",
+                              class: require$$0.normalizeClass([
+                                require$$0.unref(bem).e("button"),
+                                selectIcon.value === item.font_class ? require$$0.unref(bem).is("active") : ""
+                              ]),
+                              onClick: ($event) => handleSelectIcon(item)
+                            }, {
+                              icon: require$$0.withCtx(() => [
+                                require$$0.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: require$$0.withCtx(() => [
-            require$$0.createElementVNode(
-              "div",
-              {
-                class: require$$0.normalizeClass(require$$0.unref(bem).e("list"))
-              },
-              [
-                require$$0.createVNode(_component_a_space, {
-                  size: [16, 16],
-                  wrap: "",
-                  class: require$$0.normalizeClass(require$$0.unref(bem).e("space"))
-                }, {
-                  default: require$$0.withCtx(() => [
-                    (require$$0.openBlock(true), require$$0.createElementBlock(
-                      require$$0.Fragment,
-                      null,
-                      require$$0.renderList(iconList.value, (item) => {
-                        return require$$0.openBlock(), require$$0.createBlock(_component_a_button, {
-                          key: item.icon_id,
-                          type: "default",
-                          class: require$$0.normalizeClass([
-                            require$$0.unref(bem).e("button"),
-                            selectIcon.value === item.font_class ? require$$0.unref(bem).is("active") : ""
-                          ]),
-                          onClick: ($event) => handleSelectIcon(item)
-                        }, {
-                          icon: require$$0.withCtx(() => [
-                            require$$0.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 */
@@ -62396,7 +62569,7 @@
           ]),
           _: 1
           /* STABLE */
-        }, 8, ["open", "class"]);
+        }, 8, ["open", "class", "is-show-footer-shadow"]);
       };
     }
   });
@@ -62637,10 +62810,11 @@
     ...{ name: "LlInput" },
     __name: "input",
     props: inputProps,
-    setup(__props) {
+    setup(__props, { expose: __expose }) {
       const bem = createNamespace("input");
       const props = __props;
       const innerValue = require$$0.ref("");
+      const inputRef = require$$0.ref();
       require$$0.watchEffect(() => {
         if (props.value !== innerValue.value) {
           innerValue.value = props.value;
@@ -62651,9 +62825,15 @@
         const attrs = { ...require$$0.useAttrs(), ...props };
         return attrs;
       });
+      const focus = () => {
+        inputRef.value.focus();
+      };
+      __expose({ focus });
       return (_ctx, _cache) => {
         const _component_ll_icon = require$$0.resolveComponent("ll-icon");
         return require$$0.openBlock(), require$$0.createBlock(require$$0.resolveDynamicComponent(require$$0.unref(componentType)), require$$0.mergeProps({
+          ref_key: "inputRef",
+          ref: inputRef,
           class: require$$0.unref(bem).b()
         }, computedAttrs.value), require$$0.createSlots({
           _: 2
@@ -62774,12 +62954,13 @@
     __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 = require$$0.useAttrs();
       const innerValue = require$$0.ref("");
+      const inputRef = require$$0.ref();
       const integerCongfig = require$$0.computed(() => {
         let obj = {};
         if (props.integer) {
@@ -62817,6 +62998,10 @@
         emit("update:value", value);
         emit("change", value);
       }
+      const focus = () => {
+        inputRef.value.focus();
+      };
+      __expose({ focus });
       return (_ctx, _cache) => {
         return require$$0.openBlock(), require$$0.createElementBlock(
           "div",
@@ -62832,6 +63017,8 @@
               },
               [
                 require$$0.createVNode(require$$0.unref(antDesignVue.InputNumber), require$$0.mergeProps({
+                  ref_key: "inputRef",
+                  ref: inputRef,
                   value: innerValue.value,
                   "onUpdate:value": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event)
                 }, getBindValue.value, { onChange }), require$$0.createSlots({
@@ -62950,7 +63137,7 @@
       type: definePropType(Object),
       default: () => ({
         type: "input",
-        placeholder: "\u8BF7\u8F93\u5165key"
+        placeholder: "\u8BF7\u8F93\u5165Key"
       })
     },
     keyTypes: {
@@ -62961,7 +63148,7 @@
       type: definePropType(Object),
       default: () => ({
         type: "input",
-        placeholder: "\u8BF7\u8F93\u5165value"
+        placeholder: "\u8BF7\u8F93\u5165Value"
       })
     },
     disabledValue: {
@@ -76875,6 +77062,13 @@
     throttleTime: {
       type: Number
     },
+    /**
+     * @description 是否显示头部add按钮
+     */
+    isShowAddBtn: {
+      type: Boolean,
+      default: true
+    },
     /**
      * @description input的change
      */
@@ -76931,6 +77125,13 @@
       type: Number,
       default: THROTTLE_TIME
     },
+    /**
+     * @description 是否显示头部add按钮
+     */
+    isShowAddBtn: {
+      type: Boolean,
+      default: true
+    },
     /**
      * @description tree的数据
      */
@@ -82538,7 +82739,8 @@
               /* STABLE */
             }, 8, ["value", "onChange"]),
             require$$0.createCommentVNode(" add "),
-            require$$0.createVNode(_component_ll_button, {
+            _ctx.isShowAddBtn ? (require$$0.openBlock(), require$$0.createBlock(_component_ll_button, {
+              key: 0,
               class: require$$0.normalizeClass(`${require$$0.unref(bem).e("header-button")}`),
               onClick: handleClick
             }, {
@@ -82547,7 +82749,7 @@
               ]),
               _: 1
               /* STABLE */
-            }, 8, ["class"])
+            }, 8, ["class"])) : require$$0.createCommentVNode("v-if", true)
           ],
           2
           /* CLASS */
@@ -82719,9 +82921,10 @@
             require$$0.createVNode(HeaderSearch, {
               "throttle-time": _ctx.throttleTime,
               "search-value": _ctx.searchValue,
+              "is-show-add-btn": _ctx.isShowAddBtn,
               "on-search-input-change": handleSearchInputChange,
               onClick: handleClickAddBtn
-            }, null, 8, ["throttle-time", "search-value"]),
+            }, null, 8, ["throttle-time", "search-value", "is-show-add-btn"]),
             require$$0.createCommentVNode(" \u76EE\u5F55\u6807\u9898 "),
             require$$0.createVNode(DirectoryTitle, {
               "is-collapse-menu": isCollapseMenu.value,