ll-plus 2.6.15 → 2.6.18

package/lib/packages/components/icon-picker/src/components/modal.vue2.js

@@ -5,7 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 require('../../../../utils/index.js');
 require('../config/index.js');
+require('../../../../hooks/index.js');
 var modal = require('../config/modal.js');
+var index = require('../../../../hooks/use-scroll/index.js');
 var createNamespace = require('../../../../utils/create-namespace.js');
 
 "use strict";
@@ -19,10 +21,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
+    const { scrollPosition, isHasScrollBar, scrollRef } = index.useScroll();
     const searchIconValue = vue.ref("");
     const selectIcon = vue.ref("");
     const iconList = vue.ref([]);
     const bem = createNamespace.createNamespace("icon-picker-modal");
+    const isShowContentBottomBox = vue.computed(() => {
+      return isHasScrollBar.value && scrollPosition.value !== "bottom";
+    });
     const handleOk = () => {
       emits("changeIconValue", selectIcon.value);
       emits("update:visible");
@@ -34,13 +40,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       (newVisible) => {
         if (newVisible)
           searchIconValue.value = "";
-      }
-    );
-    vue.watch(
-      () => props.value,
-      (newV) => {
-        if (newV)
-          selectIcon.value = newV;
+        if (newVisible && props.value)
+          selectIcon.value = props.value;
       },
       {
         immediate: true
@@ -60,97 +61,117 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         (ele) => ~ele.font_class.indexOf(searchIconValue.value)
       );
     });
+    vue.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 = vue.resolveComponent("ll-icon");
       const _component_a_input = vue.resolveComponent("a-input");
       const _component_a_form_item = vue.resolveComponent("a-form-item");
       const _component_a_button = vue.resolveComponent("a-button");
       const _component_a_space = vue.resolveComponent("a-space");
-      const _component_ll_modal = vue.resolveComponent("ll-modal");
-      return vue.openBlock(), vue.createBlock(_component_ll_modal, {
+      const _component_ll_new_modal = vue.resolveComponent("ll-new-modal");
+      return vue.openBlock(), vue.createBlock(_component_ll_new_modal, {
         open: _ctx.visible,
         title: "\u56FE\u6807\u9009\u62E9",
         class: vue.normalizeClass(`icon-picker-modal-wrapper ${vue.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: vue.withCtx(() => [
+        default: vue.withCtx(() => [
           vue.createElementVNode(
             "div",
             {
-              class: vue.normalizeClass(vue.unref(bem).e("input-container"))
+              class: vue.normalizeClass(vue.unref(bem).e("modal-content"))
             },
             [
-              vue.createVNode(_component_a_form_item, { name: "h" }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_a_input, {
-                    value: searchIconValue.value,
-                    "onUpdate:value": _cache[0] || (_cache[0] = ($event) => searchIconValue.value = $event),
-                    class: vue.normalizeClass(vue.unref(bem).e("input")),
-                    "allow-clear": "",
-                    placeholder: "\u641C\u7D22..."
+              vue.createElementVNode(
+                "div",
+                {
+                  class: vue.normalizeClass(vue.unref(bem).e("input-container"))
+                },
+                [
+                  vue.createVNode(_component_a_form_item, { name: "h" }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_a_input, {
+                        value: searchIconValue.value,
+                        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => searchIconValue.value = $event),
+                        class: vue.normalizeClass(vue.unref(bem).e("input")),
+                        "allow-clear": "",
+                        placeholder: "\u641C\u7D22..."
+                      }, {
+                        prefix: vue.withCtx(() => [
+                          vue.createVNode(_component_ll_icon, { "icon-name": "icon-search" })
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["value", "class"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ],
+                2
+                /* CLASS */
+              ),
+              vue.createElementVNode(
+                "div",
+                {
+                  ref_key: "scrollRef",
+                  ref: scrollRef,
+                  class: vue.normalizeClass(vue.unref(bem).e("list"))
+                },
+                [
+                  vue.createVNode(_component_a_space, {
+                    size: [16, 16],
+                    wrap: "",
+                    class: vue.normalizeClass(vue.unref(bem).e("space"))
                   }, {
-                    prefix: vue.withCtx(() => [
-                      vue.createVNode(_component_ll_icon, { "icon-name": "icon-search" })
+                    default: vue.withCtx(() => [
+                      (vue.openBlock(true), vue.createElementBlock(
+                        vue.Fragment,
+                        null,
+                        vue.renderList(iconList.value, (item) => {
+                          return vue.openBlock(), vue.createBlock(_component_a_button, {
+                            key: item.icon_id,
+                            type: "default",
+                            class: vue.normalizeClass([
+                              vue.unref(bem).e("button"),
+                              selectIcon.value === item.font_class ? vue.unref(bem).is("active") : ""
+                            ]),
+                            onClick: ($event) => handleSelectIcon(item)
+                          }, {
+                            icon: vue.withCtx(() => [
+                              vue.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: vue.withCtx(() => [
-          vue.createElementVNode(
-            "div",
-            {
-              class: vue.normalizeClass(vue.unref(bem).e("list"))
-            },
-            [
-              vue.createVNode(_component_a_space, {
-                size: [16, 16],
-                wrap: "",
-                class: vue.normalizeClass(vue.unref(bem).e("space"))
-              }, {
-                default: vue.withCtx(() => [
-                  (vue.openBlock(true), vue.createElementBlock(
-                    vue.Fragment,
-                    null,
-                    vue.renderList(iconList.value, (item) => {
-                      return vue.openBlock(), vue.createBlock(_component_a_button, {
-                        key: item.icon_id,
-                        type: "default",
-                        class: vue.normalizeClass([
-                          vue.unref(bem).e("button"),
-                          selectIcon.value === item.font_class ? vue.unref(bem).is("active") : ""
-                        ]),
-                        onClick: ($event) => handleSelectIcon(item)
-                      }, {
-                        icon: vue.withCtx(() => [
-                          vue.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 */
@@ -158,7 +179,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         ]),
         _: 1
         /* STABLE */
-      }, 8, ["open", "class"]);
+      }, 8, ["open", "class", "is-show-footer-shadow"]);
     };
   }
 });

package/lib/packages/components/icon-picker/src/components/modal.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.vue2.js","sources":["../../../../../../../packages/components/icon-picker/src/components/modal.vue"],"sourcesContent":["<template>\n  <ll-modal\n    :open=\"visible\"\n    :title=\"'图标选择'\"\n    :class=\"`icon-picker-modal-wrapper ${bem.b()}`\"\n    width=\"766px\"\n    :keyboard=\"false\"\n    :mask-closable=\"false\"\n    @ok=\"handleOk\"\n    @cancel=\"handleCancel\"\n  >\n    <template #step>\n      <div :class=\"bem.e('input-container')\">\n        <a-form-item name=\"h\">\n          <a-input\n            v-model:value=\"searchIconValue\"\n            :class=\"bem.e('input')\"\n            allow-clear\n            placeholder=\"搜索...\"\n          >\n            <template #prefix>\n              <ll-icon icon-name=\"icon-search\" />\n            </template>\n          </a-input>\n        </a-form-item>\n      </div>\n    </template>\n    <div :class=\"bem.e('list')\">\n      <a-space :size=\"[16, 16]\" wrap :class=\"bem.e('space')\">\n        <a-button\n          v-for=\"item in iconList\"\n          :key=\"item.icon_id\"\n          type=\"default\"\n          :class=\"[\n            bem.e('button'),\n            selectIcon === item.font_class ? bem.is('active') : ''\n          ]\"\n          @click=\"handleSelectIcon(item)\"\n        >\n          <template #icon>\n            <ll-icon\n              :icon-name=\"'icon-' + item.font_class\"\n              style=\"font-size: 28px\"\n            />\n          </template>\n        </a-button>\n      </a-space>\n    </div>\n  </ll-modal>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { iconPickerModalProps, iconPickerModalEmits } from '../config'\n\nimport type { IconPickerItem } from '../config'\n\ndefineOptions({\n  name: 'LlIconPickerModal'\n})\n\nconst props = defineProps(iconPickerModalProps)\nconst emits = defineEmits(iconPickerModalEmits)\n\nconst searchIconValue = ref('')\nconst selectIcon = ref('')\nconst iconList = ref<IconPickerItem[]>([])\nconst bem = createNamespace('icon-picker-modal')\n\nconst handleOk = () => {\n  emits('changeIconValue', selectIcon.value)\n  emits('update:visible')\n}\nconst handleCancel = () => emits('update:visible')\nconst handleSelectIcon = (icon: IconPickerItem) =>\n  (selectIcon.value = icon?.font_class as string)\n\n// 监听选择的icon\nwatch(\n  () => props.visible,\n  newVisible => {\n    if (newVisible) searchIconValue.value = ''\n  }\n)\nwatch(\n  () => props.value,\n  newV => {\n    if (newV) selectIcon.value = newV\n  },\n  {\n    immediate: true\n  }\n)\nwatch(\n  () => props.data,\n  newData => {\n    iconList.value = [...newData]\n  },\n  {\n    immediate: true\n  }\n)\nwatch(searchIconValue, () => {\n  iconList.value = props.data.filter(\n    ele => ~ele.font_class!.indexOf(searchIconValue.value)\n  )\n})\n</script>\n"],"names":["ref","createNamespace","watch"],"mappings":";;;;;;;;;;;;;;;;;;;AA8DA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAM,MAAA,eAAA,GAAkBA,QAAI,EAAE,CAAA,CAAA;AAC9B,IAAM,MAAA,UAAA,GAAaA,QAAI,EAAE,CAAA,CAAA;AACzB,IAAM,MAAA,QAAA,GAAWA,OAAsB,CAAA,EAAE,CAAA,CAAA;AACzC,IAAM,MAAA,GAAA,GAAMC,gCAAgB,mBAAmB,CAAA,CAAA;AAE/C,IAAA,MAAM,WAAW,MAAM;AACrB,MAAM,KAAA,CAAA,iBAAA,EAAmB,WAAW,KAAK,CAAA,CAAA;AACzC,MAAA,KAAA,CAAM,gBAAgB,CAAA,CAAA;AAAA,KACxB,CAAA;AACA,IAAM,MAAA,YAAA,GAAe,MAAM,KAAA,CAAM,gBAAgB,CAAA,CAAA;AACjD,IAAA,MAAM,gBAAmB,GAAA,CAAC,IACvB,KAAA,UAAA,CAAW,QAAQ,IAAM,EAAA,UAAA,CAAA;AAG5B,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,OAAA;AAAA,MACZ,CAAc,UAAA,KAAA;AACZ,QAAI,IAAA,UAAA;AAAY,UAAA,eAAA,CAAgB,KAAQ,GAAA,EAAA,CAAA;AAAA,OAC1C;AAAA,KACF,CAAA;AACA,IAAAA,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAQ,IAAA,KAAA;AACN,QAAI,IAAA,IAAA;AAAM,UAAA,UAAA,CAAW,KAAQ,GAAA,IAAA,CAAA;AAAA,OAC/B;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AACA,IAAAA,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,CAAW,OAAA,KAAA;AACT,QAAS,QAAA,CAAA,KAAA,GAAQ,CAAC,GAAG,OAAO,CAAA,CAAA;AAAA,OAC9B;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AACA,IAAAA,SAAA,CAAM,iBAAiB,MAAM;AAC3B,MAAS,QAAA,CAAA,KAAA,GAAQ,MAAM,IAAK,CAAA,MAAA;AAAA,QAC1B,SAAO,CAAC,GAAA,CAAI,UAAY,CAAA,OAAA,CAAQ,gBAAgB,KAAK,CAAA;AAAA,OACvD,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"modal.vue2.js","sources":["../../../../../../../packages/components/icon-picker/src/components/modal.vue"],"sourcesContent":["<template>\n  <ll-new-modal\n    :open=\"visible\"\n    :title=\"'图标选择'\"\n    :class=\"`icon-picker-modal-wrapper ${bem.b()}`\"\n    width=\"766px\"\n    :keyboard=\"false\"\n    :mask-closable=\"false\"\n    :is-show-footer-shadow=\"isShowContentBottomBox\"\n    footer-shadow-placement=\"outer\"\n    @ok=\"handleOk\"\n    @cancel=\"handleCancel\"\n  >\n    <div :class=\"bem.e('modal-content')\">\n      <div :class=\"bem.e('input-container')\">\n        <a-form-item name=\"h\">\n          <a-input\n            v-model:value=\"searchIconValue\"\n            :class=\"bem.e('input')\"\n            allow-clear\n            placeholder=\"搜索...\"\n          >\n            <template #prefix>\n              <ll-icon icon-name=\"icon-search\" />\n            </template>\n          </a-input>\n        </a-form-item>\n      </div>\n      <div ref=\"scrollRef\" :class=\"bem.e('list')\">\n        <a-space :size=\"[16, 16]\" wrap :class=\"bem.e('space')\">\n          <a-button\n            v-for=\"item in iconList\"\n            :key=\"item.icon_id\"\n            type=\"default\"\n            :class=\"[\n              bem.e('button'),\n              selectIcon === item.font_class ? bem.is('active') : ''\n            ]\"\n            @click=\"handleSelectIcon(item)\"\n          >\n            <template #icon>\n              <ll-icon\n                :icon-name=\"'icon-' + item.font_class\"\n                style=\"font-size: 28px\"\n              />\n            </template>\n          </a-button>\n        </a-space>\n      </div>\n    </div>\n  </ll-new-modal>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref, watch, watchEffect } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { iconPickerModalProps, iconPickerModalEmits } from '../config'\n\nimport type { IconPickerItem } from '../config'\nimport { useScroll } from '@ll-plus/hooks'\n\ndefineOptions({\n  name: 'LlIconPickerModal'\n})\n\nconst props = defineProps(iconPickerModalProps)\nconst emits = defineEmits(iconPickerModalEmits)\n\nconst { scrollPosition, isHasScrollBar, scrollRef } = useScroll()\n\nconst searchIconValue = ref('')\nconst selectIcon = ref('')\nconst iconList = ref<IconPickerItem[]>([])\nconst bem = createNamespace('icon-picker-modal')\n\n// 是否显示内容区域底部的阴影div\nconst isShowContentBottomBox = computed(() => {\n  return isHasScrollBar.value && scrollPosition.value !== 'bottom'\n})\n\nconst handleOk = () => {\n  emits('changeIconValue', selectIcon.value)\n  emits('update:visible')\n}\nconst handleCancel = () => emits('update:visible')\nconst handleSelectIcon = (icon: IconPickerItem) =>\n  (selectIcon.value = icon?.font_class as string)\n\nwatch(\n  () => props.visible,\n  newVisible => {\n    // 清空查询值\n    if (newVisible) searchIconValue.value = ''\n\n    if (newVisible && props.value) selectIcon.value = props.value\n  },\n  {\n    immediate: true\n  }\n)\nwatch(\n  () => props.data,\n  newData => {\n    iconList.value = [...newData]\n  },\n  {\n    immediate: true\n  }\n)\nwatch(searchIconValue, () => {\n  iconList.value = props.data.filter(\n    ele => ~ele.font_class!.indexOf(searchIconValue.value)\n  )\n})\n\n// 滚动条回到顶部\nwatchEffect(() => {\n  if (props.visible) {\n    // 头部有步骤条回到顶部\n    if (isHasScrollBar && scrollRef.value && !scrollRef.value.scrollTop) {\n      scrollRef.value.scrollTop = 0\n      scrollPosition.value = 'top'\n    }\n  }\n})\n</script>\n"],"names":["useScroll","ref","createNamespace","computed","watch","watchEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiEA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,EAAE,cAAA,EAAgB,cAAgB,EAAA,SAAA,KAAcA,eAAU,EAAA,CAAA;AAEhE,IAAM,MAAA,eAAA,GAAkBC,QAAI,EAAE,CAAA,CAAA;AAC9B,IAAM,MAAA,UAAA,GAAaA,QAAI,EAAE,CAAA,CAAA;AACzB,IAAM,MAAA,QAAA,GAAWA,OAAsB,CAAA,EAAE,CAAA,CAAA;AACzC,IAAM,MAAA,GAAA,GAAMC,gCAAgB,mBAAmB,CAAA,CAAA;AAG/C,IAAM,MAAA,sBAAA,GAAyBC,aAAS,MAAM;AAC5C,MAAO,OAAA,cAAA,CAAe,KAAS,IAAA,cAAA,CAAe,KAAU,KAAA,QAAA,CAAA;AAAA,KACzD,CAAA,CAAA;AAED,IAAA,MAAM,WAAW,MAAM;AACrB,MAAM,KAAA,CAAA,iBAAA,EAAmB,WAAW,KAAK,CAAA,CAAA;AACzC,MAAA,KAAA,CAAM,gBAAgB,CAAA,CAAA;AAAA,KACxB,CAAA;AACA,IAAM,MAAA,YAAA,GAAe,MAAM,KAAA,CAAM,gBAAgB,CAAA,CAAA;AACjD,IAAA,MAAM,gBAAmB,GAAA,CAAC,IACvB,KAAA,UAAA,CAAW,QAAQ,IAAM,EAAA,UAAA,CAAA;AAE5B,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,OAAA;AAAA,MACZ,CAAc,UAAA,KAAA;AAEZ,QAAI,IAAA,UAAA;AAAY,UAAA,eAAA,CAAgB,KAAQ,GAAA,EAAA,CAAA;AAExC,QAAA,IAAI,cAAc,KAAM,CAAA,KAAA;AAAO,UAAA,UAAA,CAAW,QAAQ,KAAM,CAAA,KAAA,CAAA;AAAA,OAC1D;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AACA,IAAAA,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,CAAW,OAAA,KAAA;AACT,QAAS,QAAA,CAAA,KAAA,GAAQ,CAAC,GAAG,OAAO,CAAA,CAAA;AAAA,OAC9B;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AACA,IAAAA,SAAA,CAAM,iBAAiB,MAAM;AAC3B,MAAS,QAAA,CAAA,KAAA,GAAQ,MAAM,IAAK,CAAA,MAAA;AAAA,QAC1B,SAAO,CAAC,GAAA,CAAI,UAAY,CAAA,OAAA,CAAQ,gBAAgB,KAAK,CAAA;AAAA,OACvD,CAAA;AAAA,KACD,CAAA,CAAA;AAGD,IAAAC,eAAA,CAAY,MAAM;AAChB,MAAA,IAAI,MAAM,OAAS,EAAA;AAEjB,QAAA,IAAI,kBAAkB,SAAU,CAAA,KAAA,IAAS,CAAC,SAAA,CAAU,MAAM,SAAW,EAAA;AACnE,UAAA,SAAA,CAAU,MAAM,SAAY,GAAA,CAAA,CAAA;AAC5B,UAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAAA,SACzB;AAAA,OACF;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/components/input/src/input.vue2.js

@@ -13,10 +13,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "LlInput" },
   __name: "input",
   props: input.inputProps,
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
     const bem = createNamespace.createNamespace("input");
     const props = __props;
     const innerValue = vue.ref("");
+    const inputRef = vue.ref();
     vue.watchEffect(() => {
       if (props.value !== innerValue.value) {
         innerValue.value = props.value;
@@ -27,9 +28,15 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const attrs = { ...vue.useAttrs(), ...props };
       return attrs;
     });
+    const focus = () => {
+      inputRef.value.focus();
+    };
+    __expose({ focus });
     return (_ctx, _cache) => {
       const _component_ll_icon = vue.resolveComponent("ll-icon");
       return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(componentType)), vue.mergeProps({
+        ref_key: "inputRef",
+        ref: inputRef,
         class: vue.unref(bem).b()
       }, computedAttrs.value), vue.createSlots({
         _: 2

package/lib/packages/components/input/src/input.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.vue2.js","sources":["../../../../../../packages/components/input/src/input.vue"],"sourcesContent":["<template>\n  <component :is=\"componentType\" :class=\"bem.b()\" v-bind=\"computedAttrs\">\n    <template v-for=\"item in Object.keys($slots)\" :key=\"item\" #[item]=\"data\">\n      <slot :name=\"item\" v-bind=\"data || {}\"></slot>\n    </template>\n    <template v-if=\"prefixIcon\" #prefix>\n      <ll-icon :icon-name=\"prefixIcon\" class-name=\"prefix-icon\" />\n    </template>\n    <template v-if=\"suffixIcon\" #suffix>\n      <ll-icon :icon-name=\"suffixIcon\" class-name=\"suffix-icon\" />\n    </template>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, useAttrs, watchEffect } from 'vue'\nimport { Input } from 'ant-design-vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { InputValue, inputProps } from './input'\n\ndefineOptions({ name: 'LlInput' })\n\nconst bem = createNamespace('input')\n\nconst props = defineProps(inputProps)\n\nconst innerValue = ref<InputValue>('')\n\nwatchEffect(() => {\n  if (props.value !== innerValue.value) {\n    innerValue.value = props.value\n  }\n})\n\nconst componentType = props.showPassword ? Input.Password : Input\n\nconst computedAttrs = computed(() => {\n  const attrs = { ...useAttrs(), ...props }\n\n  return attrs\n})\n</script>\n"],"names":["createNamespace","ref","watchEffect","Input","computed","useAttrs"],"mappings":";;;;;;;;;;;;;;;;AAsBA,IAAM,MAAA,GAAA,GAAMA,gCAAgB,OAAO,CAAA,CAAA;AAEnC,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,UAAA,GAAaC,QAAgB,EAAE,CAAA,CAAA;AAErC,IAAAC,eAAA,CAAY,MAAM;AAChB,MAAI,IAAA,KAAA,CAAM,KAAU,KAAA,UAAA,CAAW,KAAO,EAAA;AACpC,QAAA,UAAA,CAAW,QAAQ,KAAM,CAAA,KAAA,CAAA;AAAA,OAC3B;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,aAAgB,GAAA,KAAA,CAAM,YAAe,GAAAC,kBAAA,CAAM,QAAW,GAAAA,kBAAA,CAAA;AAE5D,IAAM,MAAA,aAAA,GAAgBC,aAAS,MAAM;AACnC,MAAA,MAAM,QAAQ,EAAE,GAAGC,YAAS,EAAA,EAAG,GAAG,KAAM,EAAA,CAAA;AAExC,MAAO,OAAA,KAAA,CAAA;AAAA,KACR,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"input.vue2.js","sources":["../../../../../../packages/components/input/src/input.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"componentType\"\n    ref=\"inputRef\"\n    :class=\"bem.b()\"\n    v-bind=\"computedAttrs\"\n  >\n    <template v-for=\"item in Object.keys($slots)\" :key=\"item\" #[item]=\"data\">\n      <slot :name=\"item\" v-bind=\"data || {}\"></slot>\n    </template>\n    <template v-if=\"prefixIcon\" #prefix>\n      <ll-icon :icon-name=\"prefixIcon\" class-name=\"prefix-icon\" />\n    </template>\n    <template v-if=\"suffixIcon\" #suffix>\n      <ll-icon :icon-name=\"suffixIcon\" class-name=\"suffix-icon\" />\n    </template>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, useAttrs, watchEffect } from 'vue'\nimport { Input } from 'ant-design-vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { InputValue, inputProps } from './input'\n\ndefineOptions({ name: 'LlInput' })\n\nconst bem = createNamespace('input')\n\nconst props = defineProps(inputProps)\n\nconst innerValue = ref<InputValue>('')\n\nconst inputRef = ref()\n\nwatchEffect(() => {\n  if (props.value !== innerValue.value) {\n    innerValue.value = props.value\n  }\n})\n\nconst componentType = props.showPassword ? Input.Password : Input\n\nconst computedAttrs = computed(() => {\n  const attrs = { ...useAttrs(), ...props }\n\n  return attrs\n})\n\nconst focus = () => {\n  inputRef.value.focus()\n}\n\ndefineExpose({ focus })\n</script>\n"],"names":["createNamespace","ref","watchEffect","Input","computed","useAttrs"],"mappings":";;;;;;;;;;;;;;;;AA2BA,IAAM,MAAA,GAAA,GAAMA,gCAAgB,OAAO,CAAA,CAAA;AAEnC,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,UAAA,GAAaC,QAAgB,EAAE,CAAA,CAAA;AAErC,IAAA,MAAM,WAAWA,OAAI,EAAA,CAAA;AAErB,IAAAC,eAAA,CAAY,MAAM;AAChB,MAAI,IAAA,KAAA,CAAM,KAAU,KAAA,UAAA,CAAW,KAAO,EAAA;AACpC,QAAA,UAAA,CAAW,QAAQ,KAAM,CAAA,KAAA,CAAA;AAAA,OAC3B;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,aAAgB,GAAA,KAAA,CAAM,YAAe,GAAAC,kBAAA,CAAM,QAAW,GAAAA,kBAAA,CAAA;AAE5D,IAAM,MAAA,aAAA,GAAgBC,aAAS,MAAM;AACnC,MAAA,MAAM,QAAQ,EAAE,GAAGC,YAAS,EAAA,EAAG,GAAG,KAAM,EAAA,CAAA;AAExC,MAAO,OAAA,KAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAA,QAAA,CAAS,MAAM,KAAM,EAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAa,QAAA,CAAA,EAAE,OAAO,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/components/input-number/src/input-number.vue2.js

@@ -21,12 +21,13 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "input-number",
   props: inputNumber.inputNumberProps,
   emits: inputNumber.inputNumberEmits,
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const bem = createNamespace.createNamespace("input-number");
     const attrs = vue.useAttrs();
     const innerValue = vue.ref("");
+    const inputRef = vue.ref();
     const integerCongfig = vue.computed(() => {
       let obj = {};
       if (props.integer) {
@@ -64,6 +65,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emit("update:value", value);
       emit("change", value);
     }
+    const focus = () => {
+      inputRef.value.focus();
+    };
+    __expose({ focus });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(
         "div",
@@ -79,6 +84,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             },
             [
               vue.createVNode(vue.unref(antDesignVue.InputNumber), vue.mergeProps({
+                ref_key: "inputRef",
+                ref: inputRef,
                 value: innerValue.value,
                 "onUpdate:value": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event)
               }, getBindValue.value, { onChange }), vue.createSlots({

package/lib/packages/components/input-number/src/input-number.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-number.vue2.js","sources":["../../../../../../packages/components/input-number/src/input-number.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <div v-if=\"!detailed\" :class=\"bem.e('container')\">\n      <InputNumber\n        v-model:value=\"innerValue\"\n        v-bind=\"getBindValue\"\n        @change=\"onChange\"\n      >\n        <template v-for=\"item in Object.keys($slots)\" #[item]=\"data\">\n          <slot :name=\"item\" v-bind=\"data || {}\"></slot>\n        </template>\n        <template v-if=\"getBindValue.unit\" #addonAfter>\n          <div :class=\"bem.e('unit')\">\n            {{ getBindValue.unit }}\n          </div>\n        </template>\n      </InputNumber>\n    </div>\n\n    <p\n      v-if=\"detailed\"\n      :class=\"bem.e('detailed')\"\n      :title=\"thousands ? thousandsFormat(innerValue) : innerValue\"\n    >\n      <span v-if=\"$attrs.addonBefore\">{{ $attrs.addonBefore }}</span>\n      {{ thousands ? thousandsFormat(innerValue) : innerValue }}\n      <span v-if=\"$attrs.addonAfter\">{{ $attrs.addonAfter }}</span>\n    </p>\n    <p\n      v-if=\"isAmountChinese && getChineseName\"\n      :class=\"bem.e('amount-chinese-name')\"\n    >\n      {{ getChineseName }}\n    </p>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch, useAttrs } from 'vue'\nimport { InputNumber } from 'ant-design-vue'\nimport { isNil } from 'lodash-es'\nimport {\n  getAmountChinese,\n  thousandsFormat,\n  createNamespace\n} from '@ll-plus/utils'\nimport { inputNumberProps, inputNumberEmits } from './input-number'\nimport { integerDict, type Integer } from './config'\nimport type { InputNumberProps } from 'ant-design-vue'\ndefineOptions({ name: 'LlInputNumber' })\nconst props = defineProps(inputNumberProps)\nconst emit = defineEmits(inputNumberEmits)\nconst bem = createNamespace('input-number')\nconst attrs = useAttrs()\nconst innerValue = ref('')\nconst integerCongfig = computed(() => {\n  let obj = {} as Integer\n  if (props.integer) {\n    obj = integerDict[props.integer]\n  }\n  return obj\n})\n\nconst getBindValue = computed(() => {\n  const bindValue = {\n    ...attrs,\n    ...integerCongfig.value\n  } as InputNumberProps & { unit: string }\n  if (props.thousands) {\n    bindValue.formatter = (value: string | number) => thousandsFormat(value)\n    bindValue.parser = (value: string) => value.replace(/\\$\\s?|(,*)/g, '')\n  }\n  return bindValue\n})\n\nconst getChineseName = computed(() => {\n  let str = ''\n  str =\n    !props.isAmountChinese || isNil(innerValue.value)\n      ? ''\n      : getAmountChinese(Number(innerValue.value))\n  return str\n})\n\nwatch(\n  () => props.value,\n  val => {\n    setValue(val)\n  },\n  { immediate: true }\n)\n\nfunction setValue(value) {\n  innerValue.value = isNil(value) || isNaN(value) ? null : value\n  // (!value && value !== 0) || isNaN(value) ? null : Number(value)\n}\nfunction onChange(value) {\n  emit('update:value', value)\n  emit('change', value)\n}\n</script>\n"],"names":["createNamespace","useAttrs","ref","computed","integerDict","thousandsFormat","isNil","getAmountChinese","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAkDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAM,MAAA,GAAA,GAAMA,gCAAgB,cAAc,CAAA,CAAA;AAC1C,IAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AACvB,IAAM,MAAA,UAAA,GAAaC,QAAI,EAAE,CAAA,CAAA;AACzB,IAAM,MAAA,cAAA,GAAiBC,aAAS,MAAM;AACpC,MAAA,IAAI,MAAM,EAAC,CAAA;AACX,MAAA,IAAI,MAAM,OAAS,EAAA;AACjB,QAAM,GAAA,GAAAC,yBAAA,CAAY,MAAM,OAAO,CAAA,CAAA;AAAA,OACjC;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,YAAA,GAAeD,aAAS,MAAM;AAClC,MAAA,MAAM,SAAY,GAAA;AAAA,QAChB,GAAG,KAAA;AAAA,QACH,GAAG,cAAe,CAAA,KAAA;AAAA,OACpB,CAAA;AACA,MAAA,IAAI,MAAM,SAAW,EAAA;AACnB,QAAA,SAAA,CAAU,SAAY,GAAA,CAAC,KAA2B,KAAAE,sBAAA,CAAgB,KAAK,CAAA,CAAA;AACvE,QAAA,SAAA,CAAU,SAAS,CAAC,KAAA,KAAkB,KAAM,CAAA,OAAA,CAAQ,eAAe,EAAE,CAAA,CAAA;AAAA,OACvE;AACA,MAAO,OAAA,SAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,cAAA,GAAiBF,aAAS,MAAM;AACpC,MAAA,IAAI,GAAM,GAAA,EAAA,CAAA;AACV,MAAA,GAAA,GACE,CAAC,KAAA,CAAM,eAAmB,IAAAG,cAAA,CAAM,UAAW,CAAA,KAAK,CAC5C,GAAA,EAAA,GACAC,uBAAiB,CAAA,MAAA,CAAO,UAAW,CAAA,KAAK,CAAC,CAAA,CAAA;AAC/C,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAO,GAAA,KAAA;AACL,QAAA,QAAA,CAAS,GAAG,CAAA,CAAA;AAAA,OACd;AAAA,MACA,EAAE,WAAW,IAAK,EAAA;AAAA,KACpB,CAAA;AAEA,IAAA,SAAS,SAAS,KAAO,EAAA;AACvB,MAAA,UAAA,CAAW,QAAQF,cAAM,CAAA,KAAK,KAAK,KAAM,CAAA,KAAK,IAAI,IAAO,GAAA,KAAA,CAAA;AAAA,KAE3D;AACA,IAAA,SAAS,SAAS,KAAO,EAAA;AACvB,MAAA,IAAA,CAAK,gBAAgB,KAAK,CAAA,CAAA;AAC1B,MAAA,IAAA,CAAK,UAAU,KAAK,CAAA,CAAA;AAAA,KACtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"input-number.vue2.js","sources":["../../../../../../packages/components/input-number/src/input-number.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <div v-if=\"!detailed\" :class=\"bem.e('container')\">\n      <InputNumber\n        ref=\"inputRef\"\n        v-model:value=\"innerValue\"\n        v-bind=\"getBindValue\"\n        @change=\"onChange\"\n      >\n        <template v-for=\"item in Object.keys($slots)\" #[item]=\"data\">\n          <slot :name=\"item\" v-bind=\"data || {}\"></slot>\n        </template>\n        <template v-if=\"getBindValue.unit\" #addonAfter>\n          <div :class=\"bem.e('unit')\">\n            {{ getBindValue.unit }}\n          </div>\n        </template>\n      </InputNumber>\n    </div>\n\n    <p\n      v-if=\"detailed\"\n      :class=\"bem.e('detailed')\"\n      :title=\"thousands ? thousandsFormat(innerValue) : innerValue\"\n    >\n      <span v-if=\"$attrs.addonBefore\">{{ $attrs.addonBefore }}</span>\n      {{ thousands ? thousandsFormat(innerValue) : innerValue }}\n      <span v-if=\"$attrs.addonAfter\">{{ $attrs.addonAfter }}</span>\n    </p>\n    <p\n      v-if=\"isAmountChinese && getChineseName\"\n      :class=\"bem.e('amount-chinese-name')\"\n    >\n      {{ getChineseName }}\n    </p>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch, useAttrs } from 'vue'\nimport { InputNumber } from 'ant-design-vue'\nimport { isNil } from 'lodash-es'\nimport {\n  getAmountChinese,\n  thousandsFormat,\n  createNamespace\n} from '@ll-plus/utils'\nimport { inputNumberProps, inputNumberEmits } from './input-number'\nimport { integerDict, type Integer } from './config'\nimport type { InputNumberProps } from 'ant-design-vue'\ndefineOptions({ name: 'LlInputNumber' })\nconst props = defineProps(inputNumberProps)\nconst emit = defineEmits(inputNumberEmits)\nconst bem = createNamespace('input-number')\nconst attrs = useAttrs()\nconst innerValue = ref('')\nconst inputRef = ref()\nconst integerCongfig = computed(() => {\n  let obj = {} as Integer\n  if (props.integer) {\n    obj = integerDict[props.integer]\n  }\n  return obj\n})\n\nconst getBindValue = computed(() => {\n  const bindValue = {\n    ...attrs,\n    ...integerCongfig.value\n  } as InputNumberProps & { unit: string }\n  if (props.thousands) {\n    bindValue.formatter = (value: string | number) => thousandsFormat(value)\n    bindValue.parser = (value: string) => value.replace(/\\$\\s?|(,*)/g, '')\n  }\n  return bindValue\n})\n\nconst getChineseName = computed(() => {\n  let str = ''\n  str =\n    !props.isAmountChinese || isNil(innerValue.value)\n      ? ''\n      : getAmountChinese(Number(innerValue.value))\n  return str\n})\n\nwatch(\n  () => props.value,\n  val => {\n    setValue(val)\n  },\n  { immediate: true }\n)\n\nfunction setValue(value) {\n  innerValue.value = isNil(value) || isNaN(value) ? null : value\n  // (!value && value !== 0) || isNaN(value) ? null : Number(value)\n}\nfunction onChange(value) {\n  emit('update:value', value)\n  emit('change', value)\n}\n\nconst focus = () => {\n  inputRef.value.focus()\n}\n\ndefineExpose({ focus })\n</script>\n"],"names":["createNamespace","useAttrs","ref","computed","integerDict","thousandsFormat","isNil","getAmountChinese","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAM,MAAA,GAAA,GAAMA,gCAAgB,cAAc,CAAA,CAAA;AAC1C,IAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AACvB,IAAM,MAAA,UAAA,GAAaC,QAAI,EAAE,CAAA,CAAA;AACzB,IAAA,MAAM,WAAWA,OAAI,EAAA,CAAA;AACrB,IAAM,MAAA,cAAA,GAAiBC,aAAS,MAAM;AACpC,MAAA,IAAI,MAAM,EAAC,CAAA;AACX,MAAA,IAAI,MAAM,OAAS,EAAA;AACjB,QAAM,GAAA,GAAAC,yBAAA,CAAY,MAAM,OAAO,CAAA,CAAA;AAAA,OACjC;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,YAAA,GAAeD,aAAS,MAAM;AAClC,MAAA,MAAM,SAAY,GAAA;AAAA,QAChB,GAAG,KAAA;AAAA,QACH,GAAG,cAAe,CAAA,KAAA;AAAA,OACpB,CAAA;AACA,MAAA,IAAI,MAAM,SAAW,EAAA;AACnB,QAAA,SAAA,CAAU,SAAY,GAAA,CAAC,KAA2B,KAAAE,sBAAA,CAAgB,KAAK,CAAA,CAAA;AACvE,QAAA,SAAA,CAAU,SAAS,CAAC,KAAA,KAAkB,KAAM,CAAA,OAAA,CAAQ,eAAe,EAAE,CAAA,CAAA;AAAA,OACvE;AACA,MAAO,OAAA,SAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,cAAA,GAAiBF,aAAS,MAAM;AACpC,MAAA,IAAI,GAAM,GAAA,EAAA,CAAA;AACV,MAAA,GAAA,GACE,CAAC,KAAA,CAAM,eAAmB,IAAAG,cAAA,CAAM,UAAW,CAAA,KAAK,CAC5C,GAAA,EAAA,GACAC,uBAAiB,CAAA,MAAA,CAAO,UAAW,CAAA,KAAK,CAAC,CAAA,CAAA;AAC/C,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAO,GAAA,KAAA;AACL,QAAA,QAAA,CAAS,GAAG,CAAA,CAAA;AAAA,OACd;AAAA,MACA,EAAE,WAAW,IAAK,EAAA;AAAA,KACpB,CAAA;AAEA,IAAA,SAAS,SAAS,KAAO,EAAA;AACvB,MAAA,UAAA,CAAW,QAAQF,cAAM,CAAA,KAAK,KAAK,KAAM,CAAA,KAAK,IAAI,IAAO,GAAA,KAAA,CAAA;AAAA,KAE3D;AACA,IAAA,SAAS,SAAS,KAAO,EAAA;AACvB,MAAA,IAAA,CAAK,gBAAgB,KAAK,CAAA,CAAA;AAC1B,MAAA,IAAA,CAAK,UAAU,KAAK,CAAA,CAAA;AAAA,KACtB;AAEA,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAA,QAAA,CAAS,MAAM,KAAM,EAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAa,QAAA,CAAA,EAAE,OAAO,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/components/key-value/src/config/key-value.js

@@ -41,7 +41,7 @@ const keyValueProps = runtime.buildProps({
     type: runtime.definePropType(Object),
     default: () => ({
       type: "input",
-      placeholder: "\u8BF7\u8F93\u5165key"
+      placeholder: "\u8BF7\u8F93\u5165Key"
     })
   },
   keyTypes: {
@@ -52,7 +52,7 @@ const keyValueProps = runtime.buildProps({
     type: runtime.definePropType(Object),
     default: () => ({
       type: "input",
-      placeholder: "\u8BF7\u8F93\u5165value"
+      placeholder: "\u8BF7\u8F93\u5165Value"
     })
   },
   disabledValue: {

package/lib/packages/components/key-value/src/config/key-value.js.map

@@ -1 +1 @@
-{"version":3,"file":"key-value.js","sources":["../../../../../../../packages/components/key-value/src/config/key-value.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport { type FormColumn } from '@ll-plus/components'\nimport type { KeyValueItem } from './key-value-item'\nimport type KeyValue from '../key-value.vue'\n\nexport interface KeyType {\n  label: string\n  value: string\n  option: FormColumn\n}\n\ntype KeyValueType = 'single' | 'doubt'\n\nexport const getKeyValueItem = () => ({\n  key: null,\n  value: null\n})\n\nexport const keyValueProps = buildProps({\n  value: {\n    type: definePropType<KeyValueItem[]>(Array),\n    default: () => [{ key: '', value: '' }]\n  },\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  keyLabel: {\n    type: String,\n    default: ''\n  },\n  valueLabel: {\n    type: String,\n    default: ''\n  },\n  addText: {\n    type: String,\n    default: '添加'\n  },\n  keyValueType: {\n    type: definePropType<KeyValueType>(String),\n    default: 'doubt'\n  },\n  keyType: {\n    type: definePropType<FormColumn>(Object),\n    default: () => ({\n      type: 'input',\n      placeholder: '请输入key'\n    })\n  },\n  keyTypes: {\n    type: definePropType<KeyType[]>(Array),\n    default: () => []\n  },\n  valueType: {\n    type: definePropType<FormColumn>(Object),\n    default: () => ({\n      type: 'input',\n      placeholder: '请输入value'\n    })\n  },\n  disabledValue: {\n    type: definePropType<number[]>(Array),\n    default: () => []\n  },\n  disabledKey: {\n    type: definePropType<number[]>(Array),\n    default: () => []\n  },\n  disabledDelete: {\n    type: definePropType<number[]>(Array),\n    default: () => []\n  },\n  disabledAdd: {\n    type: Boolean,\n    default: false\n  },\n  validate: {\n    type: Boolean,\n    default: false\n  }\n} as const)\n\nexport interface KeyValueAddEmits {\n  index: number\n  item: KeyValueItem\n  value: KeyValueItem[]\n}\n\nexport const keyValueEmits = {\n  change: (value: KeyValueItem[]) => !!value,\n  add: (params: KeyValueAddEmits) => !!params,\n  delete: (index: number) => typeof index === 'number',\n  'update:value': (value: KeyValueItem[]) => !!value\n}\n\n// props\nexport type KeyValueProps = ExtractPropTypes<typeof keyValueProps>\n// emits\nexport type KeyValueEmits = typeof keyValueEmits\n// instance\nexport type KeyValueInstance = InstanceType<typeof KeyValue>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAeO,MAAM,kBAAkB,OAAO;AAAA,EACpC,GAAK,EAAA,IAAA;AAAA,EACL,KAAO,EAAA,IAAA;AACT,CAAA,EAAA;AAEO,MAAM,gBAAgBA,kBAAW,CAAA;AAAA,EACtC,KAAO,EAAA;AAAA,IACL,IAAA,EAAMC,uBAA+B,KAAK,CAAA;AAAA,IAC1C,OAAA,EAAS,MAAM,CAAC,EAAE,KAAK,EAAI,EAAA,KAAA,EAAO,IAAI,CAAA;AAAA,GACxC;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAMA,uBAA6B,MAAM,CAAA;AAAA,IACzC,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAA,EAAMA,uBAA2B,MAAM,CAAA;AAAA,IACvC,SAAS,OAAO;AAAA,MACd,IAAM,EAAA,OAAA;AAAA,MACN,WAAa,EAAA,uBAAA;AAAA,KACf,CAAA;AAAA,GACF;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAA,EAAMA,uBAA0B,KAAK,CAAA;AAAA,IACrC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAA,EAAMA,uBAA2B,MAAM,CAAA;AAAA,IACvC,SAAS,OAAO;AAAA,MACd,IAAM,EAAA,OAAA;AAAA,MACN,WAAa,EAAA,yBAAA;AAAA,KACf,CAAA;AAAA,GACF;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAA,EAAMA,uBAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAA,EAAMA,uBAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,IAAA,EAAMA,uBAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAU,EAAA;AAQH,MAAM,aAAgB,GAAA;AAAA,EAC3B,MAAQ,EAAA,CAAC,KAA0B,KAAA,CAAC,CAAC,KAAA;AAAA,EACrC,GAAK,EAAA,CAAC,MAA6B,KAAA,CAAC,CAAC,MAAA;AAAA,EACrC,MAAQ,EAAA,CAAC,KAAkB,KAAA,OAAO,KAAU,KAAA,QAAA;AAAA,EAC5C,cAAgB,EAAA,CAAC,KAA0B,KAAA,CAAC,CAAC,KAAA;AAC/C;;;;;;"}
+{"version":3,"file":"key-value.js","sources":["../../../../../../../packages/components/key-value/src/config/key-value.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport { type FormColumn } from '@ll-plus/components'\nimport type { KeyValueItem } from './key-value-item'\nimport type KeyValue from '../key-value.vue'\n\nexport interface KeyType {\n  label: string\n  value: string\n  option: FormColumn\n}\n\ntype KeyValueType = 'single' | 'doubt'\n\nexport const getKeyValueItem = () => ({\n  key: null,\n  value: null\n})\n\nexport const keyValueProps = buildProps({\n  value: {\n    type: definePropType<KeyValueItem[]>(Array),\n    default: () => [{ key: '', value: '' }]\n  },\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  keyLabel: {\n    type: String,\n    default: ''\n  },\n  valueLabel: {\n    type: String,\n    default: ''\n  },\n  addText: {\n    type: String,\n    default: '添加'\n  },\n  keyValueType: {\n    type: definePropType<KeyValueType>(String),\n    default: 'doubt'\n  },\n  keyType: {\n    type: definePropType<FormColumn>(Object),\n    default: () => ({\n      type: 'input',\n      placeholder: '请输入Key'\n    })\n  },\n  keyTypes: {\n    type: definePropType<KeyType[]>(Array),\n    default: () => []\n  },\n  valueType: {\n    type: definePropType<FormColumn>(Object),\n    default: () => ({\n      type: 'input',\n      placeholder: '请输入Value'\n    })\n  },\n  disabledValue: {\n    type: definePropType<number[]>(Array),\n    default: () => []\n  },\n  disabledKey: {\n    type: definePropType<number[]>(Array),\n    default: () => []\n  },\n  disabledDelete: {\n    type: definePropType<number[]>(Array),\n    default: () => []\n  },\n  disabledAdd: {\n    type: Boolean,\n    default: false\n  },\n  validate: {\n    type: Boolean,\n    default: false\n  }\n} as const)\n\nexport interface KeyValueAddEmits {\n  index: number\n  item: KeyValueItem\n  value: KeyValueItem[]\n}\n\nexport const keyValueEmits = {\n  change: (value: KeyValueItem[]) => !!value,\n  add: (params: KeyValueAddEmits) => !!params,\n  delete: (index: number) => typeof index === 'number',\n  'update:value': (value: KeyValueItem[]) => !!value\n}\n\n// props\nexport type KeyValueProps = ExtractPropTypes<typeof keyValueProps>\n// emits\nexport type KeyValueEmits = typeof keyValueEmits\n// instance\nexport type KeyValueInstance = InstanceType<typeof KeyValue>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAeO,MAAM,kBAAkB,OAAO;AAAA,EACpC,GAAK,EAAA,IAAA;AAAA,EACL,KAAO,EAAA,IAAA;AACT,CAAA,EAAA;AAEO,MAAM,gBAAgBA,kBAAW,CAAA;AAAA,EACtC,KAAO,EAAA;AAAA,IACL,IAAA,EAAMC,uBAA+B,KAAK,CAAA;AAAA,IAC1C,OAAA,EAAS,MAAM,CAAC,EAAE,KAAK,EAAI,EAAA,KAAA,EAAO,IAAI,CAAA;AAAA,GACxC;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAMA,uBAA6B,MAAM,CAAA;AAAA,IACzC,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAA,EAAMA,uBAA2B,MAAM,CAAA;AAAA,IACvC,SAAS,OAAO;AAAA,MACd,IAAM,EAAA,OAAA;AAAA,MACN,WAAa,EAAA,uBAAA;AAAA,KACf,CAAA;AAAA,GACF;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAA,EAAMA,uBAA0B,KAAK,CAAA;AAAA,IACrC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAA,EAAMA,uBAA2B,MAAM,CAAA;AAAA,IACvC,SAAS,OAAO;AAAA,MACd,IAAM,EAAA,OAAA;AAAA,MACN,WAAa,EAAA,yBAAA;AAAA,KACf,CAAA;AAAA,GACF;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAA,EAAMA,uBAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAA,EAAMA,uBAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,IAAA,EAAMA,uBAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAU,EAAA;AAQH,MAAM,aAAgB,GAAA;AAAA,EAC3B,MAAQ,EAAA,CAAC,KAA0B,KAAA,CAAC,CAAC,KAAA;AAAA,EACrC,GAAK,EAAA,CAAC,MAA6B,KAAA,CAAC,CAAC,MAAA;AAAA,EACrC,MAAQ,EAAA,CAAC,KAAkB,KAAA,OAAO,KAAU,KAAA,QAAA;AAAA,EAC5C,cAAgB,EAAA,CAAC,KAA0B,KAAA,CAAC,CAAC,KAAA;AAC/C;;;;;;"}

package/lib/packages/components/tree-search/src/components/header-search.vue2.js

@@ -50,7 +50,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             /* STABLE */
           }, 8, ["value", "onChange"]),
           vue.createCommentVNode(" add "),
-          vue.createVNode(_component_ll_button, {
+          _ctx.isShowAddBtn ? (vue.openBlock(), vue.createBlock(_component_ll_button, {
+            key: 0,
             class: vue.normalizeClass(`${vue.unref(bem).e("header-button")}`),
             onClick: handleClick
           }, {
@@ -59,7 +60,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["class"])
+          }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
         ],
         2
         /* CLASS */

package/lib/packages/components/tree-search/src/components/header-search.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-search.vue2.js","sources":["../../../../../../../packages/components/tree-search/src/components/header-search.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.e('header')\">\n    <!-- input -->\n    <a-input\n      :value=\"props.searchValue\"\n      placeholder=\"请输入关键字\"\n      @change=\"throttleInputChange\"\n    >\n      <template #prefix>\n        <ll-icon icon-name=\"icon-search\" :class=\"bem.e('header-icon')\" />\n      </template>\n    </a-input>\n    <!-- add -->\n    <ll-button :class=\"`${bem.e('header-button')}`\" @click=\"handleClick\">\n      <ll-icon icon-name=\"icon-add\" />\n    </ll-button>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport _ from 'lodash'\nimport { createNamespace } from '@ll-plus/utils'\nimport {\n  treeSelectHeaderSearchProps,\n  treeSelectHeaderSearchEmits\n} from '../config'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlTreeSelectHeaderSearch' })\n\n// 2.props/emits\nconst props = defineProps(treeSelectHeaderSearchProps)\nconst emits = defineEmits(treeSelectHeaderSearchEmits)\n\n// 3.ref\n// const searchValue = ref('')\nconst bem = createNamespace('tree-search')\n\n// 4.methods\nconst handleInputChange = (e: any) => {\n  props.onSearchInputChange && props.onSearchInputChange(e.target.value)\n}\nconst handleClick = (e: Event) => emits('click', e)\n// 搜索菜单列表节流\nconst throttleInputChange = _.throttle(handleInputChange, props.throttleTime)\n</script>\n"],"names":["createNamespace"],"mappings":";;;;;;;;;;;;;;;;;;AA+BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAId,IAAM,MAAA,GAAA,GAAMA,gCAAgB,aAAa,CAAA,CAAA;AAGzC,IAAM,MAAA,iBAAA,GAAoB,CAAC,CAAW,KAAA;AACpC,MAAA,KAAA,CAAM,mBAAuB,IAAA,KAAA,CAAM,mBAAoB,CAAA,CAAA,CAAE,OAAO,KAAK,CAAA,CAAA;AAAA,KACvE,CAAA;AACA,IAAA,MAAM,WAAc,GAAA,CAAC,CAAa,KAAA,KAAA,CAAM,SAAS,CAAC,CAAA,CAAA;AAElD,IAAA,MAAM,mBAAsB,GAAA,CAAA,CAAE,QAAS,CAAA,iBAAA,EAAmB,MAAM,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"header-search.vue2.js","sources":["../../../../../../../packages/components/tree-search/src/components/header-search.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.e('header')\">\n    <!-- input -->\n    <a-input\n      :value=\"props.searchValue\"\n      placeholder=\"请输入关键字\"\n      @change=\"throttleInputChange\"\n    >\n      <template #prefix>\n        <ll-icon icon-name=\"icon-search\" :class=\"bem.e('header-icon')\" />\n      </template>\n    </a-input>\n    <!-- add -->\n    <ll-button\n      v-if=\"isShowAddBtn\"\n      :class=\"`${bem.e('header-button')}`\"\n      @click=\"handleClick\"\n    >\n      <ll-icon icon-name=\"icon-add\" />\n    </ll-button>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport _ from 'lodash'\nimport { createNamespace } from '@ll-plus/utils'\nimport {\n  treeSelectHeaderSearchProps,\n  treeSelectHeaderSearchEmits\n} from '../config'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlTreeSelectHeaderSearch' })\n\n// 2.props/emits\nconst props = defineProps(treeSelectHeaderSearchProps)\nconst emits = defineEmits(treeSelectHeaderSearchEmits)\n\n// 3.ref\n// const searchValue = ref('')\nconst bem = createNamespace('tree-search')\n\n// 4.methods\nconst handleInputChange = (e: any) => {\n  props.onSearchInputChange && props.onSearchInputChange(e.target.value)\n}\nconst handleClick = (e: Event) => emits('click', e)\n// 搜索菜单列表节流\nconst throttleInputChange = _.throttle(handleInputChange, props.throttleTime)\n</script>\n"],"names":["createNamespace"],"mappings":";;;;;;;;;;;;;;;;;;AAmCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAId,IAAM,MAAA,GAAA,GAAMA,gCAAgB,aAAa,CAAA,CAAA;AAGzC,IAAM,MAAA,iBAAA,GAAoB,CAAC,CAAW,KAAA;AACpC,MAAA,KAAA,CAAM,mBAAuB,IAAA,KAAA,CAAM,mBAAoB,CAAA,CAAA,CAAE,OAAO,KAAK,CAAA,CAAA;AAAA,KACvE,CAAA;AACA,IAAA,MAAM,WAAc,GAAA,CAAC,CAAa,KAAA,KAAA,CAAM,SAAS,CAAC,CAAA,CAAA;AAElD,IAAA,MAAM,mBAAsB,GAAA,CAAA,CAAE,QAAS,CAAA,iBAAA,EAAmB,MAAM,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/components/tree-search/src/config/header-search.js

@@ -17,6 +17,13 @@ const treeSelectHeaderSearchProps = runtime.buildProps({
   throttleTime: {
     type: Number
   },
+  /**
+   * @description 是否显示头部add按钮
+   */
+  isShowAddBtn: {
+    type: Boolean,
+    default: true
+  },
   /**
    * @description input的change
    */

package/lib/packages/components/tree-search/src/config/header-search.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-search.js","sources":["../../../../../../../packages/components/tree-search/src/config/header-search.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nimport { buildProps } from '@ll-plus/utils'\n\nimport type HeaderSearch from '../components/header-search.vue'\n\nexport const treeSelectHeaderSearchProps = buildProps({\n  /**\n   * @description input的value\n   */\n  searchValue: {\n    type: String\n  },\n  /**\n   * @description 节流时间\n   */\n  throttleTime: {\n    type: Number\n  },\n  /**\n   * @description input的change\n   */\n  onSearchInputChange: {\n    type: Function\n  }\n} as const)\n\nexport const treeSelectHeaderSearchEmits = {\n  click: (e: Event) => !!e // 点击新增按钮\n}\n\n// props\nexport type TreeSelectHeaderSearchProps = ExtractPropTypes<\n  typeof treeSelectHeaderSearchProps\n>\n\n// emits\nexport type TreeSelectHeaderSearchEmits = ExtractPropTypes<\n  typeof treeSelectHeaderSearchEmits\n>\n\n// instance\nexport type TreeSelectHeaderSearchInstance = InstanceType<typeof HeaderSearch>\n"],"names":["buildProps"],"mappings":";;;;;;AAMO,MAAM,8BAA8BA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIpD,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,QAAA;AAAA,GACR;AACF,CAAU,EAAA;AAEH,MAAM,2BAA8B,GAAA;AAAA,EACzC,KAAO,EAAA,CAAC,CAAa,KAAA,CAAC,CAAC,CAAA;AAAA;AACzB;;;;;"}
+{"version":3,"file":"header-search.js","sources":["../../../../../../../packages/components/tree-search/src/config/header-search.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nimport { buildProps } from '@ll-plus/utils'\n\nimport type HeaderSearch from '../components/header-search.vue'\n\nexport const treeSelectHeaderSearchProps = buildProps({\n  /**\n   * @description input的value\n   */\n  searchValue: {\n    type: String\n  },\n  /**\n   * @description 节流时间\n   */\n  throttleTime: {\n    type: Number\n  },\n  /**\n   * @description 是否显示头部add按钮\n   */\n  isShowAddBtn: {\n    type: Boolean,\n    default: true\n  },\n  /**\n   * @description input的change\n   */\n  onSearchInputChange: {\n    type: Function\n  }\n} as const)\n\nexport const treeSelectHeaderSearchEmits = {\n  click: (e: Event) => !!e // 点击新增按钮\n}\n\n// props\nexport type TreeSelectHeaderSearchProps = ExtractPropTypes<\n  typeof treeSelectHeaderSearchProps\n>\n\n// emits\nexport type TreeSelectHeaderSearchEmits = ExtractPropTypes<\n  typeof treeSelectHeaderSearchEmits\n>\n\n// instance\nexport type TreeSelectHeaderSearchInstance = InstanceType<typeof HeaderSearch>\n"],"names":["buildProps"],"mappings":";;;;;;AAMO,MAAM,8BAA8BA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIpD,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,QAAA;AAAA,GACR;AACF,CAAU,EAAA;AAEH,MAAM,2BAA8B,GAAA;AAAA,EACzC,KAAO,EAAA,CAAC,CAAa,KAAA,CAAC,CAAC,CAAA;AAAA;AACzB;;;;;"}

package/lib/packages/components/tree-search/src/config/tree-search.js

@@ -34,6 +34,13 @@ const treeSearchProps = runtime.buildProps({
     type: Number,
     default: index.THROTTLE_TIME
   },
+  /**
+   * @description 是否显示头部add按钮
+   */
+  isShowAddBtn: {
+    type: Boolean,
+    default: true
+  },
   /**
    * @description tree的数据
    */

package/lib/packages/components/tree-search/src/config/tree-search.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-search.js","sources":["../../../../../../../packages/components/tree-search/src/config/tree-search.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\nimport { THROTTLE_TIME } from '@ll-plus/constant'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type TreeSearch from '../tree-search.vue'\nimport {\n  ModalProps,\n  DrawerProps,\n  IOperateTreeFieldNames\n} from '@ll-plus/components'\n\nexport const treeSearchOperateWayType = ['modal', 'drawer', 'none'] as const\n\nexport const treeSearchProps = buildProps({\n  /**\n   * @description input的value\n   */\n  searchValue: {\n    type: String\n  },\n  /**\n   * @description tree-operate操作栏的下拉菜单是否打开(用于如果展开的话，tree-operate不用隐藏)\n   */\n  operateDropdownOpen: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description loading\n   */\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description 节流延时\n   */\n  throttleTime: {\n    type: Number,\n    default: THROTTLE_TIME\n  },\n  /**\n   * @description tree的数据\n   */\n  treeData: {\n    type: definePropType<any[]>(Array),\n    default: () => []\n  },\n  /**\n   * @description 替换 treeNode 中 title,key,children 字段为 treeData 中对应的字段\n   */\n  fieldNames: {\n    type: definePropType<IOperateTreeFieldNames>(Object),\n    default: () => ({ children: 'children', title: 'title', key: 'key' })\n  },\n  /**\n   * @description  弹窗是否可见\n   */\n  open: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description 新增和编辑显示哪种弹窗（模态框/抽屉/自定义）\n   */\n  operateWay: {\n    type: String,\n    values: treeSearchOperateWayType,\n    default: 'modal'\n  },\n  /**\n   * @description LlModal的组件配置\n   */\n  modalConfigProps: {\n    type: definePropType<ModalProps>(Object)\n  },\n  /**\n   * @description LlDrawer的组件配置\n   */\n  drawerConfigProps: {\n    type: definePropType<DrawerProps>(Object)\n  },\n  /**\n   * @description tree展开的key\n   */\n  expandedKeys: {\n    type: definePropType<string[]>(Array)\n  },\n  /**\n   * @description 头部搜索change\n   */\n  onSearchInputChange: {\n    type: Function,\n    default: (v: string) => !!v\n  }\n} as const)\n\n// 正确\nexport const treeSearchEmits = {\n  clickAdd: () => true, // 点击头部新增按钮\n  cancel: () => true, // 弹窗取消按钮事件\n  ok: () => true, // 弹窗确定按钮事件\n  close: () => true, // 弹窗的close\n  expand: (expandedKeys: string[], data: any) => expandedKeys || data, // tree的expand\n  select: (selectedKeys: string[], e: Event) => selectedKeys || e // tree的select\n}\n\nexport const treeSearchEmits1 = [\n  'cancel',\n  'cancel',\n  'ok',\n  'close',\n  'expand',\n  'select'\n]\n\n// props\nexport type TreeSearchOperateWayType = typeof treeSearchOperateWayType\nexport type TreeSearchProps = ExtractPropTypes<typeof treeSearchProps>\n\n// emits\nexport type TreeSearchEmits = typeof treeSearchEmits\n\n// instance\nexport type TreeSearchInstance = InstanceType<typeof TreeSearch>\n"],"names":["buildProps","THROTTLE_TIME","definePropType"],"mappings":";;;;;;;AAWO,MAAM,wBAA2B,GAAA,CAAC,OAAS,EAAA,QAAA,EAAU,MAAM,EAAA;AAE3D,MAAM,kBAAkBA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIxC,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAAC,mBAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAA,EAAMC,uBAAsB,KAAK,CAAA;AAAA,IACjC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAMA,uBAAuC,MAAM,CAAA;AAAA,IACnD,OAAA,EAAS,OAAO,EAAE,QAAA,EAAU,YAAY,KAAO,EAAA,OAAA,EAAS,KAAK,KAAM,EAAA,CAAA;AAAA,GACrE;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,wBAAA;AAAA,IACR,OAAS,EAAA,OAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,gBAAkB,EAAA;AAAA,IAChB,IAAA,EAAMA,uBAA2B,MAAM,CAAA;AAAA,GACzC;AAAA;AAAA;AAAA;AAAA,EAIA,iBAAmB,EAAA;AAAA,IACjB,IAAA,EAAMA,uBAA4B,MAAM,CAAA;AAAA,GAC1C;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAMA,uBAAyB,KAAK,CAAA;AAAA,GACtC;AAAA;AAAA;AAAA;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,QAAA;AAAA,IACN,OAAS,EAAA,CAAC,CAAc,KAAA,CAAC,CAAC,CAAA;AAAA,GAC5B;AACF,CAAU,EAAA;AAGH,MAAM,eAAkB,GAAA;AAAA,EAC7B,UAAU,MAAM,IAAA;AAAA;AAAA,EAChB,QAAQ,MAAM,IAAA;AAAA;AAAA,EACd,IAAI,MAAM,IAAA;AAAA;AAAA,EACV,OAAO,MAAM,IAAA;AAAA;AAAA,EACb,MAAQ,EAAA,CAAC,YAAwB,EAAA,IAAA,KAAc,YAAgB,IAAA,IAAA;AAAA;AAAA,EAC/D,MAAQ,EAAA,CAAC,YAAwB,EAAA,CAAA,KAAa,YAAgB,IAAA,CAAA;AAAA;AAChE,EAAA;AAEO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,QAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AACF;;;;;;;"}
+{"version":3,"file":"tree-search.js","sources":["../../../../../../../packages/components/tree-search/src/config/tree-search.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\nimport { THROTTLE_TIME } from '@ll-plus/constant'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type TreeSearch from '../tree-search.vue'\nimport {\n  ModalProps,\n  DrawerProps,\n  IOperateTreeFieldNames\n} from '@ll-plus/components'\n\nexport const treeSearchOperateWayType = ['modal', 'drawer', 'none'] as const\n\nexport const treeSearchProps = buildProps({\n  /**\n   * @description input的value\n   */\n  searchValue: {\n    type: String\n  },\n  /**\n   * @description tree-operate操作栏的下拉菜单是否打开(用于如果展开的话，tree-operate不用隐藏)\n   */\n  operateDropdownOpen: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description loading\n   */\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description 节流延时\n   */\n  throttleTime: {\n    type: Number,\n    default: THROTTLE_TIME\n  },\n  /**\n   * @description 是否显示头部add按钮\n   */\n  isShowAddBtn: {\n    type: Boolean,\n    default: true\n  },\n  /**\n   * @description tree的数据\n   */\n  treeData: {\n    type: definePropType<any[]>(Array),\n    default: () => []\n  },\n  /**\n   * @description 替换 treeNode 中 title,key,children 字段为 treeData 中对应的字段\n   */\n  fieldNames: {\n    type: definePropType<IOperateTreeFieldNames>(Object),\n    default: () => ({ children: 'children', title: 'title', key: 'key' })\n  },\n  /**\n   * @description  弹窗是否可见\n   */\n  open: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description 新增和编辑显示哪种弹窗（模态框/抽屉/自定义）\n   */\n  operateWay: {\n    type: String,\n    values: treeSearchOperateWayType,\n    default: 'modal'\n  },\n  /**\n   * @description LlModal的组件配置\n   */\n  modalConfigProps: {\n    type: definePropType<ModalProps>(Object)\n  },\n  /**\n   * @description LlDrawer的组件配置\n   */\n  drawerConfigProps: {\n    type: definePropType<DrawerProps>(Object)\n  },\n  /**\n   * @description tree展开的key\n   */\n  expandedKeys: {\n    type: definePropType<string[]>(Array)\n  },\n  /**\n   * @description 头部搜索change\n   */\n  onSearchInputChange: {\n    type: Function,\n    default: (v: string) => !!v\n  }\n} as const)\n\n// 正确\nexport const treeSearchEmits = {\n  clickAdd: () => true, // 点击头部新增按钮\n  cancel: () => true, // 弹窗取消按钮事件\n  ok: () => true, // 弹窗确定按钮事件\n  close: () => true, // 弹窗的close\n  expand: (expandedKeys: string[], data: any) => expandedKeys || data, // tree的expand\n  select: (selectedKeys: string[], e: Event) => selectedKeys || e // tree的select\n}\n\nexport const treeSearchEmits1 = [\n  'cancel',\n  'cancel',\n  'ok',\n  'close',\n  'expand',\n  'select'\n]\n\n// props\nexport type TreeSearchOperateWayType = typeof treeSearchOperateWayType\nexport type TreeSearchProps = ExtractPropTypes<typeof treeSearchProps>\n\n// emits\nexport type TreeSearchEmits = typeof treeSearchEmits\n\n// instance\nexport type TreeSearchInstance = InstanceType<typeof TreeSearch>\n"],"names":["buildProps","THROTTLE_TIME","definePropType"],"mappings":";;;;;;;AAWO,MAAM,wBAA2B,GAAA,CAAC,OAAS,EAAA,QAAA,EAAU,MAAM,EAAA;AAE3D,MAAM,kBAAkBA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIxC,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAAC,mBAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAA,EAAMC,uBAAsB,KAAK,CAAA;AAAA,IACjC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAMA,uBAAuC,MAAM,CAAA;AAAA,IACnD,OAAA,EAAS,OAAO,EAAE,QAAA,EAAU,YAAY,KAAO,EAAA,OAAA,EAAS,KAAK,KAAM,EAAA,CAAA;AAAA,GACrE;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,wBAAA;AAAA,IACR,OAAS,EAAA,OAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,gBAAkB,EAAA;AAAA,IAChB,IAAA,EAAMA,uBAA2B,MAAM,CAAA;AAAA,GACzC;AAAA;AAAA;AAAA;AAAA,EAIA,iBAAmB,EAAA;AAAA,IACjB,IAAA,EAAMA,uBAA4B,MAAM,CAAA;AAAA,GAC1C;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAMA,uBAAyB,KAAK,CAAA;AAAA,GACtC;AAAA;AAAA;AAAA;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,QAAA;AAAA,IACN,OAAS,EAAA,CAAC,CAAc,KAAA,CAAC,CAAC,CAAA;AAAA,GAC5B;AACF,CAAU,EAAA;AAGH,MAAM,eAAkB,GAAA;AAAA,EAC7B,UAAU,MAAM,IAAA;AAAA;AAAA,EAChB,QAAQ,MAAM,IAAA;AAAA;AAAA,EACd,IAAI,MAAM,IAAA;AAAA;AAAA,EACV,OAAO,MAAM,IAAA;AAAA;AAAA,EACb,MAAQ,EAAA,CAAC,YAAwB,EAAA,IAAA,KAAc,YAAgB,IAAA,IAAA;AAAA;AAAA,EAC/D,MAAQ,EAAA,CAAC,YAAwB,EAAA,CAAA,KAAa,YAAgB,IAAA,CAAA;AAAA;AAChE,EAAA;AAEO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,QAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AACF;;;;;;;"}

package/lib/packages/components/tree-search/src/tree-search.vue2.js

@@ -85,9 +85,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           vue.createVNode(headerSearch.default, {
             "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"]),
           vue.createCommentVNode(" \u76EE\u5F55\u6807\u9898 "),
           vue.createVNode(directoryTitle.default, {
             "is-collapse-menu": isCollapseMenu.value,

package/lib/packages/components/tree-search/src/tree-search.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-search.vue2.js","sources":["../../../../../../packages/components/tree-search/src/tree-search.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <!-- 头部搜索 -->\n    <header-search\n      :throttle-time=\"throttleTime\"\n      :search-value=\"searchValue\"\n      :on-search-input-change=\"handleSearchInputChange\"\n      @click=\"handleClickAddBtn\"\n    />\n    <!-- 目录标题 -->\n    <directory-title\n      :is-collapse-menu=\"isCollapseMenu\"\n      @collapse-menu=\"handleCollapseMenu\"\n    />\n    <!-- operate-tree -->\n    <ll-operate-tree\n      v-bind=\"attrs\"\n      :operate-dropdown-open=\"operateDropdownOpen\"\n      :loading=\"loading\"\n      :field-names=\"fieldNames\"\n      :tree-data=\"treeData\"\n      :expanded-keys=\"newExpandedKeys\"\n      @expand=\"handleTreeExpand\"\n      @select=\"handleTreeSelect\"\n    >\n      <!-- switcher-icon-slots -->\n      <template #switcherIcon=\"slots\">\n        <slot name=\"switcherIcon\" v-bind=\"slots\" />\n      </template>\n      <!-- icon-slots -->\n      <template #icon=\"slots\">\n        <slot name=\"icon\" v-bind=\"slots\" />\n      </template>\n      <!-- title-slots -->\n      <template #treeTitle=\"slots\">\n        <slot name=\"treeTitle\" v-bind=\"slots\" />\n      </template>\n      <!-- operate-slot -->\n      <template #treeOperate=\"slots\">\n        <slot name=\"treeOperate\" v-bind=\"slots.data\" />\n      </template>\n      <!-- empty-slot -->\n      <template #empty>\n        <slot name=\"empty\" />\n      </template>\n    </ll-operate-tree>\n    <!-- 操作出现的方式 -->\n    <!-- 模态框 -->\n    <template v-if=\"operateWay === 'modal'\">\n      <ll-modal\n        v-bind=\"modalConfigProps\"\n        :open=\"open\"\n        @ok=\"handleClickOkBtn\"\n        @cancel=\"handleClickCancelBtn\"\n      >\n        <slot name=\"operateBoxContent\" />\n      </ll-modal>\n    </template>\n    <!-- 抽屉 -->\n    <template v-else-if=\"operateWay === 'drawer'\">\n      <ll-drawer\n        v-bind=\"drawerConfigProps\"\n        :open=\"open\"\n        @confirm=\"handleClickOkBtn\"\n        @cancel=\"handleClickCancelBtn\"\n        @close=\"handleClickCloseBtn\"\n      >\n        <slot name=\"operateBoxContent\" />\n        <template #footer-left>\n          <slot name=\"drawerFooterLeft\" />\n        </template>\n      </ll-drawer>\n    </template>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, useAttrs, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { treeSearchProps, treeSearchEmits } from './config'\n\nimport HeaderSearch from './components/header-search.vue'\nimport DirectoryTitle from './components/directory-title.vue'\nimport { LlOperateTree } from '@ll-plus/components'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlTreeSearch' })\n\n// 2.props/emits\nconst props = defineProps(treeSearchProps)\nconst emits = defineEmits(treeSearchEmits)\n\n// 3.ref\n// 是否收起/展开\nconst isCollapseMenu = ref(false)\nconst newExpandedKeys = ref<string[]>([])\n// 输入框内容\n// const searchValue = ref('')\nconst bem = createNamespace('tree-search')\n\n// 4.hooks\nconst attrs = useAttrs()\n\n// 5.methods\n// 获取所有树的keys\nconst getTreeDataKeys = (children: any[]) => {\n  const keys: any[] = []\n  const getKeys = (children: any[]) => {\n    if (children) {\n      children.forEach(item => {\n        keys.push(item[props.fieldNames!['key']!])\n        if (item[props.fieldNames!['children']!]) {\n          getKeys(item[props.fieldNames!['children']!])\n        }\n      })\n    }\n  }\n  getKeys(children)\n  return keys\n}\nconst handleCollapseMenu = () => {\n  isCollapseMenu.value = !isCollapseMenu.value\n  if (isCollapseMenu.value) {\n    newExpandedKeys.value = getTreeDataKeys(props.treeData!)\n  } else {\n    newExpandedKeys.value = []\n  }\n}\n// 输入框内容change\nconst handleSearchInputChange = (v: string) => {\n  props.onSearchInputChange && props.onSearchInputChange(v)\n}\n// 点击头部add\nconst handleClickAddBtn = () => emits('clickAdd')\n// 树展开\nconst handleTreeExpand = (expandedKeys: string[], data: any) => {\n  emits('expand', expandedKeys, data)\n}\n// 树节点选择\nconst handleTreeSelect = (keys: string[], e: any) => {\n  emits('select', keys, e)\n}\n// 点击弹窗的ok按钮\nconst handleClickOkBtn = () => emits('ok')\n// 点击弹窗的cacel按钮\nconst handleClickCancelBtn = () => emits('cancel')\n// 点击抽屉的x\nconst handleClickCloseBtn = () => emits('close')\n\n// 6.watch\n// 如果有数据并且输入框有内容则展开\nwatch(\n  () => props.expandedKeys,\n  keys => {\n    if (keys) {\n      newExpandedKeys.value = keys\n    }\n  },\n  {\n    deep: true\n  }\n)\n</script>\n"],"names":["ref","createNamespace","useAttrs","children","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAyFA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAId,IAAM,MAAA,cAAA,GAAiBA,QAAI,KAAK,CAAA,CAAA;AAChC,IAAM,MAAA,eAAA,GAAkBA,OAAc,CAAA,EAAE,CAAA,CAAA;AAGxC,IAAM,MAAA,GAAA,GAAMC,gCAAgB,aAAa,CAAA,CAAA;AAGzC,IAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AAIvB,IAAM,MAAA,eAAA,GAAkB,CAAC,QAAoB,KAAA;AAC3C,MAAA,MAAM,OAAc,EAAC,CAAA;AACrB,MAAM,MAAA,OAAA,GAAU,CAACC,SAAoB,KAAA;AACnC,QAAA,IAAIA,SAAU,EAAA;AACZ,UAAAA,SAAAA,CAAS,QAAQ,CAAQ,IAAA,KAAA;AACvB,YAAA,IAAA,CAAK,KAAK,IAAK,CAAA,KAAA,CAAM,UAAY,CAAA,KAAK,CAAE,CAAC,CAAA,CAAA;AACzC,YAAA,IAAI,IAAK,CAAA,KAAA,CAAM,UAAY,CAAA,UAAU,CAAE,CAAG,EAAA;AACxC,cAAA,OAAA,CAAQ,IAAK,CAAA,KAAA,CAAM,UAAY,CAAA,UAAU,CAAE,CAAC,CAAA,CAAA;AAAA,aAC9C;AAAA,WACD,CAAA,CAAA;AAAA,SACH;AAAA,OACF,CAAA;AACA,MAAA,OAAA,CAAQ,QAAQ,CAAA,CAAA;AAChB,MAAO,OAAA,IAAA,CAAA;AAAA,KACT,CAAA;AACA,IAAA,MAAM,qBAAqB,MAAM;AAC/B,MAAe,cAAA,CAAA,KAAA,GAAQ,CAAC,cAAe,CAAA,KAAA,CAAA;AACvC,MAAA,IAAI,eAAe,KAAO,EAAA;AACxB,QAAgB,eAAA,CAAA,KAAA,GAAQ,eAAgB,CAAA,KAAA,CAAM,QAAS,CAAA,CAAA;AAAA,OAClD,MAAA;AACL,QAAA,eAAA,CAAgB,QAAQ,EAAC,CAAA;AAAA,OAC3B;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,uBAAA,GAA0B,CAAC,CAAc,KAAA;AAC7C,MAAM,KAAA,CAAA,mBAAA,IAAuB,KAAM,CAAA,mBAAA,CAAoB,CAAC,CAAA,CAAA;AAAA,KAC1D,CAAA;AAEA,IAAM,MAAA,iBAAA,GAAoB,MAAM,KAAA,CAAM,UAAU,CAAA,CAAA;AAEhD,IAAM,MAAA,gBAAA,GAAmB,CAAC,YAAA,EAAwB,IAAc,KAAA;AAC9D,MAAM,KAAA,CAAA,QAAA,EAAU,cAAc,IAAI,CAAA,CAAA;AAAA,KACpC,CAAA;AAEA,IAAM,MAAA,gBAAA,GAAmB,CAAC,IAAA,EAAgB,CAAW,KAAA;AACnD,MAAM,KAAA,CAAA,QAAA,EAAU,MAAM,CAAC,CAAA,CAAA;AAAA,KACzB,CAAA;AAEA,IAAM,MAAA,gBAAA,GAAmB,MAAM,KAAA,CAAM,IAAI,CAAA,CAAA;AAEzC,IAAM,MAAA,oBAAA,GAAuB,MAAM,KAAA,CAAM,QAAQ,CAAA,CAAA;AAEjD,IAAM,MAAA,mBAAA,GAAsB,MAAM,KAAA,CAAM,OAAO,CAAA,CAAA;AAI/C,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,YAAA;AAAA,MACZ,CAAQ,IAAA,KAAA;AACN,QAAA,IAAI,IAAM,EAAA;AACR,UAAA,eAAA,CAAgB,KAAQ,GAAA,IAAA,CAAA;AAAA,SAC1B;AAAA,OACF;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"tree-search.vue2.js","sources":["../../../../../../packages/components/tree-search/src/tree-search.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <!-- 头部搜索 -->\n    <header-search\n      :throttle-time=\"throttleTime\"\n      :search-value=\"searchValue\"\n      :is-show-add-btn=\"isShowAddBtn\"\n      :on-search-input-change=\"handleSearchInputChange\"\n      @click=\"handleClickAddBtn\"\n    />\n    <!-- 目录标题 -->\n    <directory-title\n      :is-collapse-menu=\"isCollapseMenu\"\n      @collapse-menu=\"handleCollapseMenu\"\n    />\n    <!-- operate-tree -->\n    <ll-operate-tree\n      v-bind=\"attrs\"\n      :operate-dropdown-open=\"operateDropdownOpen\"\n      :loading=\"loading\"\n      :field-names=\"fieldNames\"\n      :tree-data=\"treeData\"\n      :expanded-keys=\"newExpandedKeys\"\n      @expand=\"handleTreeExpand\"\n      @select=\"handleTreeSelect\"\n    >\n      <!-- switcher-icon-slots -->\n      <template #switcherIcon=\"slots\">\n        <slot name=\"switcherIcon\" v-bind=\"slots\" />\n      </template>\n      <!-- icon-slots -->\n      <template #icon=\"slots\">\n        <slot name=\"icon\" v-bind=\"slots\" />\n      </template>\n      <!-- title-slots -->\n      <template #treeTitle=\"slots\">\n        <slot name=\"treeTitle\" v-bind=\"slots\" />\n      </template>\n      <!-- operate-slot -->\n      <template #treeOperate=\"slots\">\n        <slot name=\"treeOperate\" v-bind=\"slots.data\" />\n      </template>\n      <!-- empty-slot -->\n      <template #empty>\n        <slot name=\"empty\" />\n      </template>\n    </ll-operate-tree>\n    <!-- 操作出现的方式 -->\n    <!-- 模态框 -->\n    <template v-if=\"operateWay === 'modal'\">\n      <ll-modal\n        v-bind=\"modalConfigProps\"\n        :open=\"open\"\n        @ok=\"handleClickOkBtn\"\n        @cancel=\"handleClickCancelBtn\"\n      >\n        <slot name=\"operateBoxContent\" />\n      </ll-modal>\n    </template>\n    <!-- 抽屉 -->\n    <template v-else-if=\"operateWay === 'drawer'\">\n      <ll-drawer\n        v-bind=\"drawerConfigProps\"\n        :open=\"open\"\n        @confirm=\"handleClickOkBtn\"\n        @cancel=\"handleClickCancelBtn\"\n        @close=\"handleClickCloseBtn\"\n      >\n        <slot name=\"operateBoxContent\" />\n        <template #footer-left>\n          <slot name=\"drawerFooterLeft\" />\n        </template>\n      </ll-drawer>\n    </template>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, useAttrs, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { treeSearchProps, treeSearchEmits } from './config'\n\nimport HeaderSearch from './components/header-search.vue'\nimport DirectoryTitle from './components/directory-title.vue'\nimport { LlOperateTree } from '@ll-plus/components'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlTreeSearch' })\n\n// 2.props/emits\nconst props = defineProps(treeSearchProps)\nconst emits = defineEmits(treeSearchEmits)\n\n// 3.ref\n// 是否收起/展开\nconst isCollapseMenu = ref(false)\nconst newExpandedKeys = ref<string[]>([])\n// 输入框内容\n// const searchValue = ref('')\nconst bem = createNamespace('tree-search')\n\n// 4.hooks\nconst attrs = useAttrs()\n\n// 5.methods\n// 获取所有树的keys\nconst getTreeDataKeys = (children: any[]) => {\n  const keys: any[] = []\n  const getKeys = (children: any[]) => {\n    if (children) {\n      children.forEach(item => {\n        keys.push(item[props.fieldNames!['key']!])\n        if (item[props.fieldNames!['children']!]) {\n          getKeys(item[props.fieldNames!['children']!])\n        }\n      })\n    }\n  }\n  getKeys(children)\n  return keys\n}\nconst handleCollapseMenu = () => {\n  isCollapseMenu.value = !isCollapseMenu.value\n  if (isCollapseMenu.value) {\n    newExpandedKeys.value = getTreeDataKeys(props.treeData!)\n  } else {\n    newExpandedKeys.value = []\n  }\n}\n// 输入框内容change\nconst handleSearchInputChange = (v: string) => {\n  props.onSearchInputChange && props.onSearchInputChange(v)\n}\n// 点击头部add\nconst handleClickAddBtn = () => emits('clickAdd')\n// 树展开\nconst handleTreeExpand = (expandedKeys: string[], data: any) => {\n  emits('expand', expandedKeys, data)\n}\n// 树节点选择\nconst handleTreeSelect = (keys: string[], e: any) => {\n  emits('select', keys, e)\n}\n// 点击弹窗的ok按钮\nconst handleClickOkBtn = () => emits('ok')\n// 点击弹窗的cacel按钮\nconst handleClickCancelBtn = () => emits('cancel')\n// 点击抽屉的x\nconst handleClickCloseBtn = () => emits('close')\n\n// 6.watch\n// 如果有数据并且输入框有内容则展开\nwatch(\n  () => props.expandedKeys,\n  keys => {\n    if (keys) {\n      newExpandedKeys.value = keys\n    }\n  },\n  {\n    deep: true\n  }\n)\n</script>\n"],"names":["ref","createNamespace","useAttrs","children","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA0FA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAId,IAAM,MAAA,cAAA,GAAiBA,QAAI,KAAK,CAAA,CAAA;AAChC,IAAM,MAAA,eAAA,GAAkBA,OAAc,CAAA,EAAE,CAAA,CAAA;AAGxC,IAAM,MAAA,GAAA,GAAMC,gCAAgB,aAAa,CAAA,CAAA;AAGzC,IAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AAIvB,IAAM,MAAA,eAAA,GAAkB,CAAC,QAAoB,KAAA;AAC3C,MAAA,MAAM,OAAc,EAAC,CAAA;AACrB,MAAM,MAAA,OAAA,GAAU,CAACC,SAAoB,KAAA;AACnC,QAAA,IAAIA,SAAU,EAAA;AACZ,UAAAA,SAAAA,CAAS,QAAQ,CAAQ,IAAA,KAAA;AACvB,YAAA,IAAA,CAAK,KAAK,IAAK,CAAA,KAAA,CAAM,UAAY,CAAA,KAAK,CAAE,CAAC,CAAA,CAAA;AACzC,YAAA,IAAI,IAAK,CAAA,KAAA,CAAM,UAAY,CAAA,UAAU,CAAE,CAAG,EAAA;AACxC,cAAA,OAAA,CAAQ,IAAK,CAAA,KAAA,CAAM,UAAY,CAAA,UAAU,CAAE,CAAC,CAAA,CAAA;AAAA,aAC9C;AAAA,WACD,CAAA,CAAA;AAAA,SACH;AAAA,OACF,CAAA;AACA,MAAA,OAAA,CAAQ,QAAQ,CAAA,CAAA;AAChB,MAAO,OAAA,IAAA,CAAA;AAAA,KACT,CAAA;AACA,IAAA,MAAM,qBAAqB,MAAM;AAC/B,MAAe,cAAA,CAAA,KAAA,GAAQ,CAAC,cAAe,CAAA,KAAA,CAAA;AACvC,MAAA,IAAI,eAAe,KAAO,EAAA;AACxB,QAAgB,eAAA,CAAA,KAAA,GAAQ,eAAgB,CAAA,KAAA,CAAM,QAAS,CAAA,CAAA;AAAA,OAClD,MAAA;AACL,QAAA,eAAA,CAAgB,QAAQ,EAAC,CAAA;AAAA,OAC3B;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,uBAAA,GAA0B,CAAC,CAAc,KAAA;AAC7C,MAAM,KAAA,CAAA,mBAAA,IAAuB,KAAM,CAAA,mBAAA,CAAoB,CAAC,CAAA,CAAA;AAAA,KAC1D,CAAA;AAEA,IAAM,MAAA,iBAAA,GAAoB,MAAM,KAAA,CAAM,UAAU,CAAA,CAAA;AAEhD,IAAM,MAAA,gBAAA,GAAmB,CAAC,YAAA,EAAwB,IAAc,KAAA;AAC9D,MAAM,KAAA,CAAA,QAAA,EAAU,cAAc,IAAI,CAAA,CAAA;AAAA,KACpC,CAAA;AAEA,IAAM,MAAA,gBAAA,GAAmB,CAAC,IAAA,EAAgB,CAAW,KAAA;AACnD,MAAM,KAAA,CAAA,QAAA,EAAU,MAAM,CAAC,CAAA,CAAA;AAAA,KACzB,CAAA;AAEA,IAAM,MAAA,gBAAA,GAAmB,MAAM,KAAA,CAAM,IAAI,CAAA,CAAA;AAEzC,IAAM,MAAA,oBAAA,GAAuB,MAAM,KAAA,CAAM,QAAQ,CAAA,CAAA;AAEjD,IAAM,MAAA,mBAAA,GAAsB,MAAM,KAAA,CAAM,OAAO,CAAA,CAAA;AAI/C,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,YAAA;AAAA,MACZ,CAAQ,IAAA,KAAA;AACN,QAAA,IAAI,IAAM,EAAA;AACR,UAAA,eAAA,CAAgB,KAAQ,GAAA,IAAA,CAAA;AAAA,SAC1B;AAAA,OACF;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/utils/props/runtime.d.ts

@@ -27,6 +27,6 @@ export declare const buildProp: <Type = never, Value = never, Validator = never,
 export type TestProps = Record<string, {
     [epPropKey]: true;
 } | NativePropType | EpPropInput<any, any, any, any, any>>;
-export declare const buildProps: <Props extends Record<string, NativePropType | EpPropInput<any, any, any, any, any> | {
+export declare const buildProps: <Props extends Record<string, {
     __epPropKey: true;
-}>>(props: Props) => { [K in keyof Props]: IfEpProp<Props[K], Props[K], IfNativePropType<Props[K], Props[K], EpPropConvert<Props[K]>>>; };
+} | NativePropType | EpPropInput<any, any, any, any, any>>>(props: Props) => { [K in keyof Props]: IfEpProp<Props[K], Props[K], IfNativePropType<Props[K], Props[K], EpPropConvert<Props[K]>>>; };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ll-plus",
-  "version": "2.6.15",
+  "version": "2.6.18",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.mjs",

package/theme-chalk/css/icon-picker.css

@@ -1 +1 @@
-.ll-icon-picker-modal .ll-modal__step{justify-content:flex-start}.ll-icon-picker-modal__input{width:200px}.ll-icon-picker-modal__list{min-width:696px}.ll-icon-picker-modal__space{justify-content:flex-start;padding-right:10px;margin-bottom:0!important}.ll-icon-picker-modal__button{width:62px!important;height:62px}.ll-icon-picker-modal__button.is-active{background:var(--color-primary-bg);border:1px solid var(--color-primary)}.ll-icon-picker-modal__input-container .ant-form-item{margin-bottom:0}.ll-icon-picker-modal .ant-btn.ant-btn-icon-only{display:flex;align-items:center;justify-content:center;padding:0;margin:0}
+.ll-icon-picker-modal .ll-new-modal__container{margin-right:10px;overflow:hidden;height:100%}.ll-icon-picker-modal__modal-content{height:100%;overflow-y:hidden;padding-left:30px;display:flex;flex-direction:column}.ll-icon-picker-modal__input-container{margin-top:24px;padding-left:10px}.ll-icon-picker-modal__input-container .ant-form-item{margin-bottom:0}.ll-icon-picker-modal__input{width:200px}.ll-icon-picker-modal__list{min-width:696px;overflow-y:auto;margin-top:18px;flex:1}.ll-icon-picker-modal__space{justify-content:flex-start;padding:10px;padding-top:6px;margin-bottom:0!important}.ll-icon-picker-modal__button{width:62px!important;height:62px}.ll-icon-picker-modal__button.is-active{background:var(--color-primary-bg);border:1px solid var(--color-primary)}.ll-icon-picker-modal .ant-btn.ant-btn-icon-only{display:flex;align-items:center;justify-content:center;padding:0;margin:0}