ll-plus 2.2.21 → 2.2.22

package/es/components/modal/src/modal.vue.d.ts

@@ -46,7 +46,7 @@ declare const _default: import("vue").DefineComponent<{
     getBindValue: import("vue").ComputedRef<IResultType>;
     handleCancel: () => void;
     handleOk: () => void;
-    handleResize: () => Promise<void>;
+    handleResize: (value: boolean) => Promise<void>;
     readonly Modal: {
         new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
             prefixCls: StringConstructor;

package/es/components/modal/src/modal.vue2.mjs

@@ -37,21 +37,24 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const handleOk = () => {
       emits("ok");
     };
-    const handleResize = async () => {
+    const handleResize = async (value) => {
       await nextTick();
       const ele = document.getElementsByClassName(symbolClass.value)[0];
       const modalBody = ele.getElementsByClassName(`ant-modal-body`)[0];
-      hasScroll.value = modalBody.scrollHeight > modalBody.clientHeight;
+      const resizeObserver = new ResizeObserver((entries) => {
+        const { scrollHeight, clientHeight } = entries[0].target;
+        hasScroll.value = scrollHeight > clientHeight;
+      });
+      if (value) {
+        resizeObserver.observe(modalBody);
+      } else {
+        resizeObserver.unobserve(modalBody);
+      }
     };
     watch(
       () => props.open,
       (val) => {
-        if (val) {
-          handleResize();
-          window.addEventListener("resize", handleResize);
-        } else {
-          window.removeEventListener("resize", handleResize);
-        }
+        handleResize(val);
       }
     );
     return (_ctx, _cache) => {

package/es/components/modal/src/modal.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"modal.vue2.mjs","sources":["../../../../../packages/components/modal/src/modal.vue"],"sourcesContent":["<template>\n  <Modal\n    v-bind=\"getBindValue\"\n    ref=\"modal\"\n    :open=\"props.open\"\n    :title=\"props.title\"\n    :wrap-class-name=\"`${bem.b()} ${props.wrapClassName}`\"\n    :class=\"[props.class, symbolClass, hasScroll ? bem.is('has-scroll') : '']\"\n    @cancel=\"handleCancel\"\n    @ok=\"handleOk\"\n  >\n    <div :class=\"[bem.e('container'), bem.is(props.type)]\">\n      <slot />\n    </div>\n    <template v-if=\"props.showFooter\" #footer>\n      <slot name=\"footer\">\n        <!-- 确认框 -->\n\n        <ll-button\n          v-if=\"props.showCancel && props.type !== 'confirm'\"\n          :label=\"props.cancelText ? props.cancelText : '取消'\"\n          @click=\"handleCancel\"\n        >\n        </ll-button>\n        <ll-button\n          type=\"primary\"\n          :loading=\"props.loading\"\n          :label=\"\n            props.confirmText\n              ? props.confirmText\n              : props.type === 'confirm'\n              ? '知道了'\n              : '确认'\n          \"\n          @click=\"handleOk\"\n        />\n      </slot>\n    </template>\n  </Modal>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useAttrs, ref, watch, nextTick, computed } from 'vue'\nimport { Modal } from 'ant-design-vue'\nimport { LlButton } from '@ll-plus/components'\nimport { createNamespace } from '@ll-plus/utils'\nimport { omit } from 'lodash-es'\nimport { modalProps, modalEmits } from './modal'\nimport type { IResultType } from './modal'\ndefineOptions({ name: 'LlModal' })\n// 1.props/ref\nconst props = defineProps(modalProps)\n// 2.emits\nconst emits = defineEmits(modalEmits)\n\nconst attrs = useAttrs()\n\nconst bem = createNamespace('modal')\n\nconst modal = ref<HTMLElement>()\nconst hasScroll = ref(false)\nconst symbolClass = ref(`ll-modal-${new Date().getTime()}`)\n\nconst getBindValue = computed(() => {\n  const result: IResultType = {\n    ...omit({ ...attrs }, [...Object.keys(modalProps), 'wrapClassName'])\n  }\n  if (props.showFooter === false) {\n    result.footer = null\n  }\n  return result\n})\n\n// 3.methods\nconst handleCancel = () => {\n  emits('cancel')\n  emits('update:open')\n}\nconst handleOk = () => {\n  emits('ok')\n}\nconst handleResize = async () => {\n  await nextTick()\n  const ele = document.getElementsByClassName(symbolClass.value)[0]\n  const modalBody = ele.getElementsByClassName(`ant-modal-body`)[0]\n  hasScroll.value = modalBody.scrollHeight > modalBody.clientHeight\n}\n\n// 4.watch/computed\nwatch(\n  () => props.open,\n  val => {\n    if (val) {\n      handleResize()\n      window.addEventListener('resize', handleResize)\n    } else {\n      window.removeEventListener('resize', handleResize)\n    }\n  }\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAmDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,GAAA,GAAM,gBAAgB,OAAO,CAAA,CAAA;AAEnC,IAAA,MAAM,QAAQ,GAAiB,EAAA,CAAA;AAC/B,IAAM,MAAA,SAAA,GAAY,IAAI,KAAK,CAAA,CAAA;AAC3B,IAAM,MAAA,WAAA,GAAc,IAAI,CAAY,SAAA,EAAA,iBAAA,IAAI,MAAO,EAAA,OAAA,EAAS,CAAE,CAAA,CAAA,CAAA;AAE1D,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,MAAM,MAAsB,GAAA;AAAA,QAC1B,GAAG,IAAA,CAAK,EAAE,GAAG,KAAM,EAAA,EAAG,CAAC,GAAG,MAAO,CAAA,IAAA,CAAK,UAAU,CAAA,EAAG,eAAe,CAAC,CAAA;AAAA,OACrE,CAAA;AACA,MAAI,IAAA,KAAA,CAAM,eAAe,KAAO,EAAA;AAC9B,QAAA,MAAA,CAAO,MAAS,GAAA,IAAA,CAAA;AAAA,OAClB;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAGD,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACd,MAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAAA,KACrB,CAAA;AACA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,KAAA,CAAM,IAAI,CAAA,CAAA;AAAA,KACZ,CAAA;AACA,IAAA,MAAM,eAAe,YAAY;AAC/B,MAAA,MAAM,QAAS,EAAA,CAAA;AACf,MAAA,MAAM,MAAM,QAAS,CAAA,sBAAA,CAAuB,WAAY,CAAA,KAAK,EAAE,CAAC,CAAA,CAAA;AAChE,MAAA,MAAM,SAAY,GAAA,GAAA,CAAI,sBAAuB,CAAA,CAAA,cAAA,CAAgB,EAAE,CAAC,CAAA,CAAA;AAChE,MAAU,SAAA,CAAA,KAAA,GAAQ,SAAU,CAAA,YAAA,GAAe,SAAU,CAAA,YAAA,CAAA;AAAA,KACvD,CAAA;AAGA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,CAAO,GAAA,KAAA;AACL,QAAA,IAAI,GAAK,EAAA;AACP,UAAa,YAAA,EAAA,CAAA;AACb,UAAO,MAAA,CAAA,gBAAA,CAAiB,UAAU,YAAY,CAAA,CAAA;AAAA,SACzC,MAAA;AACL,UAAO,MAAA,CAAA,mBAAA,CAAoB,UAAU,YAAY,CAAA,CAAA;AAAA,SACnD;AAAA,OACF;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"modal.vue2.mjs","sources":["../../../../../packages/components/modal/src/modal.vue"],"sourcesContent":["<template>\n  <Modal\n    v-bind=\"getBindValue\"\n    ref=\"modal\"\n    :open=\"props.open\"\n    :title=\"props.title\"\n    :wrap-class-name=\"`${bem.b()} ${props.wrapClassName}`\"\n    :class=\"[props.class, symbolClass, hasScroll ? bem.is('has-scroll') : '']\"\n    @cancel=\"handleCancel\"\n    @ok=\"handleOk\"\n  >\n    <div :class=\"[bem.e('container'), bem.is(props.type)]\">\n      <slot />\n    </div>\n    <template v-if=\"props.showFooter\" #footer>\n      <slot name=\"footer\">\n        <!-- 确认框 -->\n\n        <ll-button\n          v-if=\"props.showCancel && props.type !== 'confirm'\"\n          :label=\"props.cancelText ? props.cancelText : '取消'\"\n          @click=\"handleCancel\"\n        >\n        </ll-button>\n        <ll-button\n          type=\"primary\"\n          :loading=\"props.loading\"\n          :label=\"\n            props.confirmText\n              ? props.confirmText\n              : props.type === 'confirm'\n              ? '知道了'\n              : '确认'\n          \"\n          @click=\"handleOk\"\n        />\n      </slot>\n    </template>\n  </Modal>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useAttrs, ref, watch, nextTick, computed } from 'vue'\nimport { Modal } from 'ant-design-vue'\nimport { LlButton } from '@ll-plus/components'\nimport { createNamespace } from '@ll-plus/utils'\nimport { omit } from 'lodash-es'\nimport { modalProps, modalEmits } from './modal'\nimport type { IResultType } from './modal'\ndefineOptions({ name: 'LlModal' })\n// 1.props/ref\nconst props = defineProps(modalProps)\n// 2.emits\nconst emits = defineEmits(modalEmits)\n\nconst attrs = useAttrs()\n\nconst bem = createNamespace('modal')\n\nconst modal = ref<HTMLElement>()\nconst hasScroll = ref(false)\nconst symbolClass = ref(`ll-modal-${new Date().getTime()}`)\n\nconst getBindValue = computed(() => {\n  const result: IResultType = {\n    ...omit({ ...attrs }, [...Object.keys(modalProps), 'wrapClassName'])\n  }\n  if (props.showFooter === false) {\n    result.footer = null\n  }\n  return result\n})\n\n// 3.methods\nconst handleCancel = () => {\n  emits('cancel')\n  emits('update:open')\n}\nconst handleOk = () => {\n  emits('ok')\n}\n\nconst handleResize = async (value: boolean) => {\n  await nextTick()\n  const ele = document.getElementsByClassName(symbolClass.value)[0]\n  const modalBody = ele.getElementsByClassName(`ant-modal-body`)[0]\n  const resizeObserver = new ResizeObserver(entries => {\n    // 处理大小变化的回调函数\n    const { scrollHeight, clientHeight } = entries[0].target\n    hasScroll.value = scrollHeight > clientHeight\n  })\n  if (value) {\n    resizeObserver.observe(modalBody)\n  } else {\n    resizeObserver.unobserve(modalBody)\n  }\n}\n\n// 4.watch/computed\nwatch(\n  () => props.open,\n  val => {\n    handleResize(val)\n  }\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAmDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,GAAA,GAAM,gBAAgB,OAAO,CAAA,CAAA;AAEnC,IAAA,MAAM,QAAQ,GAAiB,EAAA,CAAA;AAC/B,IAAM,MAAA,SAAA,GAAY,IAAI,KAAK,CAAA,CAAA;AAC3B,IAAM,MAAA,WAAA,GAAc,IAAI,CAAY,SAAA,EAAA,iBAAA,IAAI,MAAO,EAAA,OAAA,EAAS,CAAE,CAAA,CAAA,CAAA;AAE1D,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,MAAM,MAAsB,GAAA;AAAA,QAC1B,GAAG,IAAA,CAAK,EAAE,GAAG,KAAM,EAAA,EAAG,CAAC,GAAG,MAAO,CAAA,IAAA,CAAK,UAAU,CAAA,EAAG,eAAe,CAAC,CAAA;AAAA,OACrE,CAAA;AACA,MAAI,IAAA,KAAA,CAAM,eAAe,KAAO,EAAA;AAC9B,QAAA,MAAA,CAAO,MAAS,GAAA,IAAA,CAAA;AAAA,OAClB;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAGD,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACd,MAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAAA,KACrB,CAAA;AACA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,KAAA,CAAM,IAAI,CAAA,CAAA;AAAA,KACZ,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,OAAO,KAAmB,KAAA;AAC7C,MAAA,MAAM,QAAS,EAAA,CAAA;AACf,MAAA,MAAM,MAAM,QAAS,CAAA,sBAAA,CAAuB,WAAY,CAAA,KAAK,EAAE,CAAC,CAAA,CAAA;AAChE,MAAA,MAAM,SAAY,GAAA,GAAA,CAAI,sBAAuB,CAAA,CAAA,cAAA,CAAgB,EAAE,CAAC,CAAA,CAAA;AAChE,MAAM,MAAA,cAAA,GAAiB,IAAI,cAAA,CAAe,CAAW,OAAA,KAAA;AAEnD,QAAA,MAAM,EAAE,YAAc,EAAA,YAAA,EAAiB,GAAA,OAAA,CAAQ,CAAC,CAAE,CAAA,MAAA,CAAA;AAClD,QAAA,SAAA,CAAU,QAAQ,YAAe,GAAA,YAAA,CAAA;AAAA,OAClC,CAAA,CAAA;AACD,MAAA,IAAI,KAAO,EAAA;AACT,QAAA,cAAA,CAAe,QAAQ,SAAS,CAAA,CAAA;AAAA,OAC3B,MAAA;AACL,QAAA,cAAA,CAAe,UAAU,SAAS,CAAA,CAAA;AAAA,OACpC;AAAA,KACF,CAAA;AAGA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,CAAO,GAAA,KAAA;AACL,QAAA,YAAA,CAAa,GAAG,CAAA,CAAA;AAAA,OAClB;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/tag-group/src/tag-group.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tag-group.vue2.mjs","sources":["../../../../../packages/components/tag-group/src/tag-group.vue"],"sourcesContent":["<template>\n  <a-spin :spinning=\"loading\">\n    <div ref=\"tagsTypeRef\" :class=\"bem.b()\">\n      <div :class=\"bem.e('tag-container')\">\n        <template v-for=\"(item, i) in value\" :key=\"i\">\n          <div\n            :ref=\"getTagRefs(i)\"\n            :class=\"[\n              bem.m('item'),\n              !shownArr.includes(item) ? bem.is('hidden') : ''\n            ]\"\n          >\n            <div :class=\"bem.m('text')\">\n              {{ item }}\n            </div>\n            <span :class=\"bem.m('close')\" @click=\"handleDel(i)\">\n              <ll-icon\n                icon-name=\"icon-close2\"\n                :color=\"'#909399'\"\n                :class-name=\"bem.m('close-icon')\"\n              />\n            </span>\n          </div>\n        </template>\n      </div>\n\n      <div :class=\"bem.e('add-container')\">\n        <div v-if=\"more > 0\" :class=\"bem.m('more')\">+{{ more }}</div>\n        <Popover\n          v-model:open=\"visible\"\n          :overlay-class-name=\"bem.e('popover')\"\n          arrow-point-at-center\n          trigger=\"click\"\n          placement=\"bottom\"\n        >\n          <template #content>\n            <LlInput\n              v-model:value=\"inputValue\"\n              placeholder=\"输入后回车新建\"\n              :prefix-icon=\"`icon-search`\"\n              :style=\"{ width: '300px', paddingLeft: '18px' }\"\n              @press-enter.prevent=\"handleEnter\"\n            />\n            <ul\n              v-if=\"filterOptionsValue.length > 0\"\n              :class=\"bem.m('select-box')\"\n            >\n              <li\n                v-for=\"(item, i) in filterOptionsValue\"\n                :key=\"i\"\n                :class=\"bem.m('select-item')\"\n                @click=\"handleClickFilter(item)\"\n              >\n                <span :class=\"bem.m('select-text')\">\n                  {{ item }}\n                </span>\n                <ll-icon\n                  v-if=\"value.indexOf(item) >= 0\"\n                  icon-name=\"icon-check\"\n                  :class=\"bem.m('select-check')\"\n                  color=\"#1890FF\"\n                />\n              </li>\n            </ul>\n          </template>\n          <div\n            ref=\"btnRef\"\n            :class=\"[\n              mouseMove || visible ? bem.is('active') : '',\n              bem.m('add-item')\n            ]\"\n            @mouseover=\"mouseMove = true\"\n            @mouseleave=\"mouseMove = false\"\n          >\n            <ll-icon\n              icon-name=\"icon-add\"\n              :color=\"'#666'\"\n              :class-name=\"bem.m('add-icon')\"\n            />\n          </div>\n        </Popover>\n      </div>\n    </div>\n  </a-spin>\n</template>\n\n<script setup lang=\"ts\">\nimport { Form } from 'ant-design-vue'\nimport {\n  ref,\n  reactive,\n  nextTick,\n  onMounted,\n  toRef,\n  watch,\n  onUnmounted\n} from 'vue'\nimport { Popover } from 'ant-design-vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { tagGroupProps, tagGroupEmits } from './tag-group'\nimport type { Ref } from 'vue'\ndefineOptions({ name: 'LlTagGroup' })\n\nconst props = defineProps(tagGroupProps)\nconst emits = defineEmits(tagGroupEmits)\nconst bem = createNamespace('tag-group')\nconst formItemContext = Form.useInjectFormItemContext()\n\nconst loading = ref(false)\nconst inputValue = ref('')\nconst visible = ref(false)\nconst value = toRef(props.value?.length ? props.value.split(',') : [])\nconst more = ref(0)\nconst btnRef = ref()\nconst mouseMove = ref(false)\nconst tagsTypeRef = ref<HTMLDivElement | null>(null)\nconst tagRefs: Ref<HTMLDivElement>[] = reactive([])\nconst filterOptionsValue = ref(props.options)\nconst innerOptions = ref(props.options)\nconst tagsTypeWidth = ref(0)\nconst shownArr = ref<string[]>([])\nconst getTagRefs = (i: number) => {\n  return (el: any) => {\n    if (el) {\n      tagRefs[i] = toRef(el)\n    } else {\n      tagRefs.splice(i, 1)\n    }\n  }\n}\n\nconst getWidth = () => {\n  nextTick(() => {\n    setTimeout(() => {\n      if (tagsTypeRef.value) {\n        tagsTypeWidth.value = tagsTypeRef.value.offsetWidth - 90\n      }\n    }, 0)\n  })\n}\n\nconst handleEnter = () => {\n  let arr = value.value\n  if (!inputValue.value) return\n  if (innerOptions.value.indexOf(inputValue.value) < 0) {\n    innerOptions.value.push(inputValue.value)\n    emits('update:options', innerOptions.value)\n    arr.push(inputValue.value)\n  } else {\n    if (arr.indexOf(inputValue.value) < 0) {\n      arr.push(inputValue.value)\n    } else {\n      arr = arr.filter(e => e !== inputValue.value)\n    }\n  }\n  value.value = arr\n  // inputValue.value = ''\n}\n\nconst handleDel = (idx: number) => {\n  value.value.splice(idx, 1)\n}\n\nconst handleClickFilter = (item: string) => {\n  let arr = value.value\n  if (arr.indexOf(item) >= 0) {\n    arr = arr.filter(e => e !== item)\n  } else {\n    arr.push(item)\n  }\n  value.value = arr\n}\nwatch(\n  () => props.options,\n  n => {\n    innerOptions.value = n\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\nwatch(\n  [() => value.value.length, tagsTypeWidth],\n  async (n, o) => {\n    await nextTick()\n    const arr: string[] = []\n    let moreLeftValue = 0\n    for (const i in value.value) {\n      const tagetWidth = tagRefs[i].value.offsetWidth + 10\n\n      if (moreLeftValue + tagetWidth >= n[1]) {\n        break\n      } else {\n        moreLeftValue += tagetWidth\n        arr.push(value.value[i])\n      }\n    }\n    more.value = n[0] - arr.length > 0 ? n[0] - arr.length : 0\n    shownArr.value = arr\n    emits('update:value', value.value.join(','))\n    emits('change', value.value.join(','))\n\n    if (o[0]) {\n      if (n[0] !== o[0]) {\n        formItemContext.onFieldChange()\n        formItemContext.onFieldBlur()\n      }\n    }\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\nwatch(\n  () => [innerOptions, inputValue],\n  () => {\n    if (!inputValue.value) filterOptionsValue.value = innerOptions.value\n    filterOptionsValue.value = innerOptions.value.filter(\n      (e: string) => e.indexOf(inputValue.value) >= 0\n    )\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\nonMounted(async () => {\n  getWidth()\n  window.addEventListener('resize', getWidth)\n})\nonUnmounted(() => {\n  window.removeEventListener('resize', getWidth)\n})\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"tag-group.vue2.mjs","sources":["../../../../../packages/components/tag-group/src/tag-group.vue"],"sourcesContent":["<template>\n  <a-spin :spinning=\"loading\">\n    <div ref=\"tagsTypeRef\" :class=\"bem.b()\">\n      <div :class=\"bem.e('tag-container')\">\n        <template v-for=\"(item, i) in value\" :key=\"i\">\n          <div\n            :ref=\"getTagRefs(i)\"\n            :class=\"[\n              bem.m('item'),\n              !shownArr.includes(item) ? bem.is('hidden') : ''\n            ]\"\n          >\n            <div :class=\"bem.m('text')\">\n              {{ item }}\n            </div>\n            <span :class=\"bem.m('close')\" @click=\"handleDel(i)\">\n              <ll-icon\n                icon-name=\"icon-close2\"\n                :color=\"'#909399'\"\n                :class-name=\"bem.m('close-icon')\"\n              />\n            </span>\n          </div>\n        </template>\n      </div>\n\n      <div :class=\"bem.e('add-container')\">\n        <div v-if=\"more > 0\" :class=\"bem.m('more')\">+{{ more }}</div>\n        <Popover\n          v-model:open=\"visible\"\n          :overlay-class-name=\"bem.e('popover')\"\n          arrow-point-at-center\n          trigger=\"click\"\n          placement=\"bottom\"\n        >\n          <template #content>\n            <LlInput\n              v-model:value=\"inputValue\"\n              placeholder=\"输入后回车新建\"\n              :prefix-icon=\"`icon-search`\"\n              :style=\"{ width: '300px', paddingLeft: '18px' }\"\n              @press-enter.prevent=\"handleEnter\"\n            />\n            <ul\n              v-if=\"filterOptionsValue.length > 0\"\n              :class=\"bem.m('select-box')\"\n            >\n              <li\n                v-for=\"(item, i) in filterOptionsValue\"\n                :key=\"i\"\n                :class=\"bem.m('select-item')\"\n                @click=\"handleClickFilter(item)\"\n              >\n                <span :class=\"bem.m('select-text')\">\n                  {{ item }}\n                </span>\n                <ll-icon\n                  v-if=\"value.indexOf(item) >= 0\"\n                  icon-name=\"icon-check\"\n                  :class=\"bem.m('select-check')\"\n                  color=\"#1890FF\"\n                />\n              </li>\n            </ul>\n          </template>\n          <div\n            ref=\"btnRef\"\n            :class=\"[\n              mouseMove || visible ? bem.is('active') : '',\n              bem.m('add-item')\n            ]\"\n            @mouseover=\"mouseMove = true\"\n            @mouseleave=\"mouseMove = false\"\n          >\n            <ll-icon\n              icon-name=\"icon-add\"\n              :color=\"'#666'\"\n              :class-name=\"bem.m('add-icon')\"\n            />\n          </div>\n        </Popover>\n      </div>\n    </div>\n  </a-spin>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  ref,\n  reactive,\n  nextTick,\n  onMounted,\n  toRef,\n  watch,\n  onUnmounted\n} from 'vue'\nimport { Form } from 'ant-design-vue'\n\nimport { Popover } from 'ant-design-vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { tagGroupProps, tagGroupEmits } from './tag-group'\nimport type { Ref } from 'vue'\ndefineOptions({ name: 'LlTagGroup' })\n\nconst props = defineProps(tagGroupProps)\nconst emits = defineEmits(tagGroupEmits)\nconst bem = createNamespace('tag-group')\nconst formItemContext = Form.useInjectFormItemContext()\n\nconst loading = ref(false)\nconst inputValue = ref('')\nconst visible = ref(false)\nconst value = toRef(props.value?.length ? props.value.split(',') : [])\nconst more = ref(0)\nconst btnRef = ref()\nconst mouseMove = ref(false)\nconst tagsTypeRef = ref<HTMLDivElement | null>(null)\nconst tagRefs: Ref<HTMLDivElement>[] = reactive([])\nconst filterOptionsValue = ref(props.options)\nconst innerOptions = ref(props.options)\nconst tagsTypeWidth = ref(0)\nconst shownArr = ref<string[]>([])\nconst getTagRefs = (i: number) => {\n  return (el: any) => {\n    if (el) {\n      tagRefs[i] = toRef(el)\n    } else {\n      tagRefs.splice(i, 1)\n    }\n  }\n}\n\nconst getWidth = () => {\n  nextTick(() => {\n    setTimeout(() => {\n      if (tagsTypeRef.value) {\n        tagsTypeWidth.value = tagsTypeRef.value.offsetWidth - 90\n      }\n    }, 0)\n  })\n}\n\nconst handleEnter = () => {\n  let arr = value.value\n  if (!inputValue.value) return\n  if (innerOptions.value.indexOf(inputValue.value) < 0) {\n    innerOptions.value.push(inputValue.value)\n    emits('update:options', innerOptions.value)\n    arr.push(inputValue.value)\n  } else {\n    if (arr.indexOf(inputValue.value) < 0) {\n      arr.push(inputValue.value)\n    } else {\n      arr = arr.filter(e => e !== inputValue.value)\n    }\n  }\n  value.value = arr\n  // inputValue.value = ''\n}\n\nconst handleDel = (idx: number) => {\n  value.value.splice(idx, 1)\n}\n\nconst handleClickFilter = (item: string) => {\n  let arr = value.value\n  if (arr.indexOf(item) >= 0) {\n    arr = arr.filter(e => e !== item)\n  } else {\n    arr.push(item)\n  }\n  value.value = arr\n}\nwatch(\n  () => props.options,\n  n => {\n    innerOptions.value = n\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\nwatch(\n  [() => value.value.length, tagsTypeWidth],\n  async (n, o) => {\n    await nextTick()\n    const arr: string[] = []\n    let moreLeftValue = 0\n    for (const i in value.value) {\n      const tagetWidth = tagRefs[i].value.offsetWidth + 10\n\n      if (moreLeftValue + tagetWidth >= n[1]) {\n        break\n      } else {\n        moreLeftValue += tagetWidth\n        arr.push(value.value[i])\n      }\n    }\n    more.value = n[0] - arr.length > 0 ? n[0] - arr.length : 0\n    shownArr.value = arr\n    emits('update:value', value.value.join(','))\n    emits('change', value.value.join(','))\n\n    if (o[0]) {\n      if (n[0] !== o[0]) {\n        formItemContext.onFieldChange()\n        formItemContext.onFieldBlur()\n      }\n    }\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\nwatch(\n  () => [innerOptions, inputValue],\n  () => {\n    if (!inputValue.value) filterOptionsValue.value = innerOptions.value\n    filterOptionsValue.value = innerOptions.value.filter(\n      (e: string) => e.indexOf(inputValue.value) >= 0\n    )\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\nonMounted(async () => {\n  getWidth()\n  window.addEventListener('resize', getWidth)\n})\nonUnmounted(() => {\n  window.removeEventListener('resize', getWidth)\n})\n</script>\n"],"names":[],"mappings":"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"}

package/es/components/uri-input/index.d.ts

@@ -5,10 +5,12 @@ export declare const LlUriInput: import("ll-plus/es/utils").SFCWithInstall<impor
     readonly value: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, null], unknown, unknown, "", boolean>;
     readonly suffix: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly disabled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly placeholder: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "请输入", boolean>;
 }, {
     props: import("@vue/shared").LooseRequired<{
         readonly value: any;
         readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly placeholder: string;
         readonly suffix: string;
         readonly onChange?: ((value: string) => any) | undefined;
         readonly "onUpdate:value"?: ((value: string) => any) | undefined;
@@ -34,12 +36,14 @@ export declare const LlUriInput: import("ll-plus/es/utils").SFCWithInstall<impor
     readonly value: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, null], unknown, unknown, "", boolean>;
     readonly suffix: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly disabled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly placeholder: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "请输入", boolean>;
 }>> & {
     onChange?: ((value: string) => any) | undefined;
     "onUpdate:value"?: ((value: string) => any) | undefined;
 }, {
     readonly value: any;
     readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly placeholder: string;
     readonly suffix: string;
 }, {}>>;
 export default LlUriInput;

package/es/components/uri-input/src/uri-input.d.ts

@@ -12,6 +12,7 @@ export declare const uriInputProps: {
     readonly value: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, null], unknown, unknown, "", boolean>;
     readonly suffix: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly disabled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly placeholder: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "请输入", boolean>;
 };
 export declare const uriInputEmits: {
     'update:value': (value: string) => boolean;

package/es/components/uri-input/src/uri-input.mjs

@@ -40,6 +40,10 @@ const uriInputProps = buildProps({
   disabled: {
     type: Boolean,
     default: false
+  },
+  placeholder: {
+    type: String,
+    default: "\u8BF7\u8F93\u5165"
   }
 });
 const uriInputEmits = {

package/es/components/uri-input/src/uri-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"uri-input.mjs","sources":["../../../../../packages/components/uri-input/src/uri-input.ts"],"sourcesContent":["import { buildProps } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nimport type UriInput from './uri-input.vue'\n\nexport const httpUriOptions = [\n  {\n    label: 'Http://',\n    value: 'http://'\n  },\n  {\n    label: 'Https://',\n    value: 'https://'\n  }\n]\n\nexport const getHttpMethodUri = (uri: string) => {\n  let prefix = 'http://'\n  let url = uri ? uri : ''\n  try {\n    const urlObject = new URL(uri)\n    if (!prefix.includes(urlObject.protocol)) {\n      prefix = 'https://'\n    }\n    url = uri.replace(prefix, '')\n  } catch (error) {\n    // Ignore the error\n  }\n\n  return {\n    prefix,\n    url\n  }\n}\n\nexport const uriInputProps = buildProps({\n  value: {\n    type: [String, null],\n    default: ''\n  },\n  suffix: {\n    type: String,\n    default: ''\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  }\n} as const)\n\nexport const uriInputEmits = {\n  'update:value': (value: string) => typeof value === 'string',\n  change: (value: string) => typeof value === 'string'\n}\n\n// props\nexport type UriInputProps = ExtractPropTypes<typeof uriInputProps>\n\n// emits\nexport type UriInputEmits = typeof uriInputEmits\n\n// instance\nexport type UriInputInstance = InstanceType<typeof UriInput>\n"],"names":[],"mappings":";;;;AAMO,MAAM,cAAiB,GAAA;AAAA,EAC5B;AAAA,IACE,KAAO,EAAA,SAAA;AAAA,IACP,KAAO,EAAA,SAAA;AAAA,GACT;AAAA,EACA;AAAA,IACE,KAAO,EAAA,UAAA;AAAA,IACP,KAAO,EAAA,UAAA;AAAA,GACT;AACF,EAAA;AAEa,MAAA,gBAAA,GAAmB,CAAC,GAAgB,KAAA;AAC/C,EAAA,IAAI,MAAS,GAAA,SAAA,CAAA;AACb,EAAI,IAAA,GAAA,GAAM,MAAM,GAAM,GAAA,EAAA,CAAA;AACtB,EAAI,IAAA;AACF,IAAM,MAAA,SAAA,GAAY,IAAI,GAAA,CAAI,GAAG,CAAA,CAAA;AAC7B,IAAA,IAAI,CAAC,MAAA,CAAO,QAAS,CAAA,SAAA,CAAU,QAAQ,CAAG,EAAA;AACxC,MAAS,MAAA,GAAA,UAAA,CAAA;AAAA,KACX;AACA,IAAM,GAAA,GAAA,GAAA,CAAI,OAAQ,CAAA,MAAA,EAAQ,EAAE,CAAA,CAAA;AAAA,WACrB,KAAO,EAAA;AAAA,GAEhB;AAEA,EAAO,OAAA;AAAA,IACL,MAAA;AAAA,IACA,GAAA;AAAA,GACF,CAAA;AACF,EAAA;AAEO,MAAM,gBAAgB,UAAW,CAAA;AAAA,EACtC,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,CAAC,MAAA,EAAQ,IAAI,CAAA;AAAA,IACnB,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,aAAgB,GAAA;AAAA,EAC3B,cAAgB,EAAA,CAAC,KAAkB,KAAA,OAAO,KAAU,KAAA,QAAA;AAAA,EACpD,MAAQ,EAAA,CAAC,KAAkB,KAAA,OAAO,KAAU,KAAA,QAAA;AAC9C;;;;"}
+{"version":3,"file":"uri-input.mjs","sources":["../../../../../packages/components/uri-input/src/uri-input.ts"],"sourcesContent":["import { buildProps } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nimport type UriInput from './uri-input.vue'\n\nexport const httpUriOptions = [\n  {\n    label: 'Http://',\n    value: 'http://'\n  },\n  {\n    label: 'Https://',\n    value: 'https://'\n  }\n]\n\nexport const getHttpMethodUri = (uri: string) => {\n  let prefix = 'http://'\n  let url = uri ? uri : ''\n  try {\n    const urlObject = new URL(uri)\n    if (!prefix.includes(urlObject.protocol)) {\n      prefix = 'https://'\n    }\n    url = uri.replace(prefix, '')\n  } catch (error) {\n    // Ignore the error\n  }\n\n  return {\n    prefix,\n    url\n  }\n}\n\nexport const uriInputProps = buildProps({\n  value: {\n    type: [String, null],\n    default: ''\n  },\n  suffix: {\n    type: String,\n    default: ''\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  placeholder: {\n    type: String,\n    default: '请输入'\n  }\n} as const)\n\nexport const uriInputEmits = {\n  'update:value': (value: string) => typeof value === 'string',\n  change: (value: string) => typeof value === 'string'\n}\n\n// props\nexport type UriInputProps = ExtractPropTypes<typeof uriInputProps>\n\n// emits\nexport type UriInputEmits = typeof uriInputEmits\n\n// instance\nexport type UriInputInstance = InstanceType<typeof UriInput>\n"],"names":[],"mappings":";;;;AAMO,MAAM,cAAiB,GAAA;AAAA,EAC5B;AAAA,IACE,KAAO,EAAA,SAAA;AAAA,IACP,KAAO,EAAA,SAAA;AAAA,GACT;AAAA,EACA;AAAA,IACE,KAAO,EAAA,UAAA;AAAA,IACP,KAAO,EAAA,UAAA;AAAA,GACT;AACF,EAAA;AAEa,MAAA,gBAAA,GAAmB,CAAC,GAAgB,KAAA;AAC/C,EAAA,IAAI,MAAS,GAAA,SAAA,CAAA;AACb,EAAI,IAAA,GAAA,GAAM,MAAM,GAAM,GAAA,EAAA,CAAA;AACtB,EAAI,IAAA;AACF,IAAM,MAAA,SAAA,GAAY,IAAI,GAAA,CAAI,GAAG,CAAA,CAAA;AAC7B,IAAA,IAAI,CAAC,MAAA,CAAO,QAAS,CAAA,SAAA,CAAU,QAAQ,CAAG,EAAA;AACxC,MAAS,MAAA,GAAA,UAAA,CAAA;AAAA,KACX;AACA,IAAM,GAAA,GAAA,GAAA,CAAI,OAAQ,CAAA,MAAA,EAAQ,EAAE,CAAA,CAAA;AAAA,WACrB,KAAO,EAAA;AAAA,GAEhB;AAEA,EAAO,OAAA;AAAA,IACL,MAAA;AAAA,IACA,GAAA;AAAA,GACF,CAAA;AACF,EAAA;AAEO,MAAM,gBAAgB,UAAW,CAAA;AAAA,EACtC,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,CAAC,MAAA,EAAQ,IAAI,CAAA;AAAA,IACnB,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,oBAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,aAAgB,GAAA;AAAA,EAC3B,cAAgB,EAAA,CAAC,KAAkB,KAAA,OAAO,KAAU,KAAA,QAAA;AAAA,EACpD,MAAQ,EAAA,CAAC,KAAkB,KAAA,OAAO,KAAU,KAAA,QAAA;AAC9C;;;;"}

package/es/components/uri-input/src/uri-input.vue.d.ts

@@ -2,10 +2,12 @@ declare const _default: import("vue").DefineComponent<{
     readonly value: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, null], unknown, unknown, "", boolean>;
     readonly suffix: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly disabled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly placeholder: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "请输入", boolean>;
 }, {
     props: import("@vue/shared").LooseRequired<{
         readonly value: any;
         readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly placeholder: string;
         readonly suffix: string;
         readonly onChange?: ((value: string) => any) | undefined;
         readonly "onUpdate:value"?: ((value: string) => any) | undefined;
@@ -31,12 +33,14 @@ declare const _default: import("vue").DefineComponent<{
     readonly value: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, null], unknown, unknown, "", boolean>;
     readonly suffix: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly disabled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly placeholder: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "请输入", boolean>;
 }>> & {
     onChange?: ((value: string) => any) | undefined;
     "onUpdate:value"?: ((value: string) => any) | undefined;
 }, {
     readonly value: any;
     readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly placeholder: string;
     readonly suffix: string;
 }, {}>;
 export default _default;

package/es/components/uri-input/src/uri-input.vue2.mjs

@@ -45,7 +45,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(_component_ll_input, mergeProps({
         value: innerValue.value,
         "onUpdate:value": _cache[1] || (_cache[1] = ($event) => innerValue.value = $event),
-        disabled: props.disabled
+        disabled: props.disabled,
+        placeholder: props.placeholder
       }, getBindValue.value), createSlots({
         addonBefore: withCtx(() => [
           createVNode(_component_ll_select, {
@@ -73,7 +74,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["value", "disabled"]);
+      ]), 1040, ["value", "disabled", "placeholder"]);
     };
   }
 });

package/es/components/uri-input/src/uri-input.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"uri-input.vue2.mjs","sources":["../../../../../packages/components/uri-input/src/uri-input.vue"],"sourcesContent":["<template>\n  <ll-input\n    v-model:value=\"innerValue\"\n    :disabled=\"props.disabled\"\n    v-bind=\"getBindValue\"\n  >\n    <template #addonBefore>\n      <ll-select\n        v-model:value=\"innerPrefix\"\n        :options=\"httpUriOptions\"\n        style=\"width: 90px\"\n        :disabled=\"props.disabled\"\n        @change=\"handleChange\"\n      />\n    </template>\n    <template v-if=\"props.suffix\" #suffix>\n      <span>{{ props.suffix }}</span>\n    </template>\n  </ll-input>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, useAttrs, watch, computed } from 'vue'\nimport { omit } from 'lodash-es'\nimport {\n  uriInputProps,\n  uriInputEmits,\n  httpUriOptions,\n  getHttpMethodUri\n} from './uri-input'\n\n//Component Config\ndefineOptions({ name: 'LlUriInput' })\nconst props = defineProps(uriInputProps)\nconst emits = defineEmits(uriInputEmits)\nconst attrs = useAttrs()\n\nconst innerValue = ref()\nconst innerPrefix = ref()\n\nconst getBindValue = computed(() => {\n  return omit(attrs, Object.keys(uriInputProps))\n})\n\nconst handleChange = () => {\n  const url = innerValue.value\n    ? innerPrefix.value + innerValue.value + (props.suffix || '')\n    : ''\n  emits('update:value', url)\n  emits('change', url)\n}\n\nwatch(\n  () => props.value,\n  val => {\n    const { prefix, url } = getHttpMethodUri(val)\n    innerPrefix.value = prefix\n    innerValue.value = url\n    if (props.suffix) {\n      innerValue.value = url.replace(props.suffix, '')\n    }\n  },\n  {\n    immediate: true\n  }\n)\n\nwatch(innerValue, () => {\n  handleChange()\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;AAiCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AACd,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAA,MAAM,aAAa,GAAI,EAAA,CAAA;AACvB,IAAA,MAAM,cAAc,GAAI,EAAA,CAAA;AAExB,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,OAAO,IAAK,CAAA,KAAA,EAAO,MAAO,CAAA,IAAA,CAAK,aAAa,CAAC,CAAA,CAAA;AAAA,KAC9C,CAAA,CAAA;AAED,IAAA,MAAM,eAAe,MAAM;AACzB,MAAM,MAAA,GAAA,GAAM,WAAW,KACnB,GAAA,WAAA,CAAY,QAAQ,UAAW,CAAA,KAAA,IAAS,KAAM,CAAA,MAAA,IAAU,EACxD,CAAA,GAAA,EAAA,CAAA;AACJ,MAAA,KAAA,CAAM,gBAAgB,GAAG,CAAA,CAAA;AACzB,MAAA,KAAA,CAAM,UAAU,GAAG,CAAA,CAAA;AAAA,KACrB,CAAA;AAEA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAO,GAAA,KAAA;AACL,QAAA,MAAM,EAAE,MAAA,EAAQ,GAAI,EAAA,GAAI,iBAAiB,GAAG,CAAA,CAAA;AAC5C,QAAA,WAAA,CAAY,KAAQ,GAAA,MAAA,CAAA;AACpB,QAAA,UAAA,CAAW,KAAQ,GAAA,GAAA,CAAA;AACnB,QAAA,IAAI,MAAM,MAAQ,EAAA;AAChB,UAAA,UAAA,CAAW,KAAQ,GAAA,GAAA,CAAI,OAAQ,CAAA,KAAA,CAAM,QAAQ,EAAE,CAAA,CAAA;AAAA,SACjD;AAAA,OACF;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AAEA,IAAA,KAAA,CAAM,YAAY,MAAM;AACtB,MAAa,YAAA,EAAA,CAAA;AAAA,KACd,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"uri-input.vue2.mjs","sources":["../../../../../packages/components/uri-input/src/uri-input.vue"],"sourcesContent":["<template>\n  <ll-input\n    v-model:value=\"innerValue\"\n    :disabled=\"props.disabled\"\n    :placeholder=\"props.placeholder\"\n    v-bind=\"getBindValue\"\n  >\n    <template #addonBefore>\n      <ll-select\n        v-model:value=\"innerPrefix\"\n        :options=\"httpUriOptions\"\n        style=\"width: 90px\"\n        :disabled=\"props.disabled\"\n        @change=\"handleChange\"\n      />\n    </template>\n    <template v-if=\"props.suffix\" #suffix>\n      <span>{{ props.suffix }}</span>\n    </template>\n  </ll-input>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, useAttrs, watch, computed } from 'vue'\nimport { omit } from 'lodash-es'\nimport {\n  uriInputProps,\n  uriInputEmits,\n  httpUriOptions,\n  getHttpMethodUri\n} from './uri-input'\n\n//Component Config\ndefineOptions({ name: 'LlUriInput' })\nconst props = defineProps(uriInputProps)\nconst emits = defineEmits(uriInputEmits)\nconst attrs = useAttrs()\n\nconst innerValue = ref()\nconst innerPrefix = ref()\n\nconst getBindValue = computed(() => {\n  return omit(attrs, Object.keys(uriInputProps))\n})\n\nconst handleChange = () => {\n  const url = innerValue.value\n    ? innerPrefix.value + innerValue.value + (props.suffix || '')\n    : ''\n  emits('update:value', url)\n  emits('change', url)\n}\n\nwatch(\n  () => props.value,\n  val => {\n    const { prefix, url } = getHttpMethodUri(val)\n    innerPrefix.value = prefix\n    innerValue.value = url\n    if (props.suffix) {\n      innerValue.value = url.replace(props.suffix, '')\n    }\n  },\n  {\n    immediate: true\n  }\n)\n\nwatch(innerValue, () => {\n  handleChange()\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;AAkCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AACd,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAA,MAAM,aAAa,GAAI,EAAA,CAAA;AACvB,IAAA,MAAM,cAAc,GAAI,EAAA,CAAA;AAExB,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,OAAO,IAAK,CAAA,KAAA,EAAO,MAAO,CAAA,IAAA,CAAK,aAAa,CAAC,CAAA,CAAA;AAAA,KAC9C,CAAA,CAAA;AAED,IAAA,MAAM,eAAe,MAAM;AACzB,MAAM,MAAA,GAAA,GAAM,WAAW,KACnB,GAAA,WAAA,CAAY,QAAQ,UAAW,CAAA,KAAA,IAAS,KAAM,CAAA,MAAA,IAAU,EACxD,CAAA,GAAA,EAAA,CAAA;AACJ,MAAA,KAAA,CAAM,gBAAgB,GAAG,CAAA,CAAA;AACzB,MAAA,KAAA,CAAM,UAAU,GAAG,CAAA,CAAA;AAAA,KACrB,CAAA;AAEA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAO,GAAA,KAAA;AACL,QAAA,MAAM,EAAE,MAAA,EAAQ,GAAI,EAAA,GAAI,iBAAiB,GAAG,CAAA,CAAA;AAC5C,QAAA,WAAA,CAAY,KAAQ,GAAA,MAAA,CAAA;AACpB,QAAA,UAAA,CAAW,KAAQ,GAAA,GAAA,CAAA;AACnB,QAAA,IAAI,MAAM,MAAQ,EAAA;AAChB,UAAA,UAAA,CAAW,KAAQ,GAAA,GAAA,CAAI,OAAQ,CAAA,KAAA,CAAM,QAAQ,EAAE,CAAA,CAAA;AAAA,SACjD;AAAA,OACF;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AAEA,IAAA,KAAA,CAAM,YAAY,MAAM;AACtB,MAAa,YAAA,EAAA,CAAA;AAAA,KACd,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/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/index.full.js

@@ -4890,6 +4890,10 @@
     allSpan: {
       type: Number,
       default: 24
+    },
+    useGrid: {
+      type: Boolean,
+      default: false
     }
   });
 
@@ -4956,63 +4960,81 @@
       const bem = createNamespace("checkbox-group");
       const attrs = require$$0.useAttrs();
       return (_ctx, _cache) => {
-        return require$$0.openBlock(), require$$0.createBlock(require$$0.unref(antDesignVue.CheckboxGroup), require$$0.mergeProps({
-          class: require$$0.unref(bem).b()
-        }, require$$0.unref(attrs)), {
-          default: require$$0.withCtx(() => [
-            require$$0.createVNode(
-              require$$0.unref(antDesignVue.Row),
-              require$$0.normalizeProps(require$$0.guardReactiveProps(props.rowOptions)),
+        const _component_a_checkbox_group = require$$0.resolveComponent("a-checkbox-group");
+        return require$$0.openBlock(), require$$0.createElementBlock(
+          "div",
+          {
+            class: require$$0.normalizeClass(require$$0.unref(bem).b())
+          },
+          [
+            props.useGrid ? (require$$0.openBlock(), require$$0.createBlock(
+              _component_a_checkbox_group,
+              require$$0.normalizeProps(require$$0.mergeProps({ key: 0 }, require$$0.unref(attrs))),
               {
                 default: require$$0.withCtx(() => [
-                  (require$$0.openBlock(true), require$$0.createElementBlock(
-                    require$$0.Fragment,
-                    null,
-                    require$$0.renderList(props.options, (item, idx) => {
-                      return require$$0.openBlock(), require$$0.createBlock(require$$0.unref(antDesignVue.Col), require$$0.mergeProps({ ref_for: true }, item.colOptions, {
-                        key: idx,
-                        span: item.span || props.allSpan,
-                        class: require$$0.unref(bem).e("item")
-                      }), {
-                        default: require$$0.withCtx(() => [
-                          require$$0.createVNode(
-                            Checkbox,
-                            require$$0.mergeProps({ ref_for: true }, item),
-                            {
+                  require$$0.createVNode(
+                    require$$0.unref(antDesignVue.Row),
+                    require$$0.normalizeProps(require$$0.guardReactiveProps(props.rowOptions)),
+                    {
+                      default: require$$0.withCtx(() => [
+                        (require$$0.openBlock(true), require$$0.createElementBlock(
+                          require$$0.Fragment,
+                          null,
+                          require$$0.renderList(props.options, (item, idx) => {
+                            return require$$0.openBlock(), require$$0.createBlock(require$$0.unref(antDesignVue.Col), require$$0.mergeProps({ ref_for: true }, item.colOptions, {
+                              key: idx,
+                              span: item.span || props.allSpan,
+                              class: require$$0.unref(bem).e("item")
+                            }), {
                               default: require$$0.withCtx(() => [
-                                require$$0.renderSlot(_ctx.$slots, "default", require$$0.mergeProps({ ref_for: true }, item), () => [
-                                  require$$0.createTextVNode(
-                                    require$$0.toDisplayString(item.label),
-                                    1
-                                    /* TEXT */
-                                  )
-                                ])
+                                require$$0.createVNode(
+                                  Checkbox,
+                                  require$$0.mergeProps({ ref_for: true }, item),
+                                  {
+                                    default: require$$0.withCtx(() => [
+                                      require$$0.renderSlot(_ctx.$slots, "default", require$$0.mergeProps({ ref_for: true }, item), () => [
+                                        require$$0.createTextVNode(
+                                          require$$0.toDisplayString(item.label),
+                                          1
+                                          /* TEXT */
+                                        )
+                                      ])
+                                    ]),
+                                    _: 2
+                                    /* DYNAMIC */
+                                  },
+                                  1040
+                                  /* FULL_PROPS, DYNAMIC_SLOTS */
+                                )
                               ]),
                               _: 2
                               /* DYNAMIC */
-                            },
-                            1040
-                            /* FULL_PROPS, DYNAMIC_SLOTS */
-                          )
-                        ]),
-                        _: 2
-                        /* DYNAMIC */
-                      }, 1040, ["span", "class"]);
-                    }),
-                    128
-                    /* KEYED_FRAGMENT */
-                  ))
+                            }, 1040, ["span", "class"]);
+                          }),
+                          128
+                          /* KEYED_FRAGMENT */
+                        ))
+                      ]),
+                      _: 3
+                      /* FORWARDED */
+                    },
+                    16
+                    /* FULL_PROPS */
+                  )
                 ]),
                 _: 3
                 /* FORWARDED */
               },
               16
               /* FULL_PROPS */
-            )
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 16, ["class"]);
+            )) : (require$$0.openBlock(), require$$0.createBlock(_component_a_checkbox_group, require$$0.mergeProps({
+              key: 1,
+              options: props.options
+            }, require$$0.unref(attrs)), null, 16, ["options"]))
+          ],
+          2
+          /* CLASS */
+        );
       };
     }
   });
@@ -58101,7 +58123,7 @@
       type: definePropType(Object),
       default: () => ({
         type: "input",
-        placeholder: "\u8BF7\u8F93\u5165value"
+        placeholder: "\u8BF7\u8F93\u5165key"
       })
     },
     keyTypes: {
@@ -58112,7 +58134,7 @@
       type: definePropType(Object),
       default: () => ({
         type: "input",
-        placeholder: "\u8BF7\u8F93\u5165key"
+        placeholder: "\u8BF7\u8F93\u5165value"
       })
     },
     disabledValue: {
@@ -58467,6 +58489,7 @@
       const props = __props;
       const emits = __emit;
       const bem = createNamespace("key-value");
+      const formItemContext = antDesignVue.Form.useInjectFormItemContext();
       const innerValue = require$$0.ref([]);
       const keyValueItems = require$$0.ref([]);
       const keyValueTypeDict = require$$0.computed(() => {
@@ -58492,6 +58515,7 @@
       };
       const handleChange = () => {
         try {
+          formItemContext.onFieldChange();
           emits("change", innerValue.value);
           emits("update:value", innerValue.value);
         } catch (error) {
@@ -58522,48 +58546,58 @@
               spinning: props.loading
             }, {
               default: require$$0.withCtx(() => [
-                (require$$0.openBlock(true), require$$0.createElementBlock(
-                  require$$0.Fragment,
-                  null,
-                  require$$0.renderList(innerValue.value, (_item, idx) => {
-                    return require$$0.openBlock(), require$$0.createBlock(keyValueItem, {
-                      key: _item,
-                      ref_for: true,
-                      ref: (el) => keyValueItems.value[idx] = el,
-                      value: innerValue.value[idx],
-                      "onUpdate:value": ($event) => innerValue.value[idx] = $event,
-                      idx,
-                      "key-label": props.keyLabel,
-                      "value-label": props.valueLabel,
-                      "key-value-type-dict": keyValueTypeDict.value,
-                      "show-delete": idx > 0,
-                      "key-value-type": props.keyValueType,
-                      "key-type": props.keyType,
-                      "key-types": props.keyTypes,
-                      "value-type": props.valueType,
-                      disabled: props.disabled,
-                      "disabled-value": props.disabledValue,
-                      "disabled-key": props.disabledKey,
-                      "disabled-delete": props.disabledDelete,
-                      onDelete: ($event) => handleDelete(idx),
-                      onChange: handleChange
-                    }, require$$0.createSlots({
-                      _: 2
-                      /* DYNAMIC */
-                    }, [
-                      require$$0.renderList(Object.keys(_ctx.$slots), (item) => {
-                        return {
-                          name: item,
-                          fn: require$$0.withCtx((data) => [
-                            require$$0.renderSlot(_ctx.$slots, item, require$$0.mergeProps({ ref_for: true }, data || {}, { index: idx }))
-                          ])
-                        };
-                      })
-                    ]), 1032, ["value", "onUpdate:value", "idx", "key-label", "value-label", "key-value-type-dict", "show-delete", "key-value-type", "key-type", "key-types", "value-type", "disabled", "disabled-value", "disabled-key", "disabled-delete", "onDelete"]);
-                  }),
-                  128
-                  /* KEYED_FRAGMENT */
-                )),
+                require$$0.createElementVNode(
+                  "div",
+                  {
+                    class: require$$0.normalizeClass(require$$0.unref(bem).e("list"))
+                  },
+                  [
+                    (require$$0.openBlock(true), require$$0.createElementBlock(
+                      require$$0.Fragment,
+                      null,
+                      require$$0.renderList(innerValue.value, (_item, idx) => {
+                        return require$$0.openBlock(), require$$0.createBlock(keyValueItem, {
+                          key: _item,
+                          ref_for: true,
+                          ref: (el) => keyValueItems.value[idx] = el,
+                          value: innerValue.value[idx],
+                          "onUpdate:value": ($event) => innerValue.value[idx] = $event,
+                          idx,
+                          "key-label": props.keyLabel,
+                          "value-label": props.valueLabel,
+                          "key-value-type-dict": keyValueTypeDict.value,
+                          "show-delete": innerValue.value.length > 1,
+                          "key-value-type": props.keyValueType,
+                          "key-type": props.keyType,
+                          "key-types": props.keyTypes,
+                          "value-type": props.valueType,
+                          disabled: props.disabled,
+                          "disabled-value": props.disabledValue,
+                          "disabled-key": props.disabledKey,
+                          "disabled-delete": props.disabledDelete,
+                          onDelete: ($event) => handleDelete(idx),
+                          onChange: handleChange
+                        }, require$$0.createSlots({
+                          _: 2
+                          /* DYNAMIC */
+                        }, [
+                          require$$0.renderList(Object.keys(_ctx.$slots), (item) => {
+                            return {
+                              name: item,
+                              fn: require$$0.withCtx((data) => [
+                                require$$0.renderSlot(_ctx.$slots, item, require$$0.mergeProps({ ref_for: true }, data || {}, { index: idx }))
+                              ])
+                            };
+                          })
+                        ]), 1032, ["value", "onUpdate:value", "idx", "key-label", "value-label", "key-value-type-dict", "show-delete", "key-value-type", "key-type", "key-types", "value-type", "disabled", "disabled-value", "disabled-key", "disabled-delete", "onDelete"]);
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ],
+                  2
+                  /* CLASS */
+                ),
                 require$$0.createVNode(_component_ll_button, {
                   class: require$$0.normalizeClass(require$$0.unref(bem).e("add")),
                   loading: _ctx.loading,
@@ -58724,21 +58758,24 @@
       const handleOk = () => {
         emits("ok");
       };
-      const handleResize = async () => {
+      const handleResize = async (value) => {
         await require$$0.nextTick();
         const ele = document.getElementsByClassName(symbolClass.value)[0];
         const modalBody = ele.getElementsByClassName(`ant-modal-body`)[0];
-        hasScroll.value = modalBody.scrollHeight > modalBody.clientHeight;
+        const resizeObserver = new ResizeObserver((entries) => {
+          const { scrollHeight, clientHeight } = entries[0].target;
+          hasScroll.value = scrollHeight > clientHeight;
+        });
+        if (value) {
+          resizeObserver.observe(modalBody);
+        } else {
+          resizeObserver.unobserve(modalBody);
+        }
       };
       require$$0.watch(
         () => props.open,
         (val) => {
-          if (val) {
-            handleResize();
-            window.addEventListener("resize", handleResize);
-          } else {
-            window.removeEventListener("resize", handleResize);
-          }
+          handleResize(val);
         }
       );
       return (_ctx, _cache) => {
@@ -76323,6 +76360,10 @@
     disabled: {
       type: Boolean,
       default: false
+    },
+    placeholder: {
+      type: String,
+      default: "\u8BF7\u8F93\u5165"
     }
   });
   const uriInputEmits = {
@@ -76372,7 +76413,8 @@
         return require$$0.openBlock(), require$$0.createBlock(_component_ll_input, require$$0.mergeProps({
           value: innerValue.value,
           "onUpdate:value": _cache[1] || (_cache[1] = ($event) => innerValue.value = $event),
-          disabled: props.disabled
+          disabled: props.disabled,
+          placeholder: props.placeholder
         }, getBindValue.value), require$$0.createSlots({
           addonBefore: require$$0.withCtx(() => [
             require$$0.createVNode(_component_ll_select, {
@@ -76400,7 +76442,7 @@
             ]),
             key: "0"
           } : void 0
-        ]), 1040, ["value", "disabled"]);
+        ]), 1040, ["value", "disabled", "placeholder"]);
       };
     }
   });