@vipl520/dk-ui 1.0.11 → 1.0.12

package/lib/attachment/src/attachment.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"attachment.vue2.js","sources":["../../../src/attachment/src/attachment.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkAttachment',\n});\n</script>\n<template>\n  <div class=\"dk-attachment attachment\">\n    <!-- 顶部-->\n    <div class=\"attachment-header flex justify-between pt-5px pb-5px\">\n      <div class=\"header-form z\">\n        <el-input v-model=\"searchFileName\" placeholder=\"请输入附件名称\" class=\"input-with-select\">\n          <template #append>\n            <el-button :icon=\"Search\" />\n          </template>\n        </el-input>\n      </div>\n      <div class=\"header-button y\">\n        <el-dropdown class=\"mr\" trigger=\"click\" @command=\"handleMoveAttachment\">\n          <el-button type=\"info\" :disabled=\"chooseFileKey.length <= 0\"> 移动 </el-button>\n          <template #dropdown>\n            <el-dropdown-menu>\n              <el-dropdown-item v-for=\"(item, key) in groupList\" :key=\"key\" :command=\"item.id\">\n                {{ item.name }}\n              </el-dropdown-item>\n            </el-dropdown-menu>\n          </template>\n        </el-dropdown>\n        <el-button type=\"danger\" :disabled=\"chooseFileKey.length <= 0\" @click=\"onDelete\"\n          >删除<i class=\"el-icon-delete el-icon--right\"></i\n        ></el-button>\n        <el-upload\n          ref=\"upload\"\n          class=\"dk-upload-button\"\n          :action=\"uploadUrl\"\n          multiple\n          :data=\"data\"\n          :show-file-list=\"false\"\n          :headers=\"headers\"\n          :on-success=\"handleUploadSuccess\"\n          :accept=\"_accept\"\n          list-type=\"text\"\n        >\n          <el-button type=\"primary\">上传<i class=\"el-icon-upload el-icon--right\"></i></el-button>\n        </el-upload>\n      </div>\n    </div>\n    <!--内部-->\n    <div class=\"attachment-content flex\">\n      <!-- 分组-->\n      <div class=\"attachment-group\">\n        <h5 class=\"cursor-pointer flex items-center content-center\" @click=\"addGroup()\">\n          附件分组\n          <el-icon class=\"m-l-5px\"><CirclePlusFilled /></el-icon>\n        </h5>\n        <ul class=\"group_list\">\n          <li\n            v-for=\"(item, key) in groupList\"\n            :key=\"key\"\n            :class=\"{ active: groupId === item.id }\"\n            @click=\"selectGroup(item.id)\"\n          >\n            <dk-icon v-if=\"item.id === groupId\" icon=\"flat-color-icons:opened-folder\" />\n            <dk-icon v-else icon=\"flat-color-icons:folder\" />\n\n            <span class=\"ml-10px\">{{ item.name }}</span>\n\n            <el-popover placement=\"right\" trigger=\"click\">\n              <template #reference>\n                <div class=\"op\">\n                  <el-icon v-if=\"item.id > 0\">\n                    <Tools />\n                  </el-icon>\n                </div>\n              </template>\n              <template #default>\n                <el-button size=\"small\" type=\"primary\" @click.stop=\"editGroup()\">编辑 </el-button>\n                <el-button size=\"small\" type=\"danger\" @click=\"delGroup(item.id)\">删除</el-button>\n              </template>\n            </el-popover>\n          </li>\n        </ul>\n      </div>\n      <!-- 列表-->\n      <div class=\"attachment-container\">\n        <div v-if=\"loading || list.length > 0\" v-loading=\"loading\" class=\"p2\">\n          <ul class=\"attachment-list cl\" :style=\"{ overflow: list.length > 10 ? 'auto' : '' }\">\n            <li\n              v-for=\"(item, key) in list\"\n              :key=\"key\"\n              :class=\"{ choose: chooseFileKey.indexOf(key) > -1 }\"\n              @click=\"chooseAttachment(item, key)\"\n              @contextmenu.prevent=\"contextMenuId = item.id\"\n            >\n              <div class=\"file\">\n                <el-image v-if=\"item.type === 1\" class=\"file\" :src=\"item.url\" fit=\"contain\">\n                  <template #placeholder>\n                    <div class=\"u-m-t-30\">\n                      <i class=\"el-icon-loading\"></i>\n                      <span>加载中</span>\n                    </div>\n                  </template>\n                </el-image>\n                <div v-if=\"item.type === 2\">\n                  <dk-file-icon :file-name=\"item.filename\" :type=\"item.type\" />\n                </div>\n                <div v-if=\"item.type === 3\">\n                  <dk-file-icon :file-name=\"item.filename\" :type=\"item.type\" />\n                </div>\n                <div v-if=\"item.type === 0\">\n                  <dk-file-icon :file-name=\"item.filename\" />\n                </div>\n              </div>\n              <div class=\"file-name over\">{{ item.name }}</div>\n              <div class=\"right\">\n                <el-icon>\n                  <Check />\n                </el-icon>\n              </div>\n            </li>\n          </ul>\n          <div class=\"block p-10px\">\n            <el-pagination\n              :current-page=\"page\"\n              layout=\"total, prev, pager, next, jumper,sizes\"\n              :total=\"count\"\n              :page-size=\"size\"\n              @size-change=\"handleSizeChange\"\n              @current-change=\"handleCurrentChange\"\n            />\n          </div>\n        </div>\n        <div v-else style=\"display: flex; align-items: center; justify-content: center; height: 340px\">\n          <el-empty description=\"暂无数据\" />\n        </div>\n        <dk-form ref=\"groupForm\" :key=\"groupId\" :form-url=\"groupFormUrl\" :is-dialog=\"true\" @submit=\"onsubmit()\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, reactive, onMounted, computed } from 'vue'\nimport {\n  deleteAttachment,\n  getAttachmentGroupList,\n  getAttachmentList,\n  moveAttachment,\n  delAttachmentGroup,\n} from '../../api'\n\nimport { ElMessage, ElMessageBox } from 'element-plus'\nimport DkFileIcon from './file-icon.vue'\n\nimport { Search } from '@element-plus/icons-vue'\n\nimport { getAttachmentType, getGlobalConfig } from '@vipl520/utils'\nimport { attachmentProps } from './props'\n\n\n\nconst props = defineProps(attachmentProps)\n\nconst _type = computed(() => {\n  return getAttachmentType(props.type)\n})\n\n/** ****************顶部data****************/\n// 搜索的文件名\nconst searchFileName = ref('')\n// 选择文件Key\nconst chooseFileKey = ref<number[]>([])\n// 选中文件列表\nconst chooseFileList = ref<any[]>([])\n// 选中文件ID\nconst chooseFileId = ref<number[]>([])\nconst globalConfig = getGlobalConfig()\n// 上传的地址\nconst uploadUrl = ref(globalConfig.ApiUrl)\nconst headers = ref({\n  'Access-Token': globalConfig.AccessToken,\n})\n// 上传的ref\nconst upload = ref()\n// 上传的数据\nconst data = reactive({\n  type: _type.value,\n  file: 'file',\n  group_id: 0,\n})\n\n/** *****顶部的函数****************/\n\nconst handleMoveAttachment = (groupId: number) => {\n  moveAttachment(chooseFileId.value, groupId).then((res) => {\n    ElMessage.success(res.msg)\n    onGetAttachmentList()\n  })\n}\n\nconst handleUploadSuccess = (res: any) => {\n  if (res.code === 0) {\n    ElMessage.success(res.msg)\n    // upload.value.clearFiles()\n    onGetAttachmentList()\n  } else {\n    ElMessage.error(res.msg)\n  }\n}\n\nconst _accept = computed(() => {\n  let _accept = ''\n  if (props.accept) {\n    return props.accept\n  } else {\n    switch (_type.value) {\n      case 0:\n        break\n      case 1:\n        _accept = 'image/*'\n        break\n      case 2:\n        _accept = 'audio/*'\n        break\n      case 3:\n        _accept = 'video/*'\n        break\n    }\n    return _accept\n  }\n})\n\nconst onDelete = () => {\n  // 改成element-plus\n  ElMessageBox.confirm('此操作将永久删除文件, 是否继续?', '提示', {\n    confirmButtonText: '确定',\n    cancelButtonText: '取消',\n  }).then(() => {\n    try {\n      deleteAttachment(chooseFileId.value)\n        .then((res) => {\n          console.log(res)\n          onGetAttachmentList()\n        })\n        .catch((res) => {\n          console.log('deleteAttachment error', res)\n        })\n    } catch (e) {\n      console.log(e)\n    }\n  })\n}\n/** ****************分组data****************/\n// 分组列表\nconst groupList = ref<any>([])\n// 选中分组\n/** **********分组的函数****************/\n\nconst groupFormUrl = computed(() => {\n  if (groupId.value === 0) {\n    return {\n      url: globalConfig.ApiUrl + '/adminapi/attachment/group/create',\n      method: 'get',\n    }\n  } else {\n    return {\n      url: globalConfig.ApiUrl + '/adminapi/attachment/group/' + groupId.value + '/edit',\n      method: 'get',\n    }\n  }\n})\n\nconst groupForm = ref()\n\nconst addGroup = () => {\n  // TODO 添加文件分组\n  groupId.value = 0\n  groupForm.value.show()\n}\n\nconst delGroup = (id: number) => {\n  // 改为Vue3\n  ElMessageBox.confirm('此操作将永久删除该分组, 是否继续?', '提示', {\n    confirmButtonText: '确定',\n    cancelButtonText: '取消',\n    type: 'warning',\n  }).then(() => {\n    try {\n      delAttachmentGroup(id)\n        .then((res) => {\n          ElMessage.success(res.msg)\n          onsubmit()\n        })\n        .catch(() => {})\n    } catch (e) {\n      console.log(e)\n    }\n  })\n}\n\nconst editGroup = () => {\n  groupForm.value.show()\n}\n\nconst onsubmit = () => {\n  getGroupList()\n  onGetAttachmentList()\n}\n\nconst selectGroup = (id: number) => {\n  groupId.value = id\n  page.value = 1\n  onGetAttachmentList()\n}\n\nconst getGroupList = async () => {\n  try {\n    const res = await getAttachmentGroupList(_type.value)\n    groupList.value = res.data\n  } catch (e) {}\n}\n\n/** ****************附件列表*********************/\nconst loading = ref(true)\nconst list = ref<any>([])\nconst page = ref(1)\nconst count = ref(0)\nconst size = ref(10)\nconst contextMenuId = ref(0)\nconst groupId = ref(0)\n\n/** ***************列表函数*******************/\n\n// const editAttachment = () => {\n//   // TODO 编辑附件\n// }\n\nconst handleSizeChange = (val: number) => {\n  size.value = val\n  onGetAttachmentList()\n}\n\n// 改变页码\nconst handleCurrentChange = (val: number) => {\n  page.value = val\n  onGetAttachmentList()\n}\nconst onGetAttachmentList = async (search = {}) => {\n  clearChoose()\n  try {\n    const res = await getAttachmentList(page.value, size.value, _type.value, groupId.value, search)\n    list.value = res.data\n    count.value = res.msg\n    loading.value = false\n  } catch (e) {}\n}\n\nconst clearChoose = () => {\n  chooseFileKey.value = []\n  chooseFileId.value = []\n  chooseFileList.value = []\n}\n\nconst chooseAttachment = (item: any, key: number) => {\n  const index = chooseFileKey.value.indexOf(key)\n  if (index > -1) {\n    chooseFileKey.value.splice(index, 1)\n    chooseFileId.value.splice(index, 1)\n    chooseFileList.value.splice(index, 1)\n  } else {\n    chooseFileKey.value.push(key)\n    chooseFileId.value.push(item.id)\n    chooseFileList.value.push(item)\n  }\n}\n\nonMounted(() => {\n  getGroupList()\n  onGetAttachmentList()\n})\n\ndefineExpose({\n  chooseFileId,\n  chooseFileKey,\n  chooseFileList,\n  clearChoose,\n})\n</script>\n"],"names":["__MACROS_defineComponent","computed","getAttachmentType","ref","getGlobalConfig","reactive","groupId","moveAttachment","ElMessage","_accept","ElMessageBox","deleteAttachment","delAttachmentGroup","getAttachmentGroupList","getAttachmentList","onMounted"],"mappings":"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"}
+{"version":3,"file":"attachment.vue2.js","sources":["../../../src/attachment/src/attachment.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkAttachment',\n});\n</script>\n<template>\n  <div class=\"dk-attachment attachment\">\n    <!-- 顶部-->\n    <div class=\"attachment-header flex justify-between pt-5px pb-5px\">\n      <div class=\"header-form z\">\n        <el-input v-model=\"searchFileName\" placeholder=\"请输入附件名称\" class=\"input-with-select\">\n          <template #append>\n            <el-button :icon=\"Search\" />\n          </template>\n        </el-input>\n      </div>\n      <div class=\"header-button y\">\n        <el-dropdown class=\"mr\" trigger=\"click\" @command=\"handleMoveAttachment\">\n          <el-button type=\"info\" :disabled=\"chooseFileKey.length <= 0\"> 移动 </el-button>\n          <template #dropdown>\n            <el-dropdown-menu>\n              <el-dropdown-item v-for=\"(item, key) in groupList\" :key=\"key\" :command=\"item.id\">\n                {{ item.name }}\n              </el-dropdown-item>\n            </el-dropdown-menu>\n          </template>\n        </el-dropdown>\n        <el-button type=\"danger\" :disabled=\"chooseFileKey.length <= 0\" @click=\"onDelete\"\n          >删除<i class=\"el-icon-delete el-icon--right\"></i\n        ></el-button>\n        <el-upload\n          ref=\"upload\"\n          class=\"dk-upload-button\"\n          :action=\"uploadUrl\"\n          multiple\n          :data=\"data\"\n          :show-file-list=\"false\"\n          :headers=\"headers\"\n          :on-success=\"handleUploadSuccess\"\n          :accept=\"_accept\"\n          list-type=\"text\"\n        >\n          <el-button type=\"primary\">上传<i class=\"el-icon-upload el-icon--right\"></i></el-button>\n        </el-upload>\n      </div>\n    </div>\n    <!--内部-->\n    <div class=\"attachment-content flex\">\n      <!-- 分组-->\n      <div class=\"attachment-group\">\n        <h5 class=\"cursor-pointer flex items-center content-center\" @click=\"addGroup()\">\n          附件分组\n          <el-icon class=\"m-l-5px\"><CirclePlusFilled /></el-icon>\n        </h5>\n        <ul class=\"group_list\">\n          <li\n            v-for=\"(item, key) in groupList\"\n            :key=\"key\"\n            :class=\"{ active: groupId === item.id }\"\n            @click=\"selectGroup(item.id)\"\n          >\n            <dk-icon v-if=\"item.id === groupId\" icon=\"flat-color-icons:opened-folder\" />\n            <dk-icon v-else icon=\"flat-color-icons:folder\" />\n\n            <span class=\"ml-10px\">{{ item.name }}</span>\n\n            <el-popover placement=\"right\" trigger=\"click\">\n              <template #reference>\n                <div class=\"op\">\n                  <el-icon v-if=\"item.id > 0\">\n                    <Tools />\n                  </el-icon>\n                </div>\n              </template>\n              <template #default>\n                <el-button size=\"small\" type=\"primary\" @click.stop=\"editGroup()\">编辑 </el-button>\n                <el-button size=\"small\" type=\"danger\" @click=\"delGroup(item.id)\">删除</el-button>\n              </template>\n            </el-popover>\n          </li>\n        </ul>\n      </div>\n      <!-- 列表-->\n      <div class=\"attachment-container\">\n        <div v-if=\"loading || list.length > 0\" v-loading=\"loading\" class=\"p2\">\n          <ul class=\"attachment-list cl\" :style=\"{ overflow: list.length > 10 ? 'auto' : '' }\">\n            <li\n              v-for=\"(item, key) in list\"\n              :key=\"key\"\n              :class=\"{ choose: chooseFileKey.indexOf(key) > -1 }\"\n              @click=\"chooseAttachment(item, key)\"\n              @contextmenu.prevent=\"contextMenuId = item.id\"\n            >\n              <div class=\"file\">\n                <el-image v-if=\"item.type === 1\" class=\"file\" :src=\"item.url\" fit=\"contain\">\n                  <template #placeholder>\n                    <div class=\"u-m-t-30\">\n                      <i class=\"el-icon-loading\"></i>\n                      <span>加载中</span>\n                    </div>\n                  </template>\n                </el-image>\n                <div v-if=\"item.type === 2\">\n                  <dk-file-icon :file-name=\"item.filename\" :type=\"item.type\" />\n                </div>\n                <div v-if=\"item.type === 3\">\n                  <dk-file-icon :file-name=\"item.filename\" :type=\"item.type\" />\n                </div>\n                <div v-if=\"item.type === 0\">\n                  <dk-file-icon :file-name=\"item.filename\" />\n                </div>\n              </div>\n              <div class=\"file-name over\">{{ item.name }}</div>\n              <div class=\"right\">\n                <el-icon>\n                  <Check />\n                </el-icon>\n              </div>\n            </li>\n          </ul>\n          <div class=\"block p-10px\">\n            <el-pagination\n              :current-page=\"page\"\n              layout=\"total, prev, pager, next, jumper,sizes\"\n              :total=\"count\"\n              :page-size=\"size\"\n              @size-change=\"handleSizeChange\"\n              @current-change=\"handleCurrentChange\"\n            />\n          </div>\n        </div>\n        <div v-else style=\"display: flex; align-items: center; justify-content: center; height: 340px\">\n          <el-empty description=\"暂无数据\" />\n        </div>\n        <dk-form ref=\"groupForm\" :key=\"groupId\" :form-url=\"groupFormUrl\" :is-dialog=\"true\" @submit=\"onsubmit()\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, reactive, onMounted, computed } from 'vue'\nimport {\n  deleteAttachment,\n  getAttachmentGroupList,\n  getAttachmentList,\n  moveAttachment,\n  delAttachmentGroup,\n} from '../../api'\n\nimport { ElMessage, ElMessageBox } from 'element-plus'\nimport DkFileIcon from './file-icon.vue'\n\nimport { Search } from '@element-plus/icons-vue'\n\nimport { getAttachmentType, getGlobalConfig } from '@vipl520/utils'\nimport { attachmentProps } from './props'\n\n\n\nconst props = defineProps(attachmentProps)\n\nconst _type = computed(() => {\n  return getAttachmentType(props.type)\n})\n\n/** ****************顶部data****************/\n// 搜索的文件名\nconst searchFileName = ref('')\n// 选择文件Key\nconst chooseFileKey = ref<number[]>([])\n// 选中文件列表\nconst chooseFileList = ref<any[]>([])\n// 选中文件ID\nconst chooseFileId = ref<number[]>([])\nconst globalConfig = getGlobalConfig()\n// 上传的地址\nconst uploadUrl = globalConfig.ApiUrl + '/adminapi/attachment/upload'\nconst headers = {\n  'Access-Token': globalConfig.AccessToken,\n}\n// 上传的ref\nconst upload = ref()\n// 上传的数据\nconst data = reactive({\n  type: _type.value,\n  file: 'file',\n  group_id: 0,\n})\n\n/** *****顶部的函数****************/\n\nconst handleMoveAttachment = (groupId: number) => {\n  moveAttachment(chooseFileId.value, groupId).then((res) => {\n    ElMessage.success(res.msg)\n    onGetAttachmentList()\n  })\n}\n\nconst handleUploadSuccess = (res: any) => {\n  console.log('res', res)\n  if (res.code === 0) {\n    ElMessage.success(res.msg)\n    // upload.value.clearFiles()\n    onGetAttachmentList()\n  } else {\n    ElMessage.error(res.msg)\n  }\n}\n\nconst _accept = computed(() => {\n  let _accept = ''\n  if (props.accept) {\n    return props.accept\n  } else {\n    switch (_type.value) {\n      case 0:\n        break\n      case 1:\n        _accept = 'image/*'\n        break\n      case 2:\n        _accept = 'audio/*'\n        break\n      case 3:\n        _accept = 'video/*'\n        break\n    }\n    return _accept\n  }\n})\n\nconst onDelete = () => {\n  // 改成element-plus\n  ElMessageBox.confirm('此操作将永久删除文件, 是否继续?', '提示', {\n    confirmButtonText: '确定',\n    cancelButtonText: '取消',\n  }).then(() => {\n    try {\n      deleteAttachment(chooseFileId.value)\n        .then((res) => {\n          console.log(res)\n          onGetAttachmentList()\n        })\n        .catch((res) => {\n          console.log('deleteAttachment error', res)\n        })\n    } catch (e) {\n      console.log(e)\n    }\n  })\n}\n/** ****************分组data****************/\n// 分组列表\nconst groupList = ref<any>([])\n// 选中分组\n/** **********分组的函数****************/\n\nconst groupFormUrl = computed(() => {\n  if (groupId.value === 0) {\n    return {\n      url: globalConfig.ApiUrl + '/adminapi/attachment/group/create',\n      method: 'get',\n    }\n  } else {\n    return {\n      url: globalConfig.ApiUrl + '/adminapi/attachment/group/' + groupId.value + '/edit',\n      method: 'get',\n    }\n  }\n})\n\nconst groupForm = ref()\n\nconst addGroup = () => {\n  // TODO 添加文件分组\n  groupId.value = 0\n  groupForm.value.show()\n}\n\nconst delGroup = (id: number) => {\n  // 改为Vue3\n  ElMessageBox.confirm('此操作将永久删除该分组, 是否继续?', '提示', {\n    confirmButtonText: '确定',\n    cancelButtonText: '取消',\n    type: 'warning',\n  }).then(() => {\n    try {\n      delAttachmentGroup(id)\n        .then((res) => {\n          ElMessage.success(res.msg)\n          onsubmit()\n        })\n        .catch(() => {})\n    } catch (e) {\n      console.log(e)\n    }\n  })\n}\n\nconst editGroup = () => {\n  groupForm.value.show()\n}\n\nconst onsubmit = () => {\n  getGroupList()\n  onGetAttachmentList()\n}\n\nconst selectGroup = (id: number) => {\n  groupId.value = id\n  page.value = 1\n  onGetAttachmentList()\n}\n\nconst getGroupList = async () => {\n  try {\n    const res = await getAttachmentGroupList(_type.value)\n    groupList.value = res.data\n  } catch (e) {}\n}\n\n/** ****************附件列表*********************/\nconst loading = ref(true)\nconst list = ref<any>([])\nconst page = ref(1)\nconst count = ref(0)\nconst size = ref(10)\nconst contextMenuId = ref(0)\nconst groupId = ref(0)\n\n/** ***************列表函数*******************/\n\n// const editAttachment = () => {\n//   // TODO 编辑附件\n// }\n\nconst handleSizeChange = (val: number) => {\n  size.value = val\n  onGetAttachmentList()\n}\n\n// 改变页码\nconst handleCurrentChange = (val: number) => {\n  page.value = val\n  onGetAttachmentList()\n}\nconst onGetAttachmentList = async (search = {}) => {\n  clearChoose()\n  try {\n    const res = await getAttachmentList(page.value, size.value, _type.value, groupId.value, search)\n    list.value = res.data\n    count.value = res.msg\n    loading.value = false\n  } catch (e) {}\n}\n\nconst clearChoose = () => {\n  chooseFileKey.value = []\n  chooseFileId.value = []\n  chooseFileList.value = []\n}\n\nconst chooseAttachment = (item: any, key: number) => {\n  const index = chooseFileKey.value.indexOf(key)\n  if (index > -1) {\n    chooseFileKey.value.splice(index, 1)\n    chooseFileId.value.splice(index, 1)\n    chooseFileList.value.splice(index, 1)\n  } else {\n    chooseFileKey.value.push(key)\n    chooseFileId.value.push(item.id)\n    chooseFileList.value.push(item)\n  }\n}\n\nonMounted(() => {\n  getGroupList()\n  onGetAttachmentList()\n})\n\ndefineExpose({\n  chooseFileId,\n  chooseFileKey,\n  chooseFileList,\n  clearChoose,\n})\n</script>\n"],"names":["__MACROS_defineComponent","computed","getAttachmentType","ref","getGlobalConfig","reactive","groupId","moveAttachment","ElMessage","_accept","ElMessageBox","deleteAttachment","delAttachmentGroup","getAttachmentGroupList","getAttachmentList","onMounted"],"mappings":"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"}

package/lib/dialog/index.d.ts

@@ -3,6 +3,7 @@ export declare const Dialog: import("@vipl520/utils").WithInstall<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
+            zIndex?: number | undefined;
             fullscreen?: boolean | undefined;
             title?: string | undefined;
             draggable?: boolean | undefined;
@@ -92,7 +93,12 @@ export declare const Dialog: import("@vipl520/utils").WithInstall<{
                 type: BooleanConstructor;
                 default: boolean;
             };
+            zIndex: {
+                type: NumberConstructor;
+                default: number;
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            zIndex: number;
             fullscreen: boolean;
             title: string;
             draggable: boolean;
@@ -144,6 +150,10 @@ export declare const Dialog: import("@vipl520/utils").WithInstall<{
             type: BooleanConstructor;
             default: boolean;
         };
+        zIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -173,7 +183,12 @@ export declare const Dialog: import("@vipl520/utils").WithInstall<{
         type: BooleanConstructor;
         default: boolean;
     };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    zIndex: number;
     fullscreen: boolean;
     title: string;
     draggable: boolean;

package/lib/dialog/src/dialog.vue.d.ts

@@ -23,6 +23,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
@@ -48,7 +52,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>>, {
+    zIndex: number;
     fullscreen: boolean;
     title: string;
     draggable: boolean;

package/lib/dialog/src/dialog.vue2.js

@@ -72,7 +72,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         draggable: _ctx.draggable,
         "close-on-click-modal": false,
         "show-close": false,
-        class: "dk-dialog"
+        class: "dk-dialog",
+        "z-index": props.zIndex
       }), vue.createSlots({
         header: vue.withCtx(({ close }) => [
           vue.renderSlot(_ctx.$slots, "header", {}, () => [
@@ -125,7 +126,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["fullscreen", "draggable"]);
+      ]), 1040, ["fullscreen", "draggable", "z-index"]);
     };
   }
 });

package/lib/dialog/src/dialog.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.vue2.js","sources":["../../../src/dialog/src/dialog.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkDialog',\n});\n</script>\n<template>\n  <ElDialog\n    v-bind=\"getBindValue\"\n    :fullscreen=\"isFullscreen\"\n    destroy-on-close\n    append-to-body\n    lock-scroll\n    :draggable=\"draggable\"\n    :close-on-click-modal=\"false\"\n    :show-close=\"false\"\n    class=\"dk-dialog\"\n  >\n    <template #header=\"{ close }\">\n      <slot name=\"header\">\n        <div class=\"flex justify-between items-center relative\">\n          <span>{{ props.title }}</span>\n          <div class=\"flex justify-between items-center absolute top-[50%] right-0 translate-y-[-50%]\">\n            <dk-icon\n              v-if=\"fullscreen\"\n              class=\"cursor-pointer is-hover mr-10px\"\n              :icon=\"isFullscreen ? 'radix-icons:exit-full-screen' : 'radix-icons:enter-full-screen'\"\n              color=\"var(--el-color-info)\"\n              hover-color=\"var(--el-color-primary)\"\n              @click=\"toggleFull\"\n            />\n            <dk-icon\n              class=\"cursor-pointer is-hover\"\n              icon=\"ep:close\"\n              hover-color=\"var(--el-color-primary)\"\n              color=\"var(--el-color-info)\"\n              @click=\"close\"\n            />\n          </div>\n        </div>\n      </slot>\n    </template>\n\n    <ElScrollbar :style=\"dialogStyle\">\n      <slot></slot>\n    </ElScrollbar>\n\n    <template v-if=\"slots.footer\" #footer>\n      <slot name=\"footer\"></slot>\n    </template>\n  </ElDialog>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace, isNumber } from '@vipl520/utils'\nimport { dialogProps } from './props'\nimport { computed, useAttrs, ref, unref, useSlots, watch, nextTick } from 'vue'\n\nconst [_, bem] = createNamespace('dialog')\n\n\nconst slots = useSlots()\n\nconst props = defineProps(dialogProps)\n\nconst getBindValue = computed(() => {\n  const delArr: string[] = ['fullscreen', 'title', 'maxHeight']\n  const attrs = useAttrs()\n  const obj: { [key: string]: any } = { ...attrs, ...props }\n  for (const key in obj) {\n    if (delArr.indexOf(key) !== -1) {\n      delete obj[key] as any\n    }\n  }\n  return obj\n})\nconst isFullscreen = ref(props.defaultFullscreen)\n\nwatch(\n  () => props.defaultFullscreen,\n  () => {\n    isFullscreen.value = props.defaultFullscreen\n  }\n)\n\nconst toggleFull = () => {\n  isFullscreen.value = !unref(isFullscreen)\n}\n\nconst dialogHeight = ref(isNumber(props.maxHeight) ? `${props.maxHeight}px` : props.maxHeight)\n\nwatch(\n  () => isFullscreen.value,\n  async (val: boolean) => {\n    await nextTick()\n    if (val) {\n      const windowHeight = document.documentElement.offsetHeight\n      dialogHeight.value = `${windowHeight - 55 - 60 - (slots.footer ? 63 : 0)}px`\n    } else {\n      dialogHeight.value = isNumber(props.maxHeight) ? `${props.maxHeight}px` : props.maxHeight\n    }\n  },\n  {\n    immediate: true,\n  }\n)\n\nconst dialogStyle = computed(() => {\n  return {\n    maxHeight: unref(dialogHeight),\n  }\n})\n</script>\n"],"names":["__MACROS_defineComponent","createNamespace","useSlots","computed","useAttrs","ref","watch","unref","isNumber","nextTick"],"mappings":";;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,UAAA;AACR,CAAC,CAAA,CAAA;;;;;;AAsDD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,QAAQ,CAAA,CAAA;AAGzC,IAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AAIvB,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAM;AAClC,MAAA,MAAM,MAAmB,GAAA,CAAC,YAAc,EAAA,OAAA,EAAS,WAAW,CAAA,CAAA;AAC5D,MAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AACvB,MAAA,MAAM,GAA8B,GAAA,EAAE,GAAG,KAAA,EAAO,GAAG,KAAM,EAAA,CAAA;AACzD,MAAA,KAAA,MAAW,OAAO,GAAK,EAAA;AACrB,QAAA,IAAI,MAAO,CAAA,OAAA,CAAQ,GAAG,CAAA,KAAM,CAAI,CAAA,EAAA;AAC9B,UAAA,OAAO,IAAI,GAAG,CAAA,CAAA;AAAA,SAChB;AAAA,OACF;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAM,MAAA,YAAA,GAAeC,OAAI,CAAA,KAAA,CAAM,iBAAiB,CAAA,CAAA;AAEhD,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,iBAAA;AAAA,MACZ,MAAM;AACJ,QAAA,YAAA,CAAa,QAAQ,KAAM,CAAA,iBAAA,CAAA;AAAA,OAC7B;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,aAAa,MAAM;AACvB,MAAa,YAAA,CAAA,KAAA,GAAQ,CAACC,SAAA,CAAM,YAAY,CAAA,CAAA;AAAA,KAC1C,CAAA;AAEA,IAAM,MAAA,YAAA,GAAeF,OAAI,CAAAG,cAAA,CAAS,KAAM,CAAA,SAAS,CAAI,GAAA,CAAA,EAAG,KAAM,CAAA,SAAS,CAAO,EAAA,CAAA,GAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AAE7F,IAAAF,SAAA;AAAA,MACE,MAAM,YAAa,CAAA,KAAA;AAAA,MACnB,OAAO,GAAiB,KAAA;AACtB,QAAA,MAAMG,YAAS,EAAA,CAAA;AACf,QAAA,IAAI,GAAK,EAAA;AACP,UAAM,MAAA,YAAA,GAAe,SAAS,eAAgB,CAAA,YAAA,CAAA;AAC9C,UAAa,YAAA,CAAA,KAAA,GAAQ,GAAG,YAAe,GAAA,EAAA,GAAK,MAAM,KAAM,CAAA,MAAA,GAAS,KAAK,CAAE,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,SACnE,MAAA;AACL,UAAa,YAAA,CAAA,KAAA,GAAQD,eAAS,KAAM,CAAA,SAAS,IAAI,CAAG,EAAA,KAAA,CAAM,SAAS,CAAA,EAAA,CAAA,GAAO,KAAM,CAAA,SAAA,CAAA;AAAA,SAClF;AAAA,OACF;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,WAAA,GAAcL,aAAS,MAAM;AACjC,MAAO,OAAA;AAAA,QACL,SAAA,EAAWI,UAAM,YAAY,CAAA;AAAA,OAC/B,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"dialog.vue2.js","sources":["../../../src/dialog/src/dialog.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkDialog',\n});\n</script>\n<template>\n  <ElDialog\n    v-bind=\"getBindValue\"\n    :fullscreen=\"isFullscreen\"\n    destroy-on-close\n    append-to-body\n    lock-scroll\n    :draggable=\"draggable\"\n    :close-on-click-modal=\"false\"\n    :show-close=\"false\"\n    class=\"dk-dialog\"\n    :z-index=\"props.zIndex\"\n  >\n    <template #header=\"{ close }\">\n      <slot name=\"header\">\n        <div class=\"flex justify-between items-center relative\">\n          <span>{{ props.title }}</span>\n          <div class=\"flex justify-between items-center absolute top-[50%] right-0 translate-y-[-50%]\">\n            <dk-icon\n              v-if=\"fullscreen\"\n              class=\"cursor-pointer is-hover mr-10px\"\n              :icon=\"isFullscreen ? 'radix-icons:exit-full-screen' : 'radix-icons:enter-full-screen'\"\n              color=\"var(--el-color-info)\"\n              hover-color=\"var(--el-color-primary)\"\n              @click=\"toggleFull\"\n            />\n            <dk-icon\n              class=\"cursor-pointer is-hover\"\n              icon=\"ep:close\"\n              hover-color=\"var(--el-color-primary)\"\n              color=\"var(--el-color-info)\"\n              @click=\"close\"\n            />\n          </div>\n        </div>\n      </slot>\n    </template>\n\n    <ElScrollbar :style=\"dialogStyle\">\n      <slot></slot>\n    </ElScrollbar>\n\n    <template v-if=\"slots.footer\" #footer>\n      <slot name=\"footer\"></slot>\n    </template>\n  </ElDialog>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace, isNumber } from '@vipl520/utils'\nimport { dialogProps } from './props'\nimport { computed, useAttrs, ref, unref, useSlots, watch, nextTick } from 'vue'\n\nconst [_, bem] = createNamespace('dialog')\n\n\nconst slots = useSlots()\n\nconst props = defineProps(dialogProps)\n\nconst getBindValue = computed(() => {\n  const delArr: string[] = ['fullscreen', 'title', 'maxHeight']\n  const attrs = useAttrs()\n  const obj: { [key: string]: any } = { ...attrs, ...props }\n  for (const key in obj) {\n    if (delArr.indexOf(key) !== -1) {\n      delete obj[key] as any\n    }\n  }\n  return obj\n})\nconst isFullscreen = ref(props.defaultFullscreen)\n\nwatch(\n  () => props.defaultFullscreen,\n  () => {\n    isFullscreen.value = props.defaultFullscreen\n  }\n)\n\nconst toggleFull = () => {\n  isFullscreen.value = !unref(isFullscreen)\n}\n\nconst dialogHeight = ref(isNumber(props.maxHeight) ? `${props.maxHeight}px` : props.maxHeight)\n\nwatch(\n  () => isFullscreen.value,\n  async (val: boolean) => {\n    await nextTick()\n    if (val) {\n      const windowHeight = document.documentElement.offsetHeight\n      dialogHeight.value = `${windowHeight - 55 - 60 - (slots.footer ? 63 : 0)}px`\n    } else {\n      dialogHeight.value = isNumber(props.maxHeight) ? `${props.maxHeight}px` : props.maxHeight\n    }\n  },\n  {\n    immediate: true,\n  }\n)\n\nconst dialogStyle = computed(() => {\n  return {\n    maxHeight: unref(dialogHeight),\n  }\n})\n</script>\n"],"names":["__MACROS_defineComponent","createNamespace","useSlots","computed","useAttrs","ref","watch","unref","isNumber","nextTick"],"mappings":";;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,UAAA;AACR,CAAC,CAAA,CAAA;;;;;;AAuDD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,QAAQ,CAAA,CAAA;AAGzC,IAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AAIvB,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAM;AAClC,MAAA,MAAM,MAAmB,GAAA,CAAC,YAAc,EAAA,OAAA,EAAS,WAAW,CAAA,CAAA;AAC5D,MAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AACvB,MAAA,MAAM,GAA8B,GAAA,EAAE,GAAG,KAAA,EAAO,GAAG,KAAM,EAAA,CAAA;AACzD,MAAA,KAAA,MAAW,OAAO,GAAK,EAAA;AACrB,QAAA,IAAI,MAAO,CAAA,OAAA,CAAQ,GAAG,CAAA,KAAM,CAAI,CAAA,EAAA;AAC9B,UAAA,OAAO,IAAI,GAAG,CAAA,CAAA;AAAA,SAChB;AAAA,OACF;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAM,MAAA,YAAA,GAAeC,OAAI,CAAA,KAAA,CAAM,iBAAiB,CAAA,CAAA;AAEhD,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,iBAAA;AAAA,MACZ,MAAM;AACJ,QAAA,YAAA,CAAa,QAAQ,KAAM,CAAA,iBAAA,CAAA;AAAA,OAC7B;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,aAAa,MAAM;AACvB,MAAa,YAAA,CAAA,KAAA,GAAQ,CAACC,SAAA,CAAM,YAAY,CAAA,CAAA;AAAA,KAC1C,CAAA;AAEA,IAAM,MAAA,YAAA,GAAeF,OAAI,CAAAG,cAAA,CAAS,KAAM,CAAA,SAAS,CAAI,GAAA,CAAA,EAAG,KAAM,CAAA,SAAS,CAAO,EAAA,CAAA,GAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AAE7F,IAAAF,SAAA;AAAA,MACE,MAAM,YAAa,CAAA,KAAA;AAAA,MACnB,OAAO,GAAiB,KAAA;AACtB,QAAA,MAAMG,YAAS,EAAA,CAAA;AACf,QAAA,IAAI,GAAK,EAAA;AACP,UAAM,MAAA,YAAA,GAAe,SAAS,eAAgB,CAAA,YAAA,CAAA;AAC9C,UAAa,YAAA,CAAA,KAAA,GAAQ,GAAG,YAAe,GAAA,EAAA,GAAK,MAAM,KAAM,CAAA,MAAA,GAAS,KAAK,CAAE,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,SACnE,MAAA;AACL,UAAa,YAAA,CAAA,KAAA,GAAQD,eAAS,KAAM,CAAA,SAAS,IAAI,CAAG,EAAA,KAAA,CAAM,SAAS,CAAA,EAAA,CAAA,GAAO,KAAM,CAAA,SAAA,CAAA;AAAA,SAClF;AAAA,OACF;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,WAAA,GAAcL,aAAS,MAAM;AACjC,MAAO,OAAA;AAAA,QACL,SAAA,EAAWI,UAAM,YAAY,CAAA;AAAA,OAC/B,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/dialog/src/props.d.ts

@@ -24,5 +24,9 @@ export declare const dialogProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
 };
 export type DialogProps = ExtractPropTypes<typeof dialogProps>;

package/lib/dialog/src/props.js

@@ -28,6 +28,10 @@ const dialogProps = {
   draggable: {
     type: Boolean,
     default: true
+  },
+  zIndex: {
+    type: Number,
+    default: 1299
   }
 };
 

package/lib/dialog/src/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","sources":["../../../src/dialog/src/props.ts"],"sourcesContent":["import { makeStringProp } from 'vant/es/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const dialogProps = {\n  // v-model\n  modelValue: {\n    type: Boolean,\n    default: false,\n  },\n  // 标题\n  title: makeStringProp(''),\n  // 是否开启全屏按钮\n  fullscreen: {\n    type: Boolean,\n    default: false,\n  },\n  // 是否默认全屏\n  defaultFullscreen: {\n    type: Boolean,\n    default: false,\n  },\n  // 最大高度\n  maxHeight: {\n    type: String,\n    default: '',\n  },\n  draggable: {\n    type: Boolean,\n    default: true,\n  },\n}\n\nexport type DialogProps = ExtractPropTypes<typeof dialogProps>\n"],"names":["makeStringProp"],"mappings":";;;;AAGO,MAAM,WAAc,GAAA;AAAA;AAAA,EAEzB,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA,EAEA,KAAA,EAAOA,qBAAe,EAAE,CAAA;AAAA;AAAA,EAExB,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA,EAEA,iBAAmB,EAAA;AAAA,IACjB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA,EAEA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF;;;;"}
+{"version":3,"file":"props.js","sources":["../../../src/dialog/src/props.ts"],"sourcesContent":["import { makeStringProp } from 'vant/es/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const dialogProps = {\n  // v-model\n  modelValue: {\n    type: Boolean,\n    default: false,\n  },\n  // 标题\n  title: makeStringProp(''),\n  // 是否开启全屏按钮\n  fullscreen: {\n    type: Boolean,\n    default: false,\n  },\n  // 是否默认全屏\n  defaultFullscreen: {\n    type: Boolean,\n    default: false,\n  },\n  // 最大高度\n  maxHeight: {\n    type: String,\n    default: '',\n  },\n  draggable: {\n    type: Boolean,\n    default: true,\n  },\n  zIndex: {\n    type: Number,\n    default: 1299,\n  },\n}\n\nexport type DialogProps = ExtractPropTypes<typeof dialogProps>\n"],"names":["makeStringProp"],"mappings":";;;;AAGO,MAAM,WAAc,GAAA;AAAA;AAAA,EAEzB,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA,EAEA,KAAA,EAAOA,qBAAe,EAAE,CAAA;AAAA;AAAA,EAExB,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA,EAEA,iBAAmB,EAAA;AAAA,IACjB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA,EAEA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF;;;;"}

package/lib/file-input/style/index.css

@@ -1 +1 @@
-.dk-file-input{width:100%}.dk-file-input .image-error{height:70px;font-size:40px;line-height:70px;color:#999;text-align:center;background:var(--el-bg-color-page)}.dk-file-input .button{padding-top:10px;text-align:center;border-top:1px solid var(--el-bg-color-page)}.dk-file-input .show{position:relative}.dk-file-input .show .file{width:80px;height:80px;padding:5px;border:1px solid var(--el-border-color)}.dk-file-input .show em{position:absolute;top:0;font-size:15px;font-weight:600;line-height:20px;color:var(--el-border-color);cursor:pointer}.dk-file-input .only-img{position:relative;width:100px;height:100px;padding:5px;margin-right:10px;margin-bottom:10px;border:1px solid var(--el-border-color);border-radius:4px}.dk-file-input .only-img:hover .close{display:flex}.dk-file-input .only-img .close{position:absolute;top:0;right:0;display:none;align-items:center;justify-content:center;width:20px;height:20px;font-size:12px;color:#fff;cursor:pointer;background:rgba(0,0,0,.7019607843);border-radius:100px}.dk-file-input .only-img .no-image{width:100%;color:#999;text-align:center;cursor:pointer;background:var(--el-bg-color-page)}.dk-file-input .only-img .media{width:100%;color:#999;text-align:center;cursor:pointer;background:var(--el-bg-color-page)}.dk-file-input .only-img .play_btn{position:absolute;right:0;bottom:0;width:20px;height:20px;font-size:18px;line-height:20px;color:#fff;text-align:center;cursor:pointer;background:#409eff}
+.dk-file-input{width:100%}.dk-file-input .image-error{height:70px;font-size:40px;line-height:70px;color:#999;text-align:center;background:var(--el-bg-color-page)}.dk-file-input .button{padding-top:10px;text-align:center;border-top:1px solid var(--el-bg-color-page)}.dk-file-input .show{position:relative;height:80px}.dk-file-input .show .file{width:80px;height:80px;padding:5px;border:1px solid var(--el-border-color)}.dk-file-input .show em{position:absolute;top:0;font-size:15px;font-weight:600;line-height:20px;color:var(--el-border-color);cursor:pointer}.dk-file-input .only-img{position:relative;width:100px;height:100px;padding:5px;margin-right:10px;margin-bottom:10px;border:1px solid var(--el-border-color);border-radius:4px}.dk-file-input .only-img:hover .close{display:flex}.dk-file-input .only-img .close{position:absolute;top:0;right:0;display:none;align-items:center;justify-content:center;width:20px;height:20px;font-size:12px;color:#fff;cursor:pointer;background:rgba(0,0,0,.7019607843);border-radius:100px}.dk-file-input .only-img .no-image{width:100%;color:#999;text-align:center;cursor:pointer;background:var(--el-bg-color-page)}.dk-file-input .only-img .media{width:100%;color:#999;text-align:center;cursor:pointer;background:var(--el-bg-color-page)}.dk-file-input .only-img .play_btn{position:absolute;right:0;bottom:0;width:20px;height:20px;font-size:18px;line-height:20px;color:#fff;text-align:center;cursor:pointer;background:#409eff}

package/lib/file-input/style/index.scss

@@ -19,6 +19,7 @@
 
   .show {
     position: relative;
+    height: 80px;
 
     .file {
       width: 80px;
@@ -99,4 +100,5 @@
     }
   }
 }
+
 /* stylelint-enable no-descending-specificity */

package/lib/file-list-input/style/index.css

@@ -1 +1 @@
-.dk-file-list-input .button{text-align:center;border-top:1px solid #f5f5f5;padding-top:10px}.dk-file-list-input .dk-image-list ul:after{content:"";display:block;clear:both}.dk-file-list-input .dk-image-list ul li{float:left;margin-right:10px;margin-bottom:10px;border:1px solid var(--el-border-color);border-radius:4px}.dk-file-list-input .dk-image-list ul li .file{position:relative;width:100px;height:100px;text-align:center}.dk-file-list-input .dk-image-list ul li .file div{position:relative}.dk-file-list-input .dk-image-list ul li .file div .other-file{font-size:80px;color:#aaa;line-height:100px}.dk-file-list-input .dk-image-list ul li .file div .el-icon-video-play{display:none;position:absolute;bottom:2px;right:2px;font-size:20px;cursor:pointer}.dk-file-list-input .dk-image-list ul li .file div:hover .el-icon-video-play{color:#409eff;display:block}.dk-file-list-input .dk-image-list ul li .file .close{display:none;cursor:pointer;position:absolute;top:0;line-height:20px;right:0;width:20px;height:20px;text-align:center;background:rgba(0,0,0,.4);border-radius:100%;color:#fff;align-items:center;justify-content:center}.dk-file-list-input .dk-image-list ul li .file:hover .close{display:flex}.dk-file-list-input .dk-image-list ul li .chooseImage{width:100px;height:100px;line-height:100px;text-align:center;font-size:40px;color:#999;cursor:pointer}.dk-file-list-input .dk-image-list ul li .chooseImage:hover{color:#409eff}
+.dk-file-list-input{width:100%}.dk-file-list-input .button{text-align:center;border-top:1px solid #f5f5f5;padding-top:10px}.dk-file-list-input .dk-image-list ul:after{content:"";display:block;clear:both}.dk-file-list-input .dk-image-list ul li{float:left;margin-right:10px;margin-bottom:10px;border:1px solid var(--el-border-color);border-radius:4px}.dk-file-list-input .dk-image-list ul li .file{position:relative;width:100px;height:100px;text-align:center}.dk-file-list-input .dk-image-list ul li .file div{position:relative}.dk-file-list-input .dk-image-list ul li .file div .other-file{font-size:80px;color:#aaa;line-height:100px}.dk-file-list-input .dk-image-list ul li .file div .el-icon-video-play{display:none;position:absolute;bottom:2px;right:2px;font-size:20px;cursor:pointer}.dk-file-list-input .dk-image-list ul li .file div:hover .el-icon-video-play{color:#409eff;display:block}.dk-file-list-input .dk-image-list ul li .file .close{display:none;cursor:pointer;position:absolute;top:0;line-height:20px;right:0;width:20px;height:20px;text-align:center;background:rgba(0,0,0,.4);border-radius:100%;color:#fff;align-items:center;justify-content:center}.dk-file-list-input .dk-image-list ul li .file:hover .close{display:flex}.dk-file-list-input .dk-image-list ul li .chooseImage{width:100px;height:100px;line-height:100px;text-align:center;font-size:40px;color:#999;cursor:pointer}.dk-file-list-input .dk-image-list ul li .chooseImage:hover{color:#409eff}

package/lib/file-list-input/style/index.scss

@@ -1,4 +1,5 @@
 .dk-file-list-input {
+  width:100%;
   .button {
     text-align: center;
     border-top: 1px solid #f5f5f5;

package/lib/form/style/index.css

@@ -1 +1 @@
-.dk-form .form-help{line-height:1.5;margin-top:4px;color:#888;font-size:12px;margin-bottom:0}
+.dk-form .form-help{line-height:1.5;margin-top:4px;color:#888;font-size:12px;margin-bottom:0}.dk-form .el-form-item__content{display:block}

package/lib/form/style/index.scss

@@ -4,6 +4,10 @@
     margin-top: 4px;
     color: #888;
     font-size: 12px;
-    margin-bottom:0;
+    margin-bottom: 0;
+  }
+
+  .el-form-item__content {
+    display: block;
   }
 }

package/lib/table/src/components/RecycleDialog.vue2.js

@@ -198,7 +198,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             onSelectionChange
           }, {
             default: vue.withCtx(() => [
-              vue.createCommentVNode('      <template v-for="(item, key) in DkTable.recycleTable.column">'),
               (vue.openBlock(true), vue.createElementBlock(
                 vue.Fragment,
                 null,
@@ -217,7 +216,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createCommentVNode("      </template>"),
               vue.createVNode(_component_el_table_column, {
                 label: "\u64CD\u4F5C",
-                width: "100"
+                align: "right"
               }, {
                 default: vue.withCtx(({ row }) => [
                   vue.createVNode(_component_el_button, {

package/lib/table/src/components/RecycleDialog.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecycleDialog.vue2.js","sources":["../../../../src/table/src/components/RecycleDialog.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'RecycleDialog',\n});\n</script>\n<template>\n  <dk-dialog v-model=\"DkTable.recycleTable.showDialog\" title=\"回收站\" width=\"1000px\" class=\"dk-table\">\n    <div class=\"dk-table-header\">\n      <el-button class=\"table-header-operate\" type=\"info\" @click=\"DkTable.onTableHeaderAction('refreshRecycle')\">\n        <dk-icon icon=\"Refresh\"></dk-icon>\n      </el-button>\n      <el-button class=\"table-header-operate\" type=\"primary\" :disabled=\"!enableBatchOpt\" @click=\"restoreSelect()\">\n        <dk-icon icon=\"RefreshLeft\"></dk-icon>\n        <span class=\"m-l-5px\">还原</span>\n      </el-button>\n      <el-button class=\"table-header-operate\" type=\"danger\" :disabled=\"!enableBatchOpt\" @click=\"destroySelect()\">\n        <dk-icon icon=\"CloseBold\"></dk-icon>\n        <span class=\"m-l-5px\">销毁</span>\n      </el-button>\n      <el-popconfirm\n        confirm-button-text=\"还原\"\n        cancel-button-text=\"取消\"\n        confirm-button-type=\"danger\"\n        title=\"您确定要还原全部？\"\n        @confirm=\"restore(null)\"\n      >\n        <template #reference>\n          <div class=\"m-l-6px\">\n            <el-button class=\"table-header-operate\" type=\"success\">\n              <dk-icon icon=\"RefreshLeft\"></dk-icon>\n              <span class=\"m-l-5px\">还原全部</span>\n            </el-button>\n          </div>\n        </template>\n      </el-popconfirm>\n      <el-popconfirm\n        confirm-button-text=\"清空\"\n        cancel-button-text=\"取消\"\n        confirm-button-type=\"danger\"\n        title=\"您确定要清空全部？\"\n        @confirm=\"destroy(null)\"\n      >\n        <template #reference>\n          <div class=\"m-l-5px\">\n            <el-button class=\"table-header-operate\" type=\"danger\">\n              <dk-icon icon=\"CloseBold\"></dk-icon>\n              <span class=\"m-l-5px\">清空全部</span>\n            </el-button>\n          </div>\n        </template>\n      </el-popconfirm>\n      <div class=\"table-search\">\n        <el-input\n          v-model=\"DkTable.recycleTable.filter!.quickSearch\"\n          placeholder=\"请输入\"\n          prefix-icon=\"Search\"\n          @input=\"debounce(onSearchInput, 500)()\"\n        />\n      </div>\n    </div>\n    <!--表格s-->\n    <el-table\n      v-loading=\"DkTable.recycleTable.loading\"\n      :data=\"DkTable.recycleTable.data\"\n      class=\"dk-data-table\"\n      @selection-change=\"onSelectionChange\"\n    >\n      <!--      <template v-for=\"(item, key) in DkTable.recycleTable.column\">-->\n      <el-table-column\n        v-for=\"(item, key) in DkTable.recycleTable.column\"\n        v-bind=\"{ ...item }\"\n        :key=\"key\"\n      ></el-table-column>\n      <!--      </template>-->\n      <el-table-column label=\"操作\" width=\"100\">\n        <template #default=\"{ row }\">\n          <el-button icon=\"RefreshLeft\" type=\"primary\" size=\"small\" @click=\"restore([row.id])\"> 还原 </el-button>\n          <el-button icon=\"CloseBold\" type=\"danger\" size=\"small\" @click=\"destroy([row.id])\"> 销毁 </el-button>\n        </template>\n      </el-table-column>\n    </el-table>\n    <!--表格e-->\n  </dk-dialog>\n</template>\n<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport dkTable from '../../utils/dkTable'\nimport { debounce } from '@vipl520/utils'\n\n\nconst DkTable = inject('DkTable') as dkTable\n\nconst onSearchInput = () => {\n  DkTable.onTableHeaderAction('quick-recycle-search', {\n    keyword: DkTable.recycleTable.filter!.quickSearch,\n  })\n}\n\n/*\n * 记录选择的项\n */\nconst onSelectionChange = (selection: TableRow[]) => {\n  DkTable.onTableAction('selection-recycle-change', selection)\n}\n\n/**\n * 销毁\n */\nconst destroy = (ids: any) => {\n  DkTable.api.destroy(ids).then((res) => {\n    DkTable.onTableHeaderAction('refreshRecycle')\n  })\n}\n\n/**\n * 还原\n */\nconst restore = (ids: any) => {\n  DkTable.api.restore(ids).then((res) => {\n    DkTable.onTableHeaderAction('refreshRecycle')\n  })\n}\n\nconst getSelectionIds = () => {\n  const ids: string[] = []\n  DkTable.recycleTable.selection?.forEach((item) => {\n    ids.push(item[DkTable.recycleTable.pk!])\n  })\n  return ids\n}\n\nconst restoreSelect = () => {\n  restore(getSelectionIds())\n}\n\nconst destroySelect = () => {\n  destroy(getSelectionIds())\n}\n\nconst enableBatchOpt = computed(() => DkTable.recycleTable.selection!.length > 0)\n</script>\n<style scoped></style>\n"],"names":["__MACROS_defineComponent","inject","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,eAAA;AACR,CAAC,CAAA,CAAA;;;;AAuFD,IAAM,MAAA,OAAA,GAAUC,WAAO,SAAS,CAAA,CAAA;AAEhC,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAA,OAAA,CAAQ,oBAAoB,sBAAwB,EAAA;AAAA,QAClD,OAAA,EAAS,OAAQ,CAAA,YAAA,CAAa,MAAQ,CAAA,WAAA;AAAA,OACvC,CAAA,CAAA;AAAA,KACH,CAAA;AAKA,IAAM,MAAA,iBAAA,GAAoB,CAAC,SAA0B,KAAA;AACnD,MAAQ,OAAA,CAAA,aAAA,CAAc,4BAA4B,SAAS,CAAA,CAAA;AAAA,KAC7D,CAAA;AAKA,IAAM,MAAA,OAAA,GAAU,CAAC,GAAa,KAAA;AAC5B,MAAA,OAAA,CAAQ,IAAI,OAAQ,CAAA,GAAG,CAAE,CAAA,IAAA,CAAK,CAAC,GAAQ,KAAA;AACrC,QAAA,OAAA,CAAQ,oBAAoB,gBAAgB,CAAA,CAAA;AAAA,OAC7C,CAAA,CAAA;AAAA,KACH,CAAA;AAKA,IAAM,MAAA,OAAA,GAAU,CAAC,GAAa,KAAA;AAC5B,MAAA,OAAA,CAAQ,IAAI,OAAQ,CAAA,GAAG,CAAE,CAAA,IAAA,CAAK,CAAC,GAAQ,KAAA;AACrC,QAAA,OAAA,CAAQ,oBAAoB,gBAAgB,CAAA,CAAA;AAAA,OAC7C,CAAA,CAAA;AAAA,KACH,CAAA;AAEA,IAAA,MAAM,kBAAkB,MAAM;AAC5B,MAAA,MAAM,MAAgB,EAAC,CAAA;AACvB,MAAA,OAAA,CAAQ,YAAa,CAAA,SAAA,EAAW,OAAQ,CAAA,CAAC,IAAS,KAAA;AAChD,QAAA,GAAA,CAAI,IAAK,CAAA,IAAA,CAAK,OAAQ,CAAA,YAAA,CAAa,EAAG,CAAC,CAAA,CAAA;AAAA,OACxC,CAAA,CAAA;AACD,MAAO,OAAA,GAAA,CAAA;AAAA,KACT,CAAA;AAEA,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAA,OAAA,CAAQ,iBAAiB,CAAA,CAAA;AAAA,KAC3B,CAAA;AAEA,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAA,OAAA,CAAQ,iBAAiB,CAAA,CAAA;AAAA,KAC3B,CAAA;AAEA,IAAA,MAAM,iBAAiBC,YAAS,CAAA,MAAM,QAAQ,YAAa,CAAA,SAAA,CAAW,SAAS,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"RecycleDialog.vue2.js","sources":["../../../../src/table/src/components/RecycleDialog.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'RecycleDialog',\n});\n</script>\n<template>\n  <dk-dialog v-model=\"DkTable.recycleTable.showDialog\" title=\"回收站\" width=\"1000px\" class=\"dk-table\">\n    <div class=\"dk-table-header\">\n      <el-button class=\"table-header-operate\" type=\"info\" @click=\"DkTable.onTableHeaderAction('refreshRecycle')\">\n        <dk-icon icon=\"Refresh\"></dk-icon>\n      </el-button>\n      <el-button class=\"table-header-operate\" type=\"primary\" :disabled=\"!enableBatchOpt\" @click=\"restoreSelect()\">\n        <dk-icon icon=\"RefreshLeft\"></dk-icon>\n        <span class=\"m-l-5px\">还原</span>\n      </el-button>\n      <el-button class=\"table-header-operate\" type=\"danger\" :disabled=\"!enableBatchOpt\" @click=\"destroySelect()\">\n        <dk-icon icon=\"CloseBold\"></dk-icon>\n        <span class=\"m-l-5px\">销毁</span>\n      </el-button>\n      <el-popconfirm\n        confirm-button-text=\"还原\"\n        cancel-button-text=\"取消\"\n        confirm-button-type=\"danger\"\n        title=\"您确定要还原全部？\"\n        @confirm=\"restore(null)\"\n      >\n        <template #reference>\n          <div class=\"m-l-6px\">\n            <el-button class=\"table-header-operate\" type=\"success\">\n              <dk-icon icon=\"RefreshLeft\"></dk-icon>\n              <span class=\"m-l-5px\">还原全部</span>\n            </el-button>\n          </div>\n        </template>\n      </el-popconfirm>\n      <el-popconfirm\n        confirm-button-text=\"清空\"\n        cancel-button-text=\"取消\"\n        confirm-button-type=\"danger\"\n        title=\"您确定要清空全部？\"\n        @confirm=\"destroy(null)\"\n      >\n        <template #reference>\n          <div class=\"m-l-5px\">\n            <el-button class=\"table-header-operate\" type=\"danger\">\n              <dk-icon icon=\"CloseBold\"></dk-icon>\n              <span class=\"m-l-5px\">清空全部</span>\n            </el-button>\n          </div>\n        </template>\n      </el-popconfirm>\n      <div class=\"table-search\">\n        <el-input\n          v-model=\"DkTable.recycleTable.filter!.quickSearch\"\n          placeholder=\"请输入\"\n          prefix-icon=\"Search\"\n          @input=\"debounce(onSearchInput, 500)()\"\n        />\n      </div>\n    </div>\n    <!--表格s-->\n    <el-table\n      v-loading=\"DkTable.recycleTable.loading\"\n      :data=\"DkTable.recycleTable.data\"\n      class=\"dk-data-table\"\n      @selection-change=\"onSelectionChange\"\n    >\n      <el-table-column\n        v-for=\"(item, key) in DkTable.recycleTable.column\"\n        v-bind=\"{ ...item }\"\n        :key=\"key\"\n      ></el-table-column>\n      <!--      </template>-->\n      <el-table-column label=\"操作\" align=\"right\">\n        <template #default=\"{ row }\">\n          <el-button icon=\"RefreshLeft\" type=\"primary\" size=\"small\" @click=\"restore([row.id])\"> 还原 </el-button>\n          <el-button icon=\"CloseBold\" type=\"danger\" size=\"small\" @click=\"destroy([row.id])\"> 销毁 </el-button>\n        </template>\n      </el-table-column>\n    </el-table>\n    <!--表格e-->\n  </dk-dialog>\n</template>\n<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport dkTable from '../../utils/dkTable'\nimport { debounce } from '@vipl520/utils'\n\n\nconst DkTable = inject('DkTable') as dkTable\n\nconst onSearchInput = () => {\n  DkTable.onTableHeaderAction('quick-recycle-search', {\n    keyword: DkTable.recycleTable.filter!.quickSearch,\n  })\n}\n\n/*\n * 记录选择的项\n */\nconst onSelectionChange = (selection: TableRow[]) => {\n  DkTable.onTableAction('selection-recycle-change', selection)\n}\n\n/**\n * 销毁\n */\nconst destroy = (ids: any) => {\n  DkTable.api.destroy(ids).then((res) => {\n    DkTable.onTableHeaderAction('refreshRecycle')\n  })\n}\n\n/**\n * 还原\n */\nconst restore = (ids: any) => {\n  DkTable.api.restore(ids).then((res) => {\n    DkTable.onTableHeaderAction('refreshRecycle')\n  })\n}\n\nconst getSelectionIds = () => {\n  const ids: string[] = []\n  DkTable.recycleTable.selection?.forEach((item) => {\n    ids.push(item[DkTable.recycleTable.pk!])\n  })\n  return ids\n}\n\nconst restoreSelect = () => {\n  restore(getSelectionIds())\n}\n\nconst destroySelect = () => {\n  destroy(getSelectionIds())\n}\n\nconst enableBatchOpt = computed(() => DkTable.recycleTable.selection!.length > 0)\n</script>\n<style scoped></style>\n"],"names":["__MACROS_defineComponent","inject","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,eAAA;AACR,CAAC,CAAA,CAAA;;;;AAsFD,IAAM,MAAA,OAAA,GAAUC,WAAO,SAAS,CAAA,CAAA;AAEhC,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAA,OAAA,CAAQ,oBAAoB,sBAAwB,EAAA;AAAA,QAClD,OAAA,EAAS,OAAQ,CAAA,YAAA,CAAa,MAAQ,CAAA,WAAA;AAAA,OACvC,CAAA,CAAA;AAAA,KACH,CAAA;AAKA,IAAM,MAAA,iBAAA,GAAoB,CAAC,SAA0B,KAAA;AACnD,MAAQ,OAAA,CAAA,aAAA,CAAc,4BAA4B,SAAS,CAAA,CAAA;AAAA,KAC7D,CAAA;AAKA,IAAM,MAAA,OAAA,GAAU,CAAC,GAAa,KAAA;AAC5B,MAAA,OAAA,CAAQ,IAAI,OAAQ,CAAA,GAAG,CAAE,CAAA,IAAA,CAAK,CAAC,GAAQ,KAAA;AACrC,QAAA,OAAA,CAAQ,oBAAoB,gBAAgB,CAAA,CAAA;AAAA,OAC7C,CAAA,CAAA;AAAA,KACH,CAAA;AAKA,IAAM,MAAA,OAAA,GAAU,CAAC,GAAa,KAAA;AAC5B,MAAA,OAAA,CAAQ,IAAI,OAAQ,CAAA,GAAG,CAAE,CAAA,IAAA,CAAK,CAAC,GAAQ,KAAA;AACrC,QAAA,OAAA,CAAQ,oBAAoB,gBAAgB,CAAA,CAAA;AAAA,OAC7C,CAAA,CAAA;AAAA,KACH,CAAA;AAEA,IAAA,MAAM,kBAAkB,MAAM;AAC5B,MAAA,MAAM,MAAgB,EAAC,CAAA;AACvB,MAAA,OAAA,CAAQ,YAAa,CAAA,SAAA,EAAW,OAAQ,CAAA,CAAC,IAAS,KAAA;AAChD,QAAA,GAAA,CAAI,IAAK,CAAA,IAAA,CAAK,OAAQ,CAAA,YAAA,CAAa,EAAG,CAAC,CAAA,CAAA;AAAA,OACxC,CAAA,CAAA;AACD,MAAO,OAAA,GAAA,CAAA;AAAA,KACT,CAAA;AAEA,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAA,OAAA,CAAQ,iBAAiB,CAAA,CAAA;AAAA,KAC3B,CAAA;AAEA,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAA,OAAA,CAAQ,iBAAiB,CAAA,CAAA;AAAA,KAC3B,CAAA;AAEA,IAAA,MAAM,iBAAiBC,YAAS,CAAA,MAAM,QAAQ,YAAa,CAAA,SAAA,CAAW,SAAS,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vipl520/dk-ui",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "description": "Vant extension components.",
   "main": "lib/index.js",
   "module": "es/index.mjs",