@vipl520/dk-ui 1.0.8 → 1.0.9

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, globalConfig } 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[]>([])\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    // console.log(e)\n  }\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  // groupId.value = group_id\n  // loading.value = true\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    console.log(e)\n  }\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","globalConfig","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 = 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    // console.log(e)\n  }\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  // groupId.value = group_id\n  // loading.value = true\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    console.log(e)\n  }\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

@@ -5,6 +5,7 @@ export declare const Dialog: import("@vipl520/utils").WithInstall<{
         $props: {
             fullscreen?: boolean | undefined;
             title?: string | undefined;
+            draggable?: boolean | undefined;
             modelValue?: boolean | undefined;
             defaultFullscreen?: boolean | undefined;
             maxHeight?: string | undefined;
@@ -87,9 +88,14 @@ export declare const Dialog: import("@vipl520/utils").WithInstall<{
                 type: StringConstructor;
                 default: string;
             };
+            draggable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             fullscreen: boolean;
             title: string;
+            draggable: boolean;
             modelValue: boolean;
             defaultFullscreen: boolean;
             maxHeight: string;
@@ -134,6 +140,10 @@ export declare const Dialog: import("@vipl520/utils").WithInstall<{
             type: StringConstructor;
             default: string;
         };
+        draggable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -159,9 +169,14 @@ export declare const Dialog: import("@vipl520/utils").WithInstall<{
         type: StringConstructor;
         default: string;
     };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     fullscreen: boolean;
     title: string;
+    draggable: boolean;
     modelValue: boolean;
     defaultFullscreen: boolean;
     maxHeight: string;

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

@@ -19,6 +19,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
@@ -40,9 +44,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     fullscreen: boolean;
     title: string;
+    draggable: boolean;
     modelValue: boolean;
     defaultFullscreen: boolean;
     maxHeight: string;

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

@@ -39,9 +39,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const toggleFull = () => {
       isFullscreen.value = !vue.unref(isFullscreen);
     };
-    const dialogHeight = vue.ref(
-      utils.isNumber(props.maxHeight) ? `${props.maxHeight}px` : props.maxHeight
-    );
+    const dialogHeight = vue.ref(utils.isNumber(props.maxHeight) ? `${props.maxHeight}px` : props.maxHeight);
     vue.watch(
       () => isFullscreen.value,
       async (val) => {
@@ -71,7 +69,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         "destroy-on-close": "",
         "append-to-body": "",
         "lock-scroll": "",
-        draggable: "",
+        draggable: _ctx.draggable,
         "close-on-click-modal": false,
         "show-close": false,
         class: "dk-dialog"
@@ -127,7 +125,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["fullscreen"]);
+      ]), 1040, ["fullscreen", "draggable"]);
     };
   }
 });

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\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\n            class=\"flex justify-between items-center absolute top-[50%] right-0 translate-y-[-50%]\"\n          >\n            <dk-icon\n              v-if=\"fullscreen\"\n              class=\"cursor-pointer is-hover mr-10px\"\n              :icon=\"\n                isFullscreen\n                  ? 'radix-icons:exit-full-screen'\n                  : 'radix-icons:enter-full-screen'\n              \"\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(\n  isNumber(props.maxHeight) ? `${props.maxHeight}px` : props.maxHeight\n)\n\nwatch(\n  () => isFullscreen.value,\n  async (val: boolean) => {\n    await nextTick()\n    if (val) {\n      const windowHeight = document.documentElement.offsetHeight\n      dialogHeight.value = `${\n        windowHeight - 55 - 60 - (slots.footer ? 63 : 0)\n      }px`\n    } else {\n      dialogHeight.value = isNumber(props.maxHeight)\n        ? `${props.maxHeight}px`\n        : 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;;;;;;AA4DD,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,IAAA,MAAM,YAAe,GAAAF,OAAA;AAAA,MACnBG,cAAA,CAAS,MAAM,SAAS,CAAA,GAAI,GAAG,KAAM,CAAA,SAAS,OAAO,KAAM,CAAA,SAAA;AAAA,KAC7D,CAAA;AAEA,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,GACnB,YAAe,GAAA,EAAA,GAAK,MAAM,KAAM,CAAA,MAAA,GAAS,KAAK,CAChD,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,SACK,MAAA;AACL,UAAa,YAAA,CAAA,KAAA,GAAQD,eAAS,KAAM,CAAA,SAAS,IACzC,CAAG,EAAA,KAAA,CAAM,SAAS,CAAA,EAAA,CAAA,GAClB,KAAM,CAAA,SAAA,CAAA;AAAA,SACZ;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  >\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -20,5 +20,9 @@ export declare const dialogProps: {
         type: StringConstructor;
         default: string;
     };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export type DialogProps = ExtractPropTypes<typeof dialogProps>;

package/lib/dialog/src/props.js

@@ -24,6 +24,10 @@ const dialogProps = {
   maxHeight: {
     type: String,
     default: ""
+  },
+  draggable: {
+    type: Boolean,
+    default: true
   }
 };
 

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}\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;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}\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;;;;"}

package/lib/file-input/src/file-input.vue2.js

@@ -52,9 +52,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       const _component_el_button = vue.resolveComponent("el-button");
       const _component_el_input = vue.resolveComponent("el-input");
+      const _component_dk_icon = vue.resolveComponent("dk-icon");
+      const _component_el_image = vue.resolveComponent("el-image");
       const _component_Picture = vue.resolveComponent("Picture");
       const _component_el_icon = vue.resolveComponent("el-icon");
-      const _component_el_image = vue.resolveComponent("el-image");
       const _component_Close = vue.resolveComponent("Close");
       const _component_Plus = vue.resolveComponent("Plus");
       const _component_dk_attachment_dialog = vue.resolveComponent("dk-attachment-dialog");
@@ -99,13 +100,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 }, {
                   error: vue.withCtx(() => [
                     vue.createElementVNode("div", _hoisted_2, [
-                      vue.createVNode(_component_el_icon, null, {
-                        default: vue.withCtx(() => [
-                          vue.createVNode(_component_Picture)
-                        ]),
-                        _: 1
-                        /* STABLE */
-                      })
+                      vue.createVNode(_component_dk_icon, { icon: "Picture" })
                     ])
                   ]),
                   _: 1
@@ -119,13 +114,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("em", {
                   onClick: _cache[1] || (_cache[1] = ($event) => input.value = "")
                 }, [
-                  vue.createVNode(_component_el_icon, null, {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(_component_Close)
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  })
+                  vue.createVNode(_component_dk_icon, { icon: "Close" })
                 ])
               ])
             ],

package/lib/file-input/src/file-input.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-input.vue2.js","sources":["../../../src/file-input/src/file-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkFileInput',\n});\n</script>\n<template>\n  <div :class=\"bem()\">\n    <!--↓↓↓↓显示input框↓↓↓↓-->\n    <template v-if=\"showInput\">\n      <el-input v-model=\"input\" :placeholder=\"placeholder\" clearable>\n        <template #append>\n          <el-button @click=\"onClick\">选择</el-button>\n        </template>\n      </el-input>\n      <!--选择的是图片-->\n      <div class=\"show m-t-5px\">\n        <el-image\n          v-if=\"type === 1\"\n          :src=\"input\"\n          alt=\"\"\n          fit=\"contain\"\n          class=\"file rd-4px\"\n          :preview-src-list=\"[input]\"\n        >\n          <template #error>\n            <div class=\"image-error\">\n              <el-icon><Picture /></el-icon>\n            </div>\n          </template>\n        </el-image>\n\n        <dk-file-icon\n          v-else\n          :file-url=\"input\"\n          class=\"file rd-4px\"\n          :type=\"type\"\n        />\n        <em @click=\"input = ''\">\n          <el-icon><Close /></el-icon>\n        </em>\n      </div>\n    </template>\n    <!--↓↓↓↓不显示input框↓↓↓↓-->\n    <template v-else>\n      <div\n        class=\"only-img flex justify-center items-center\"\n        style=\"position: relative\"\n        :style=\"{ width: imgSize + 'px', height: imgSize + 'px' }\"\n        @click=\"onClick\"\n      >\n        <template v-if=\"input\">\n          <!--图片附件-->\n          <el-image\n            v-if=\"type === 1\"\n            :src=\"input\"\n            alt=\"\"\n            fit=\"contain\"\n            style=\"width: 100%; height: 100%\"\n          >\n            <template #error>\n              <div class=\"image-slot\">\n                <div class=\"no-image\">\n                  <el-icon><Picture /></el-icon>\n                </div>\n              </div>\n            </template>\n          </el-image>\n          <!--其他附件-->\n          <template v-if=\"type !== 1 && input\">\n            <dk-file-icon :file-url=\"input\" class=\"file rd-4px\" :type=\"type\" />\n          </template>\n          <div class=\"close\" @click.stop=\"onClear()\">\n            <el-icon><Close /></el-icon>\n          </div>\n        </template>\n        <!--没有上传的时候-->\n        <template v-else>\n          <div\n            class=\"media\"\n            :style=\"{\n              lineHeight: imgSize + 'px',\n              fontSize: imgSize / 2 + 'px',\n            }\"\n          >\n            <el-icon><Plus /></el-icon>\n          </div>\n        </template>\n      </div>\n    </template>\n    <dk-attachment-dialog\n      ref=\"attachmentDialog\"\n      :type=\"type\"\n      @confirm=\"onConfirm\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace } from '@vipl520/utils'\nimport { fileInputProps } from './props'\nimport { ref, watch } from 'vue'\nimport DkFileIcon from '../../attachment/src/file-icon.vue'\n\nconst [_, bem] = createNamespace('file-input')\n\n\n\nconst props = defineProps(fileInputProps)\nconst input = ref(props.modelValue)\nconst attachmentDialog = ref()\n\nconst emit = defineEmits(['input', 'update:modelValue', 'change'])\nwatch(\n  () => props.modelValue,\n  (val) => {\n    input.value = val\n  }\n)\n\nwatch(\n  () => input.value,\n  (val) => {\n    handleInput(val)\n  }\n)\n\nconst handleInput = (val: any) => {\n  emit('update:modelValue', val)\n  emit('input', val)\n  emit('change', val)\n}\n\nconst onClear = () => {\n  input.value = ''\n}\n\nconst onClick = () => {\n  attachmentDialog.value.open()\n}\n// 确认选中附件\nconst onConfirm = (chooseFileList: any) => {\n  input.value = chooseFileList[0].url\n}\n</script>\n"],"names":["__MACROS_defineComponent","createNamespace","ref","watch"],"mappings":";;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,aAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AAoGD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,YAAY,CAAA,CAAA;AAK7C,IAAM,MAAA,KAAA,GAAQC,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAClC,IAAA,MAAM,mBAAmBA,OAAI,EAAA,CAAA;AAG7B,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAA,KAAA,CAAM,KAAQ,GAAA,GAAA,CAAA;AAAA,OAChB;AAAA,KACF,CAAA;AAEA,IAAAA,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAA,WAAA,CAAY,GAAG,CAAA,CAAA;AAAA,OACjB;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,WAAA,GAAc,CAAC,GAAa,KAAA;AAChC,MAAA,IAAA,CAAK,qBAAqB,GAAG,CAAA,CAAA;AAC7B,MAAA,IAAA,CAAK,SAAS,GAAG,CAAA,CAAA;AACjB,MAAA,IAAA,CAAK,UAAU,GAAG,CAAA,CAAA;AAAA,KACpB,CAAA;AAEA,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,KAAA,CAAM,KAAQ,GAAA,EAAA,CAAA;AAAA,KAChB,CAAA;AAEA,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,gBAAA,CAAiB,MAAM,IAAK,EAAA,CAAA;AAAA,KAC9B,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,CAAC,cAAwB,KAAA;AACzC,MAAM,KAAA,CAAA,KAAA,GAAQ,cAAe,CAAA,CAAC,CAAE,CAAA,GAAA,CAAA;AAAA,KAClC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"file-input.vue2.js","sources":["../../../src/file-input/src/file-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkFileInput',\n});\n</script>\n<template>\n  <div :class=\"bem()\">\n    <!--↓↓↓↓显示input框↓↓↓↓-->\n    <template v-if=\"showInput\">\n      <el-input v-model=\"input\" :placeholder=\"placeholder\" clearable>\n        <template #append>\n          <el-button @click=\"onClick\">选择</el-button>\n        </template>\n      </el-input>\n      <!--选择的是图片-->\n      <div class=\"show m-t-5px\">\n        <el-image v-if=\"type === 1\" :src=\"input\" alt=\"\" fit=\"contain\" class=\"file rd-4px\" :preview-src-list=\"[input]\">\n          <template #error>\n            <div class=\"image-error\">\n              <dk-icon icon=\"Picture\"></dk-icon>\n            </div>\n          </template>\n        </el-image>\n        <dk-file-icon v-else :file-url=\"input\" class=\"file rd-4px\" :type=\"type\" />\n        <em @click=\"input = ''\">\n          <dk-icon icon=\"Close\"></dk-icon>\n        </em>\n      </div>\n    </template>\n    <!--↓↓↓↓不显示input框↓↓↓↓-->\n    <template v-else>\n      <div\n        class=\"only-img flex justify-center items-center\"\n        style=\"position: relative\"\n        :style=\"{ width: imgSize + 'px', height: imgSize + 'px' }\"\n        @click=\"onClick\"\n      >\n        <template v-if=\"input\">\n          <!--图片附件-->\n          <el-image v-if=\"type === 1\" :src=\"input\" alt=\"\" fit=\"contain\" style=\"width: 100%; height: 100%\">\n            <template #error>\n              <div class=\"image-slot\">\n                <div class=\"no-image\">\n                  <el-icon><Picture /></el-icon>\n                </div>\n              </div>\n            </template>\n          </el-image>\n          <!--其他附件-->\n          <template v-if=\"type !== 1 && input\">\n            <dk-file-icon :file-url=\"input\" class=\"file rd-4px\" :type=\"type\" />\n          </template>\n          <div class=\"close\" @click.stop=\"onClear()\">\n            <el-icon><Close /></el-icon>\n          </div>\n        </template>\n        <!--没有上传的时候-->\n        <template v-else>\n          <div\n            class=\"media\"\n            :style=\"{\n              lineHeight: imgSize + 'px',\n              fontSize: imgSize / 2 + 'px',\n            }\"\n          >\n            <el-icon><Plus /></el-icon>\n          </div>\n        </template>\n      </div>\n    </template>\n    <dk-attachment-dialog ref=\"attachmentDialog\" :type=\"type\" @confirm=\"onConfirm\" />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace } from '@vipl520/utils'\nimport { fileInputProps } from './props'\nimport { ref, watch } from 'vue'\nimport DkFileIcon from '../../attachment/src/file-icon.vue'\n\nconst [_, bem] = createNamespace('file-input')\n\n\n\nconst props = defineProps(fileInputProps)\nconst input = ref(props.modelValue)\nconst attachmentDialog = ref()\n\nconst emit = defineEmits(['input', 'update:modelValue', 'change'])\nwatch(\n  () => props.modelValue,\n  (val) => {\n    input.value = val\n  }\n)\n\nwatch(\n  () => input.value,\n  (val) => {\n    handleInput(val)\n  }\n)\n\nconst handleInput = (val: any) => {\n  emit('update:modelValue', val)\n  emit('input', val)\n  emit('change', val)\n}\n\nconst onClear = () => {\n  input.value = ''\n}\n\nconst onClick = () => {\n  attachmentDialog.value.open()\n}\n// 确认选中附件\nconst onConfirm = (chooseFileList: any) => {\n  input.value = chooseFileList[0].url\n}\n</script>\n"],"names":["__MACROS_defineComponent","createNamespace","ref","watch"],"mappings":";;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,aAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AA6ED,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,YAAY,CAAA,CAAA;AAK7C,IAAM,MAAA,KAAA,GAAQC,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAClC,IAAA,MAAM,mBAAmBA,OAAI,EAAA,CAAA;AAG7B,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAA,KAAA,CAAM,KAAQ,GAAA,GAAA,CAAA;AAAA,OAChB;AAAA,KACF,CAAA;AAEA,IAAAA,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAA,WAAA,CAAY,GAAG,CAAA,CAAA;AAAA,OACjB;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,WAAA,GAAc,CAAC,GAAa,KAAA;AAChC,MAAA,IAAA,CAAK,qBAAqB,GAAG,CAAA,CAAA;AAC7B,MAAA,IAAA,CAAK,SAAS,GAAG,CAAA,CAAA;AACjB,MAAA,IAAA,CAAK,UAAU,GAAG,CAAA,CAAA;AAAA,KACpB,CAAA;AAEA,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,KAAA,CAAM,KAAQ,GAAA,EAAA,CAAA;AAAA,KAChB,CAAA;AAEA,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,gBAAA,CAAiB,MAAM,IAAK,EAAA,CAAA;AAAA,KAC9B,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,CAAC,cAAwB,KAAA;AACzC,MAAM,KAAA,CAAA,KAAA,GAAQ,cAAe,CAAA,CAAC,CAAE,CAAA,GAAA,CAAA;AAAA,KAClC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-.dk-file-input{width:100%}.dk-file-input .image-error{font-size:40px;line-height:80px;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:auto;min-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}.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

@@ -3,8 +3,9 @@
   width: 100%;
 
   .image-error {
+    height: 70px;
     font-size: 40px;
-    line-height: 80px;
+    line-height: 70px;
     color: #999;
     text-align: center;
     background: var(--el-bg-color-page);
@@ -21,8 +22,7 @@
 
     .file {
       width: 80px;
-      height: auto;
-      min-height: 80px;
+      height: 80px;
       padding: 5px;
       border: 1px solid var(--el-border-color);
     }

package/lib/form/index.d.ts

@@ -11,7 +11,7 @@ export declare const Form: import("@vipl520/utils").WithInstall<{
             isSubmit?: boolean | undefined;
             extraConfig?: Record<string, any> | undefined;
             isLoading?: boolean | undefined;
-            minHeight?: string | number | undefined;
+            minHeight?: string | undefined;
             dialogWait?: boolean | undefined;
             key?: string | number | symbol | undefined;
             style?: unknown;
@@ -101,7 +101,7 @@ export declare const Form: import("@vipl520/utils").WithInstall<{
             };
             minHeight: {
                 default: string;
-                type: (StringConstructor | NumberConstructor)[];
+                type: StringConstructor;
             };
             isDialog: {
                 default: boolean;
@@ -112,7 +112,12 @@ export declare const Form: import("@vipl520/utils").WithInstall<{
                 type: BooleanConstructor;
             };
             dialog: {
-                default: () => {};
+                default: () => {
+                    width: string;
+                    fullscreen: boolean;
+                    minHeight: string;
+                    draggable: boolean;
+                };
                 type: ObjectConstructor;
             };
         }>> & {
@@ -138,7 +143,7 @@ export declare const Form: import("@vipl520/utils").WithInstall<{
             isSubmit: boolean;
             extraConfig: Record<string, any>;
             isLoading: boolean;
-            minHeight: string | number;
+            minHeight: string;
             dialogWait: boolean;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -187,7 +192,7 @@ export declare const Form: import("@vipl520/utils").WithInstall<{
         };
         minHeight: {
             default: string;
-            type: (StringConstructor | NumberConstructor)[];
+            type: StringConstructor;
         };
         isDialog: {
             default: boolean;
@@ -198,7 +203,12 @@ export declare const Form: import("@vipl520/utils").WithInstall<{
             type: BooleanConstructor;
         };
         dialog: {
-            default: () => {};
+            default: () => {
+                width: string;
+                fullscreen: boolean;
+                minHeight: string;
+                draggable: boolean;
+            };
             type: ObjectConstructor;
         };
     }>> & {
@@ -246,7 +256,7 @@ export declare const Form: import("@vipl520/utils").WithInstall<{
     };
     minHeight: {
         default: string;
-        type: (StringConstructor | NumberConstructor)[];
+        type: StringConstructor;
     };
     isDialog: {
         default: boolean;
@@ -257,7 +267,12 @@ export declare const Form: import("@vipl520/utils").WithInstall<{
         type: BooleanConstructor;
     };
     dialog: {
-        default: () => {};
+        default: () => {
+            width: string;
+            fullscreen: boolean;
+            minHeight: string;
+            draggable: boolean;
+        };
         type: ObjectConstructor;
     };
 }>> & {
@@ -283,7 +298,7 @@ export declare const Form: import("@vipl520/utils").WithInstall<{
     isSubmit: boolean;
     extraConfig: Record<string, any>;
     isLoading: boolean;
-    minHeight: string | number;
+    minHeight: string;
     dialogWait: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

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

@@ -25,7 +25,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     minHeight: {
         default: string;
-        type: (StringConstructor | NumberConstructor)[];
+        type: StringConstructor;
     };
     isDialog: {
         default: boolean;
@@ -36,7 +36,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
     };
     dialog: {
-        default: () => {};
+        default: () => {
+            width: string;
+            fullscreen: boolean;
+            minHeight: string;
+            draggable: boolean;
+        };
         type: ObjectConstructor;
     };
 }, {
@@ -76,7 +81,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     minHeight: {
         default: string;
-        type: (StringConstructor | NumberConstructor)[];
+        type: StringConstructor;
     };
     isDialog: {
         default: boolean;
@@ -87,7 +92,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
     };
     dialog: {
-        default: () => {};
+        default: () => {
+            width: string;
+            fullscreen: boolean;
+            minHeight: string;
+            draggable: boolean;
+        };
         type: ObjectConstructor;
     };
 }>> & {
@@ -103,7 +113,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     isSubmit: boolean;
     extraConfig: Record<string, any>;
     isLoading: boolean;
-    minHeight: string | number;
+    minHeight: string;
     dialogWait: boolean;
 }, {}>, {
     buttons?(_: {}): any;

package/lib/form/src/form.vue2.js

@@ -39,7 +39,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const fApi = vue.ref();
     const loading = vue.ref(true);
     const buttonLoading = vue.ref(false);
-    const minHeight = vue.computed(() => utils.isNumber(props.minHeight) ? `${props.minHeight}px` : props.minHeight);
     const showDialog = vue.ref(false);
     const formConfig = vue.computed(() => ({ ...config$1, ...props.extraConfig }));
     const { width } = core.useWindowSize();
@@ -51,6 +50,58 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         emit("update:modelValue", val || {});
       }
     );
+    const dialogWidth = vue.computed(() => {
+      let defaultWidth = "800px";
+      if (props.dialog?.width) {
+        defaultWidth = props.dialog?.width;
+      }
+      if (_formData.value?.config?.width) {
+        defaultWidth = _formData.value?.config?.width;
+      }
+      return width.value < 768 ? "100%" : defaultWidth;
+    });
+    const dialogStyle = vue.computed(() => {
+      const style = {
+        minHeight: void 0,
+        maxHeight: void 0
+      };
+      if (props.dialog?.minHeight) {
+        style.minHeight = props.dialog?.minHeight;
+      }
+      if (props.dialog?.maxHeight) {
+        style.maxHeight = props.dialog?.maxHeight;
+      }
+      if (_formData.value?.config?.minHeight) {
+        style.minHeight = _formData.value?.config?.minHeight;
+      }
+      if (_formData.value?.config?.maxHeight) {
+        style.maxHeight = _formData.value?.config?.maxHeight;
+      }
+      return style;
+    });
+    const draggable = vue.computed(() => {
+      let draggable2 = true;
+      if (props.dialog?.draggable) {
+        draggable2 = props.dialog?.draggable;
+      }
+      if (_formData.value?.config?.draggable !== void 0) {
+        draggable2 = _formData.value?.config?.draggable;
+      }
+      return draggable2;
+    });
+    const isFullscreen = vue.computed(() => {
+      let defaultFullscreen = false;
+      if (props.dialog?.width) {
+        defaultFullscreen = props.dialog?.fullscreen;
+      }
+      if (_formData.value?.config?.fullscreen) {
+        defaultFullscreen = _formData.value?.config?.fullscreen;
+      }
+      if (width.value < 768) {
+        defaultFullscreen = true;
+      }
+      return defaultFullscreen;
+    });
     const setFormData = (formData) => {
       value.value = null;
       _formData.value = formData;
@@ -139,16 +190,17 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         modelValue: showDialog.value,
         "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => showDialog.value = $event),
         title: _formData.value?.title ? _formData.value?.title : "\u8868\u5355",
-        width: vue.unref(width).value < 768 ? "100%" : "800px",
-        "default-fullscreen": vue.unref(width).value < 768,
+        width: dialogWidth.value,
+        "default-fullscreen": isFullscreen.value,
         "min-height": "200px",
+        draggable: draggable.value,
         "append-to-body": ""
       }, {
         default: vue.withCtx(() => [
           vue.createElementVNode(
             "div",
             {
-              style: vue.normalizeStyle({ minHeight: minHeight.value }),
+              style: vue.normalizeStyle(dialogStyle.value),
               class: "dk-form"
             },
             [
@@ -159,6 +211,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 rule: _formData.value.rules,
                 "handle-icon": false,
                 class: "formBox",
+                style: { "padding": "10px" },
                 "onUpdate:api": _cache[1] || (_cache[1] = ($event) => fApi.value = $event),
                 "onUpdate:value": _cache[2] || (_cache[2] = ($event) => value.value = $event)
               }, null, 8, ["modelValue", "option", "rule"]),
@@ -189,16 +242,15 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ],
             4
             /* STYLE */
-          ),
-          vue.createCommentVNode('    <div v-else :style="{ minHeight }"></div>')
+          )
         ]),
         _: 3
         /* FORWARDED */
-      }, 8, ["modelValue", "title", "width", "default-fullscreen"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+      }, 8, ["modelValue", "title", "width", "default-fullscreen", "draggable"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode(
           "div",
           {
-            style: vue.normalizeStyle({ minHeight: minHeight.value }),
+            style: vue.normalizeStyle({ minHeight: _ctx.minHeight }),
             class: "dk-form"
           },
           [