ll-plus 2.6.15 → 2.6.18

package/es/packages/components/tree-search/src/tree-search.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tree-search.vue2.mjs","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":["children"],"mappings":";;;;;;;;;;;;;;;;;AAyFA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAId,IAAM,MAAA,cAAA,GAAiB,IAAI,KAAK,CAAA,CAAA;AAChC,IAAM,MAAA,eAAA,GAAkB,GAAc,CAAA,EAAE,CAAA,CAAA;AAGxC,IAAM,MAAA,GAAA,GAAM,gBAAgB,aAAa,CAAA,CAAA;AAGzC,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAIvB,IAAM,MAAA,eAAA,GAAkB,CAAC,QAAoB,KAAA;AAC3C,MAAA,MAAM,OAAc,EAAC,CAAA;AACrB,MAAM,MAAA,OAAA,GAAU,CAACA,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,IAAA,KAAA;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.mjs","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":["children"],"mappings":";;;;;;;;;;;;;;;;;AA0FA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAId,IAAM,MAAA,cAAA,GAAiB,IAAI,KAAK,CAAA,CAAA;AAChC,IAAM,MAAA,eAAA,GAAkB,GAAc,CAAA,EAAE,CAAA,CAAA;AAGxC,IAAM,MAAA,GAAA,GAAM,gBAAgB,aAAa,CAAA,CAAA;AAGzC,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAIvB,IAAM,MAAA,eAAA,GAAkB,CAAC,QAAoB,KAAA;AAC3C,MAAA,MAAM,OAAc,EAAC,CAAA;AACrB,MAAM,MAAA,OAAA,GAAU,CAACA,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,IAAA,KAAA;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/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]>>>; };