@vipl520/dk-ui 1.0.42 → 1.0.45

package/lib/api/attachment.js.map

@@ -1 +1 @@
-{"version":3,"file":"attachment.js","sources":["../../src/api/attachment.ts"],"sourcesContent":["import { request } from '@vipl520/utils'\n\n/** ************************************************************** 附件 ***************************************************************/\n\n// 获取附件列表\nexport function getAttachmentList(\n  page: number,\n  size: number,\n  type: number = 1,\n  groupId: number,\n  search: any\n) {\n  search.group_id = groupId\n  search.type = type\n  return request({\n    method: 'post',\n    url: '/adminapi/attachment/list',\n    data: { page, size, search },\n  })\n}\n\n// 上传附件\n// export function UploadAttachment(page, size, type = 1, groupId, search) {\n//   return request({\n//     method: 'post',\n//     url: '/adminapi/attachment/upload',\n//     data: { page, size, type, groupId, search }\n//   })\n// }\n\n// 上传附件\nexport function UploadAttachment(file: any, type = 1, groupId = 0) {\n  const formData = new FormData()\n  formData.append('file', file)\n  formData.append('type', type.toString())\n  formData.append('file', 'file')\n  formData.append('group_id', groupId.toString())\n  return request({\n    method: 'post',\n    url: '/adminapi/attachment/upload',\n    data: formData,\n  })\n}\n\n// 获取编辑表单\nexport function getAttachmentEdit(id: number) {\n  return request({\n    method: 'get',\n    url: '/adminapi/attachment/index/' + id + '/edit',\n  })\n}\n\nexport function deleteAttachment(ids: number[]) {\n  return request(\n    {\n      method: 'post',\n      url: '/adminapi/attachment/delete',\n      data: { ids },\n    },\n    {\n      code_success_show: true,\n    }\n  )\n}\n\nexport function moveAttachment(ids: number[], groupId: number) {\n  return request({\n    method: 'post',\n    url: '/adminapi/attachment/move',\n    data: { ids, group_id: groupId },\n  })\n}\n\n/** ************************************************************** 附件分组 ***************************************************************/\n\n// 获取附件分组\nexport function getAttachmentGroupList(type: number) {\n  return request(\n    {\n      method: 'get',\n      url: '/adminapi/attachment/group',\n      params: { type },\n    },\n    {\n      code_error_show: true,\n    }\n  )\n}\n\n// 获取表单\nexport function getAttachmentGroupForm(id: number) {\n  if (id) {\n    return request({\n      method: 'get',\n      url: '/adminapi/attachment/group/' + id + '/edit',\n    })\n  } else {\n    return request({\n      method: 'get',\n      url: '/adminapi/attachment/group/create',\n    })\n  }\n}\n\n// 删除分组\nexport function delAttachmentGroup(id: number) {\n  return request(\n    {\n      method: 'delete',\n      url: '/adminapi/attachment/group/' + id,\n    },\n    {\n      code_error_show: true,\n    }\n  )\n}\n"],"names":["request"],"mappings":"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"}
+{"version":3,"file":"attachment.js","sources":["../../src/api/attachment.ts"],"sourcesContent":["import { request } from '@vipl520/utils'\n\n/** ************************************************************** 附件 ***************************************************************/\n\n// 获取附件列表\nexport function getAttachmentList(page: number, size: number, type: number = 1, groupId: number, search: any) {\n  search.group_id = groupId\n  search.type = type\n  return request({\n    method: 'post',\n    url: '/adminapi/attachment/list',\n    data: { page, size, search },\n  })\n}\n\n// 上传附件\n// export function UploadAttachment(page, size, type = 1, groupId, search) {\n//   return request({\n//     method: 'post',\n//     url: '/adminapi/attachment/upload',\n//     data: { page, size, type, groupId, search }\n//   })\n// }\n\n// 上传附件\nexport function UploadAttachment(file: any, type = 1, groupId = 0) {\n  const formData = new FormData()\n  formData.append('file', file)\n  formData.append('type', type.toString())\n  formData.append('file', 'file')\n  formData.append('group_id', groupId.toString())\n  return request({\n    method: 'post',\n    url: '/adminapi/attachment/upload',\n    data: formData,\n  })\n}\n\n// 获取编辑表单\nexport function getAttachmentEdit(id: number) {\n  return request({\n    method: 'get',\n    url: '/adminapi/attachment/index/' + id + '/edit',\n  })\n}\n\nexport function deleteAttachment(ids: number[]) {\n  return request(\n    {\n      method: 'post',\n      url: '/adminapi/attachment/delete',\n      data: { ids },\n    },\n    {\n      code_success_show: true,\n    }\n  )\n}\n\nexport function moveAttachment(ids: number[], groupId: number) {\n  return request({\n    method: 'post',\n    url: '/adminapi/attachment/move',\n    data: { ids, group_id: groupId },\n  })\n}\n\n/** ************************************************************** 附件分组 ***************************************************************/\n\n// 获取附件分组\nexport function getAttachmentGroupList(type: number) {\n  return request(\n    {\n      method: 'get',\n      url: '/adminapi/attachment/group',\n      params: { type },\n    },\n    {\n      code_error_show: true,\n    }\n  )\n}\n\n// 获取表单\nexport function getAttachmentGroupForm(id: number) {\n  if (id) {\n    return request({\n      method: 'get',\n      url: '/adminapi/attachment/group/' + id + '/edit',\n    })\n  } else {\n    return request({\n      method: 'get',\n      url: '/adminapi/attachment/group/create',\n    })\n  }\n}\n\n// 删除分组\nexport function delAttachmentGroup(id: number) {\n  return request(\n    {\n      method: 'delete',\n      url: '/adminapi/attachment/group/' + id,\n    },\n    {\n      code_error_show: true,\n    }\n  )\n}\n"],"names":["request"],"mappings":"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"}

package/lib/attachment/src/attachment.vue.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var attachment_vue_vue_type_script_setup_true_lang = require('./attachment.vue2.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-var _Attachment = /* @__PURE__ */ _pluginVue_exportHelper.default(attachment_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-vlib-starter\\dkgs-ui-doc\\packages\\dk-ui\\src\\attachment\\src\\attachment.vue"]]);
+var _Attachment = /* @__PURE__ */ _pluginVue_exportHelper.default(attachment_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\attachment\\src\\attachment.vue"]]);
 
 exports.default = _Attachment;
 //# sourceMappingURL=attachment.vue.js.map

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

@@ -214,13 +214,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const onGetAttachmentList = async (search = {}) => {
       clearChoose();
       try {
-        const res = await attachment.getAttachmentList(
-          page.value,
-          size.value,
-          _type.value,
-          groupId.value,
-          search
-        );
+        const res = await attachment.getAttachmentList(page.value, size.value, _type.value, groupId.value, search);
         list.value = res.data;
         count.value = res.msg;
         loading.value = false;

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\n          v-model=\"searchFileName\"\n          placeholder=\"请输入附件名称\"\n          class=\"input-with-select\"\n        >\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\">\n            移动\n          </el-button>\n          <template #dropdown>\n            <el-dropdown-menu>\n              <el-dropdown-item\n                v-for=\"(item, key) in groupList\"\n                :key=\"key\"\n                :command=\"item.id\"\n              >\n                {{ item.name }}\n              </el-dropdown-item>\n            </el-dropdown-menu>\n          </template>\n        </el-dropdown>\n        <el-button\n          type=\"danger\"\n          :disabled=\"chooseFileKey.length <= 0\"\n          @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\"\n            >上传<i class=\"el-icon-upload el-icon--right\"></i\n          ></el-button>\n        </el-upload>\n      </div>\n    </div>\n    <!--内部-->\n    <div class=\"attachment-content flex\">\n      <!-- 分组-->\n      <div class=\"attachment-group\">\n        <h5\n          class=\"cursor-pointer flex items-center content-center\"\n          @click=\"addGroup()\"\n        >\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\n              v-if=\"item.id === groupId\"\n              icon=\"flat-color-icons:opened-folder\"\n            />\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()\"\n                  >编辑\n                </el-button>\n                <el-button size=\"small\" type=\"danger\" @click=\"delGroup(item.id)\"\n                  >删除</el-button\n                >\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\n            class=\"attachment-list cl\"\n            :style=\"{ overflow: list.length > 10 ? 'auto' : '' }\"\n          >\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\n                  v-if=\"item.type === 1\"\n                  class=\"file\"\n                  :src=\"item.url\"\n                  fit=\"contain\"\n                >\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\n          v-else\n          style=\"\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            height: 340px;\n          \"\n        >\n          <el-empty description=\"暂无数据\" />\n        </div>\n        <dk-form\n          ref=\"groupForm\"\n          :key=\"groupId\"\n          :form-url=\"groupFormUrl\"\n          :is-dialog=\"true\"\n          @submit=\"onsubmit()\"\n        />\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:\n        globalConfig.ApiUrl +\n        '/adminapi/attachment/group/' +\n        groupId.value +\n        '/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(\n      page.value,\n      size.value,\n      _type.value,\n      groupId.value,\n      search\n    )\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/attachment/src/file-icon.vue.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var fileIcon_vue_vue_type_script_setup_true_lang = require('./file-icon.vue2.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-var DkFileIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(fileIcon_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-vlib-starter\\dkgs-ui-doc\\packages\\dk-ui\\src\\attachment\\src\\file-icon.vue"]]);
+var DkFileIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(fileIcon_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\attachment\\src\\file-icon.vue"]]);
 
 exports.default = DkFileIcon;
 //# sourceMappingURL=file-icon.vue.js.map

package/lib/attachment-dialog/src/attachment-dialog.vue.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var attachmentDialog_vue_vue_type_script_setup_true_lang = require('./attachment-dialog.vue2.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-var _AttachmentDialog = /* @__PURE__ */ _pluginVue_exportHelper.default(attachmentDialog_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-vlib-starter\\dkgs-ui-doc\\packages\\dk-ui\\src\\attachment-dialog\\src\\attachment-dialog.vue"]]);
+var _AttachmentDialog = /* @__PURE__ */ _pluginVue_exportHelper.default(attachmentDialog_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\attachment-dialog\\src\\attachment-dialog.vue"]]);
 
 exports.default = _AttachmentDialog;
 //# sourceMappingURL=attachment-dialog.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"attachment-dialog.vue2.js","sources":["../../../src/attachment-dialog/src/attachment-dialog.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkAttachmentDialog',\n});\n</script>\n<template>\n  <DkDialog\n    v-model=\"dialogVisible\"\n    :class=\"bem()\"\n    :title=\"title\"\n    width=\"1040px\"\n    :fullscreen=\"false\"\n    :z-index=\"zIndex\"\n  >\n    <dk-attachment ref=\"attachment\" :type=\"_type\" />\n    <div class=\"text-center m2\">\n      <el-button type=\"primary\" @click=\"confirm()\">确定</el-button>\n      <el-button @click=\"cancel()\">关闭</el-button>\n    </div>\n  </DkDialog>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  createNamespace,\n  getAttachmentTitle,\n  getAttachmentType,\n} from '@vipl520/utils'\nimport { attachmentDialogProps } from './props'\nimport { ref } from 'vue'\nimport { ElMessage } from 'element-plus'\nconst [_, bem] = createNamespace('attachment-dialog')\n\n\n\nconst props = defineProps(attachmentDialogProps)\nconst attachment = ref()\nconst dialogVisible = ref(false)\nconst title = ref(props.title || getAttachmentTitle(props.type))\n\nconst _type = ref(getAttachmentType(props.type))\n\nconst emit = defineEmits(['confirm'])\n\nconst confirm = () => {\n  if (attachment.value.chooseFileList.length > 0) {\n    emit('confirm', attachment.value.chooseFileList || [])\n    dialogVisible.value = false\n  } else {\n    ElMessage.warning({ message: '请先选择文件' })\n  }\n}\n\n// 关闭\nconst cancel = () => {\n  dialogVisible.value = false\n}\n\nconst open = () => {\n  dialogVisible.value = true\n}\n\ndefineExpose({\n  dialogVisible,\n  attachment,\n  cancel,\n  open,\n})\n</script>\n"],"names":["__MACROS_defineComponent","createNamespace","ref","getAttachmentTitle","getAttachmentType","ElMessage"],"mappings":";;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,oBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AA4BD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,mBAAmB,CAAA,CAAA;AAKpD,IAAA,MAAM,aAAaC,OAAI,EAAA,CAAA;AACvB,IAAM,MAAA,aAAA,GAAgBA,QAAI,KAAK,CAAA,CAAA;AAC/B,IAAA,MAAM,QAAQA,OAAI,CAAA,KAAA,CAAM,SAASC,wBAAmB,CAAA,KAAA,CAAM,IAAI,CAAC,CAAA,CAAA;AAE/D,IAAA,MAAM,KAAQ,GAAAD,OAAA,CAAIE,uBAAkB,CAAA,KAAA,CAAM,IAAI,CAAC,CAAA,CAAA;AAI/C,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,IAAI,UAAW,CAAA,KAAA,CAAM,cAAe,CAAA,MAAA,GAAS,CAAG,EAAA;AAC9C,QAAA,IAAA,CAAK,SAAW,EAAA,UAAA,CAAW,KAAM,CAAA,cAAA,IAAkB,EAAE,CAAA,CAAA;AACrD,QAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AAAA,OACjB,MAAA;AACL,QAAAC,qBAAA,CAAU,OAAQ,CAAA,EAAE,OAAS,EAAA,sCAAA,EAAU,CAAA,CAAA;AAAA,OACzC;AAAA,KACF,CAAA;AAGA,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AAAA,KACxB,CAAA;AAEA,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,aAAA,CAAc,KAAQ,GAAA,IAAA,CAAA;AAAA,KACxB,CAAA;AAEA,IAAa,QAAA,CAAA;AAAA,MACX,aAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,IAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"attachment-dialog.vue2.js","sources":["../../../src/attachment-dialog/src/attachment-dialog.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkAttachmentDialog',\n});\n</script>\n<template>\n  <DkDialog v-model=\"dialogVisible\" :class=\"bem()\" :title=\"title\" width=\"1040px\" :fullscreen=\"false\" :z-index=\"zIndex\">\n    <dk-attachment ref=\"attachment\" :type=\"_type\" />\n    <div class=\"text-center m2\">\n      <el-button type=\"primary\" @click=\"confirm()\">确定</el-button>\n      <el-button @click=\"cancel()\">关闭</el-button>\n    </div>\n  </DkDialog>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace, getAttachmentTitle, getAttachmentType } from '@vipl520/utils'\nimport { attachmentDialogProps } from './props'\nimport { ref } from 'vue'\nimport { ElMessage } from 'element-plus'\nconst [_, bem] = createNamespace('attachment-dialog')\n\n\n\nconst props = defineProps(attachmentDialogProps)\nconst attachment = ref()\nconst dialogVisible = ref(false)\nconst title = ref(props.title || getAttachmentTitle(props.type))\n\nconst _type = ref(getAttachmentType(props.type))\n\nconst emit = defineEmits(['confirm'])\n\nconst confirm = () => {\n  if (attachment.value.chooseFileList.length > 0) {\n    emit('confirm', attachment.value.chooseFileList || [])\n    dialogVisible.value = false\n  } else {\n    ElMessage.warning({ message: '请先选择文件' })\n  }\n}\n\n// 关闭\nconst cancel = () => {\n  dialogVisible.value = false\n}\n\nconst open = () => {\n  dialogVisible.value = true\n}\n\ndefineExpose({\n  dialogVisible,\n  attachment,\n  cancel,\n  open,\n})\n</script>\n"],"names":["__MACROS_defineComponent","createNamespace","ref","getAttachmentTitle","getAttachmentType","ElMessage"],"mappings":";;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,oBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AAiBD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,mBAAmB,CAAA,CAAA;AAKpD,IAAA,MAAM,aAAaC,OAAI,EAAA,CAAA;AACvB,IAAM,MAAA,aAAA,GAAgBA,QAAI,KAAK,CAAA,CAAA;AAC/B,IAAA,MAAM,QAAQA,OAAI,CAAA,KAAA,CAAM,SAASC,wBAAmB,CAAA,KAAA,CAAM,IAAI,CAAC,CAAA,CAAA;AAE/D,IAAA,MAAM,KAAQ,GAAAD,OAAA,CAAIE,uBAAkB,CAAA,KAAA,CAAM,IAAI,CAAC,CAAA,CAAA;AAI/C,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,IAAI,UAAW,CAAA,KAAA,CAAM,cAAe,CAAA,MAAA,GAAS,CAAG,EAAA;AAC9C,QAAA,IAAA,CAAK,SAAW,EAAA,UAAA,CAAW,KAAM,CAAA,cAAA,IAAkB,EAAE,CAAA,CAAA;AACrD,QAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AAAA,OACjB,MAAA;AACL,QAAAC,qBAAA,CAAU,OAAQ,CAAA,EAAE,OAAS,EAAA,sCAAA,EAAU,CAAA,CAAA;AAAA,OACzC;AAAA,KACF,CAAA;AAGA,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AAAA,KACxB,CAAA;AAEA,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,aAAA,CAAc,KAAQ,GAAA,IAAA,CAAA;AAAA,KACxB,CAAA;AAEA,IAAa,QAAA,CAAA;AAAA,MACX,aAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,IAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"props.js","sources":["../../../src/attachment-dialog/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\nimport { attachmentProps } from '../../attachment'\n\nexport const attachmentDialogProps = {\n  ...attachmentProps,\n  title: {\n    type: String,\n    default: '',\n  },\n  zIndex: {\n    type: Number,\n    default: 1299,\n  },\n}\n\nexport type AttachmentDialogProps = ExtractPropTypes<\n  typeof attachmentDialogProps\n>\n"],"names":["attachmentProps"],"mappings":";;;;;AAGO,MAAM,qBAAwB,GAAA;AAAA,EACnC,GAAGA,qBAAA;AAAA,EACH,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF;;;;"}
+{"version":3,"file":"props.js","sources":["../../../src/attachment-dialog/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\nimport { attachmentProps } from '../../attachment'\n\nexport const attachmentDialogProps = {\n  ...attachmentProps,\n  title: {\n    type: String,\n    default: '',\n  },\n  zIndex: {\n    type: Number,\n    default: 1299,\n  },\n}\n\nexport type AttachmentDialogProps = ExtractPropTypes<typeof attachmentDialogProps>\n"],"names":["attachmentProps"],"mappings":";;;;;AAGO,MAAM,qBAAwB,GAAA;AAAA,EACnC,GAAGA,qBAAA;AAAA,EACH,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF;;;;"}

package/lib/audio-input/src/audio-input.vue.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var audioInput_vue_vue_type_script_setup_true_lang = require('./audio-input.vue2.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-var _AudioInput = /* @__PURE__ */ _pluginVue_exportHelper.default(audioInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-vlib-starter\\dkgs-ui-doc\\packages\\dk-ui\\src\\audio-input\\src\\audio-input.vue"]]);
+var _AudioInput = /* @__PURE__ */ _pluginVue_exportHelper.default(audioInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\audio-input\\src\\audio-input.vue"]]);
 
 exports.default = _AudioInput;
 //# sourceMappingURL=audio-input.vue.js.map

package/lib/audio-list-input/src/audio-list-input.vue.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var audioListInput_vue_vue_type_script_setup_true_lang = require('./audio-list-input.vue2.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-var _AudioListInput = /* @__PURE__ */ _pluginVue_exportHelper.default(audioListInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-vlib-starter\\dkgs-ui-doc\\packages\\dk-ui\\src\\audio-list-input\\src\\audio-list-input.vue"]]);
+var _AudioListInput = /* @__PURE__ */ _pluginVue_exportHelper.default(audioListInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\audio-list-input\\src\\audio-list-input.vue"]]);
 
 exports.default = _AudioListInput;
 //# sourceMappingURL=audio-list-input.vue.js.map

package/lib/audio-list-input/src/audio-list-input.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"audio-list-input.vue2.js","sources":["../../../src/audio-list-input/src/audio-list-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkAudioListInput',\n});\n</script>\n<template>\n  <dk-file-list-input\n    v-bind=\"$props\"\n    v-model=\"input\"\n    :class=\"bem()\"\n    :type=\"2\"\n    @change=\"handleInput(input)\"\n  />\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace } from '@vipl520/utils'\nimport { audioListInputProps } from './props'\nimport { ref, watch } from 'vue'\nconst [_, bem] = createNamespace('audio-list-input')\n\n\n\nconst props = defineProps(audioListInputProps)\nconst input = ref(props.modelValue)\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</script>\n"],"names":["__MACROS_defineComponent","createNamespace","ref","watch"],"mappings":";;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,kBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AAgBD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,kBAAkB,CAAA,CAAA;AAKnD,IAAM,MAAA,KAAA,GAAQC,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAGlC,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;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"audio-list-input.vue2.js","sources":["../../../src/audio-list-input/src/audio-list-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkAudioListInput',\n});\n</script>\n<template>\n  <dk-file-list-input v-bind=\"$props\" v-model=\"input\" :class=\"bem()\" :type=\"2\" @change=\"handleInput(input)\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace } from '@vipl520/utils'\nimport { audioListInputProps } from './props'\nimport { ref, watch } from 'vue'\nconst [_, bem] = createNamespace('audio-list-input')\n\n\n\nconst props = defineProps(audioListInputProps)\nconst input = ref(props.modelValue)\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</script>\n"],"names":["__MACROS_defineComponent","createNamespace","ref","watch"],"mappings":";;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,kBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AAUD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,kBAAkB,CAAA,CAAA;AAKnD,IAAM,MAAA,KAAA,GAAQC,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAGlC,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;;;;;;;;;;;;;;;;"}

package/lib/box-size-input/src/box-size-input.vue.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var boxSizeInput_vue_vue_type_script_setup_true_lang = require('./box-size-input.vue2.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-var _BoxSizeInput = /* @__PURE__ */ _pluginVue_exportHelper.default(boxSizeInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-vlib-starter\\dkgs-ui-doc\\packages\\dk-ui\\src\\box-size-input\\src\\box-size-input.vue"]]);
+var _BoxSizeInput = /* @__PURE__ */ _pluginVue_exportHelper.default(boxSizeInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\box-size-input\\src\\box-size-input.vue"]]);
 
 exports.default = _BoxSizeInput;
 //# sourceMappingURL=box-size-input.vue.js.map

package/lib/box-size-input/src/box-size-input.vue2.js

@@ -199,7 +199,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           vue.withDirectives(vue.createElementVNode(
             "div",
             {
-              class: vue.normalizeClass(vue.unref(width).value > 500 ? "" : "")
+              class: vue.normalizeClass(vue.unref(width) > 500 ? "" : "")
             },
             [
               (vue.openBlock(true), vue.createElementBlock(
@@ -220,7 +220,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       _: 2
                       /* DYNAMIC */
                     }, [
-                      vue.unref(width).value > 600 || vue.unref(width).value < 500 ? {
+                      vue.unref(width) > 600 || vue.unref(width) < 500 ? {
                         name: "prefix",
                         fn: vue.withCtx(() => [
                           vue.createElementVNode("span", {

package/lib/box-size-input/src/box-size-input.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"box-size-input.vue2.js","sources":["../../../src/box-size-input/src/box-size-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkBoxSizeInput',\n});\n</script>\n<template>\n  <div ref=\"el\" class=\"dk-box-size-input\">\n    <div v-show=\"!isMerge\" :class=\"width.value > 500 ? '' : ''\">\n      <div v-for=\"(item, key) in inputList\" :key=\"key\" style=\"display: flex\">\n        <el-input\n          v-model=\"positions[item.position]\"\n          type=\"number\"\n          :controls=\"false\"\n          :disabled=\"unit[item.position] == 'auto'\"\n        >\n          <template v-if=\"width.value > 600 || width.value < 500\" #prefix>\n            <span\n              class=\"w-resize\"\n              @mousemove=\"handleMouseMove\"\n              @mousedown=\"handleMouseDown(item.position, $event)\"\n              @mouseup=\"handleMouseUp\"\n            >\n              <el-tooltip\n                :hide-after=\"0\"\n                class=\"item\"\n                effect=\"dark\"\n                :content=\"item.name\"\n                placement=\"top-start\"\n                :disabled=\"disabledTooltip\"\n              >\n                <dk-icon :icon=\"item.icon\" />\n              </el-tooltip>\n            </span>\n          </template>\n          <!--        <template #append>-->\n          <!--          <el-select-v2 v-model=\"unit[item.position]\" :options=\"options\">-->\n          <!--          </el-select-v2>-->\n          <!--        </template>-->\n        </el-input>\n        <el-select-v2 v-model=\"unit[item.position]\" :options=\"options\"> </el-select-v2>\n      </div>\n    </div>\n    <div v-show=\"isMerge\" style=\"display: flex\">\n      <el-input\n        v-model=\"positions.all\"\n        type=\"number\"\n        :controls=\"false\"\n        :disabled=\"unit.all === 'auto'\"\n        :clearable=\"props.clearable\"\n      >\n        <template #prefix>\n          <span\n            class=\"w-resize\"\n            @mousemove=\"handleMouseMove\"\n            @mousedown=\"handleMouseDown('all', $event)\"\n            @mouseup=\"handleMouseUp\"\n          >\n            <dk-icon icon=\"Rank\"></dk-icon>\n          </span>\n        </template>\n      </el-input>\n      <el-select-v2 v-model=\"unit.all\" :options=\"options\"> </el-select-v2>\n    </div>\n    <div v-if=\"props.showMerge\" class=\"dk-full\" @click=\"isMerge = !isMerge\">\n      <el-tooltip\n        class=\"item\"\n        effect=\"dark\"\n        :content=\"isMerge ? '独立配置' : '批量配置'\"\n        placement=\"top\"\n        :hide-after=\"0\"\n      >\n        <el-button v-if=\"isMerge\">\n          <dk-icon icon=\"streamline:interface-layout-border-horizontal-border-cell-center-format-formatting\"></dk-icon>\n        </el-button>\n        <el-button v-else>\n          <dk-icon icon=\"streamline:interface-layout-border-full-grid-layout-layouts-module\"></dk-icon>\n        </el-button>\n      </el-tooltip>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { boxSizeInputProps } from './props'\nimport { computed, onMounted, reactive, ref, watch } from 'vue'\nimport { useElementSize } from '@vueuse/core'\n\n\nconst props = defineProps(boxSizeInputProps)\nconst el: any = ref()\nconst { width } = useElementSize(el) // 当前组件宽度\n// First, second, third, fourth\nconst positions: any = reactive({\n  all: '',\n  // 一般用于padding、margin、border\n  first: '',\n  second: '',\n  third: '',\n  fourth: '',\n  // 一般用于radius\n})\n\nconst unit: any = reactive({\n  all: 'px',\n  first: 'rem',\n  second: 'px',\n  third: 'px',\n  fourth: 'px',\n})\n\nconst units = ['px', '%', 'rem', 'rm', 'vh', 'auto']\nconst position = ref('')\nconst isMerge = ref(props.defaultIsMerge)\nconst isDragging = ref(false)\nconst startX = ref(0)\nconst disabledTooltip = ref(false)\nconst trackMouseBound: any = ref(null)\nconst stopChangeBound: any = ref(null)\n\nconst options = computed(() => {\n  return units.map((item) => {\n    return {\n      label: item,\n      value: item,\n    }\n  })\n})\n\nconst inputList = computed(() => {\n  let list: any[]\n  if (props.type === 'radius') {\n    list = [\n      {\n        position: 'first',\n        name: '左上',\n        icon: 'ant-design:radius-upleft-outlined',\n      },\n      {\n        position: 'second',\n        name: '右上',\n        icon: 'ant-design:radius-upright-outlined',\n      },\n      {\n        position: 'fourth',\n        name: '左下',\n        icon: 'ant-design:radius-bottomleft-outlined',\n      },\n      {\n        position: 'third',\n        name: '左下',\n        icon: 'ant-design:radius-bottomright-outlined',\n      },\n    ]\n  } else {\n    list = [\n      { position: 'first', name: '上', icon: 'ArrowUp' },\n      { position: 'second', name: '右', icon: 'ArrowRight' },\n      { position: 'third', name: '下', icon: 'ArrowDown' },\n      { position: 'fourth', name: '左', icon: 'ArrowLeft' },\n    ]\n  }\n  return list\n})\nconst emit = defineEmits(['update:modelValue'])\n\nconst handleMouseDown = (_position: any, event: any) => {\n  isDragging.value = true\n  startX.value = event.clientX\n  position.value = _position\n  trackMouseBound.value = handleMouseMove.bind(event)\n  stopChangeBound.value = handleMouseUp.bind(event)\n  document.addEventListener('mousemove', trackMouseBound.value)\n  document.addEventListener('mouseup', stopChangeBound.value)\n  document.body.style.cursor = 'ew-resize'\n}\n\nconst handleMouseMove = (event: any) => {\n  if (isDragging.value) {\n    positions[position.value] = event.clientX - startX.value\n  }\n}\n\nconst handleMouseUp = () => {\n  document.removeEventListener('mousemove', trackMouseBound.value)\n  document.removeEventListener('mouseup', stopChangeBound.value)\n  document.body.style.cursor = 'default'\n  isDragging.value = false\n  position.value = ''\n}\n\nconst initValue = () => {\n  const getUnit = (value: string) => {\n    let unit = 'px'\n    units.forEach((item) => {\n      if (value.includes(item)) {\n        unit = item\n      }\n    })\n    return unit\n  }\n\n  const arr = props.modelValue.split(' ') || ['0px']\n  let [first, second = first, third = first, fourth = second] = arr\n\n  if (arr.length === 4) {\n    isMerge.value = false\n  } else if (arr.length === 3) {\n    isMerge.value = false\n    fourth = ''\n  } else if (arr.length === 2) {\n    isMerge.value = false\n    third = first\n    fourth = second\n  } else {\n    isMerge.value = true\n    second = third = fourth = first\n  }\n\n  const positionValues: any = { first, second, third, fourth }\n  for (const pos in positionValues) {\n    positions[pos] = parseInt(positionValues[pos]) || 0\n    unit[pos] = getUnit(positionValues[pos])\n  }\n\n  if (isMerge.value) {\n    positions.all = positions.first\n    unit.all = unit.first\n  }\n}\n\n// 值的初始化\nwatch(\n  () => props.modelValue,\n  () => {\n    initValue()\n  }\n)\n\n// const sizeValue = computed(() => {\n//   if (isMerge.value) {\n//     if (unit.all === 'auto') {\n//       return 'auto'\n//       // emit('update:modelValue', 'auto')\n//     } else {\n//       // emit('update:modelValue', `${positions.all}${unit.all}`)\n//       return `${positions.all}${unit.all}`\n//     }\n//   } else {\n//     // 如果有一个值为auto，则为auto\n//     let value = ''\n//     for (const pos in unit) {\n//       if (pos === 'all') continue\n//       if (unit[pos] === 'auto') {\n//         value += 'auto '\n//       } else {\n//         value += `${positions[pos]}${unit[pos]} `\n//       }\n//     }\n//     // emit('update:modelValue', value.trim())\n//     return value.trim()\n//   }\n// })\n\nconst emitValue = () => {\n  if (isMerge.value) {\n    if (unit.all === 'auto') {\n      emit('update:modelValue', 'auto')\n    } else {\n      emit('update:modelValue', `${positions.all}${unit.all}`)\n    }\n  } else {\n    // 如果有一个值为auto，则为auto\n    let value = ''\n    for (const pos in unit) {\n      if (pos === 'all') continue\n      if (unit[pos] === 'auto') {\n        value += 'auto '\n      } else {\n        value += `${positions[pos]}${unit[pos]} `\n      }\n    }\n    emit('update:modelValue', value.trim())\n  }\n}\n\nwatch(positions, () => {\n  emitValue()\n})\nwatch(isMerge, () => {\n  emitValue()\n})\nwatch(unit, () => {\n  emitValue()\n})\n\n// watch(sizeValue, () => {\n//   console.log('sizeValue', sizeValue)\n//   emit('update:modelValue', sizeValue)\n// })\n\nonMounted(() => {\n  initValue()\n})\n</script>\n"],"names":["__MACROS_defineComponent","ref","useElementSize","reactive","computed","unit","watch","onMounted"],"mappings":"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"}
+{"version":3,"file":"box-size-input.vue2.js","sources":["../../../src/box-size-input/src/box-size-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkBoxSizeInput',\n});\n</script>\n<template>\n  <div ref=\"el\" class=\"dk-box-size-input\">\n    <div v-show=\"!isMerge\" :class=\"width > 500 ? '' : ''\">\n      <div v-for=\"(item, key) in inputList\" :key=\"key\" style=\"display: flex\">\n        <el-input\n          v-model=\"positions[item.position]\"\n          type=\"number\"\n          :controls=\"false\"\n          :disabled=\"unit[item.position] == 'auto'\"\n        >\n          <template v-if=\"width > 600 || width < 500\" #prefix>\n            <span\n              class=\"w-resize\"\n              @mousemove=\"handleMouseMove\"\n              @mousedown=\"handleMouseDown(item.position, $event)\"\n              @mouseup=\"handleMouseUp\"\n            >\n              <el-tooltip\n                :hide-after=\"0\"\n                class=\"item\"\n                effect=\"dark\"\n                :content=\"item.name\"\n                placement=\"top-start\"\n                :disabled=\"disabledTooltip\"\n              >\n                <dk-icon :icon=\"item.icon\" />\n              </el-tooltip>\n            </span>\n          </template>\n          <!--        <template #append>-->\n          <!--          <el-select-v2 v-model=\"unit[item.position]\" :options=\"options\">-->\n          <!--          </el-select-v2>-->\n          <!--        </template>-->\n        </el-input>\n        <el-select-v2 v-model=\"unit[item.position]\" :options=\"options\"> </el-select-v2>\n      </div>\n    </div>\n    <div v-show=\"isMerge\" style=\"display: flex\">\n      <el-input\n        v-model=\"positions.all\"\n        type=\"number\"\n        :controls=\"false\"\n        :disabled=\"unit.all === 'auto'\"\n        :clearable=\"props.clearable\"\n      >\n        <template #prefix>\n          <span\n            class=\"w-resize\"\n            @mousemove=\"handleMouseMove\"\n            @mousedown=\"handleMouseDown('all', $event)\"\n            @mouseup=\"handleMouseUp\"\n          >\n            <dk-icon icon=\"Rank\"></dk-icon>\n          </span>\n        </template>\n      </el-input>\n      <el-select-v2 v-model=\"unit.all\" :options=\"options\"> </el-select-v2>\n    </div>\n    <div v-if=\"props.showMerge\" class=\"dk-full\" @click=\"isMerge = !isMerge\">\n      <el-tooltip\n        class=\"item\"\n        effect=\"dark\"\n        :content=\"isMerge ? '独立配置' : '批量配置'\"\n        placement=\"top\"\n        :hide-after=\"0\"\n      >\n        <el-button v-if=\"isMerge\">\n          <dk-icon icon=\"streamline:interface-layout-border-horizontal-border-cell-center-format-formatting\"></dk-icon>\n        </el-button>\n        <el-button v-else>\n          <dk-icon icon=\"streamline:interface-layout-border-full-grid-layout-layouts-module\"></dk-icon>\n        </el-button>\n      </el-tooltip>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { boxSizeInputProps } from './props'\nimport { computed, onMounted, reactive, ref, watch } from 'vue'\nimport { useElementSize } from '@vueuse/core'\n\n\nconst props = defineProps(boxSizeInputProps)\nconst el: any = ref()\nconst { width } = useElementSize(el) // 当前组件宽度\n// First, second, third, fourth\nconst positions: any = reactive({\n  all: '',\n  // 一般用于padding、margin、border\n  first: '',\n  second: '',\n  third: '',\n  fourth: '',\n  // 一般用于radius\n})\n\nconst unit: any = reactive({\n  all: 'px',\n  first: 'rem',\n  second: 'px',\n  third: 'px',\n  fourth: 'px',\n})\n\nconst units = ['px', '%', 'rem', 'rm', 'vh', 'auto']\nconst position = ref('')\nconst isMerge = ref(props.defaultIsMerge)\nconst isDragging = ref(false)\nconst startX = ref(0)\nconst disabledTooltip = ref(false)\nconst trackMouseBound: any = ref(null)\nconst stopChangeBound: any = ref(null)\n\nconst options = computed(() => {\n  return units.map((item) => {\n    return {\n      label: item,\n      value: item,\n    }\n  })\n})\n\nconst inputList = computed(() => {\n  let list: any[]\n  if (props.type === 'radius') {\n    list = [\n      {\n        position: 'first',\n        name: '左上',\n        icon: 'ant-design:radius-upleft-outlined',\n      },\n      {\n        position: 'second',\n        name: '右上',\n        icon: 'ant-design:radius-upright-outlined',\n      },\n      {\n        position: 'fourth',\n        name: '左下',\n        icon: 'ant-design:radius-bottomleft-outlined',\n      },\n      {\n        position: 'third',\n        name: '左下',\n        icon: 'ant-design:radius-bottomright-outlined',\n      },\n    ]\n  } else {\n    list = [\n      { position: 'first', name: '上', icon: 'ArrowUp' },\n      { position: 'second', name: '右', icon: 'ArrowRight' },\n      { position: 'third', name: '下', icon: 'ArrowDown' },\n      { position: 'fourth', name: '左', icon: 'ArrowLeft' },\n    ]\n  }\n  return list\n})\nconst emit = defineEmits(['update:modelValue'])\n\nconst handleMouseDown = (_position: any, event: any) => {\n  isDragging.value = true\n  startX.value = event.clientX\n  position.value = _position\n  trackMouseBound.value = handleMouseMove.bind(event)\n  stopChangeBound.value = handleMouseUp.bind(event)\n  document.addEventListener('mousemove', trackMouseBound.value)\n  document.addEventListener('mouseup', stopChangeBound.value)\n  document.body.style.cursor = 'ew-resize'\n}\n\nconst handleMouseMove = (event: any) => {\n  if (isDragging.value) {\n    positions[position.value] = event.clientX - startX.value\n  }\n}\n\nconst handleMouseUp = () => {\n  document.removeEventListener('mousemove', trackMouseBound.value)\n  document.removeEventListener('mouseup', stopChangeBound.value)\n  document.body.style.cursor = 'default'\n  isDragging.value = false\n  position.value = ''\n}\n\nconst initValue = () => {\n  const getUnit = (value: string) => {\n    let unit = 'px'\n    units.forEach((item) => {\n      if (value.includes(item)) {\n        unit = item\n      }\n    })\n    return unit\n  }\n\n  const arr = props.modelValue.split(' ') || ['0px']\n  let [first, second = first, third = first, fourth = second] = arr\n\n  if (arr.length === 4) {\n    isMerge.value = false\n  } else if (arr.length === 3) {\n    isMerge.value = false\n    fourth = ''\n  } else if (arr.length === 2) {\n    isMerge.value = false\n    third = first\n    fourth = second\n  } else {\n    isMerge.value = true\n    second = third = fourth = first\n  }\n\n  const positionValues: any = { first, second, third, fourth }\n  for (const pos in positionValues) {\n    positions[pos] = parseInt(positionValues[pos]) || 0\n    unit[pos] = getUnit(positionValues[pos])\n  }\n\n  if (isMerge.value) {\n    positions.all = positions.first\n    unit.all = unit.first\n  }\n}\n\n// 值的初始化\nwatch(\n  () => props.modelValue,\n  () => {\n    initValue()\n  }\n)\n\n// const sizeValue = computed(() => {\n//   if (isMerge.value) {\n//     if (unit.all === 'auto') {\n//       return 'auto'\n//       // emit('update:modelValue', 'auto')\n//     } else {\n//       // emit('update:modelValue', `${positions.all}${unit.all}`)\n//       return `${positions.all}${unit.all}`\n//     }\n//   } else {\n//     // 如果有一个值为auto，则为auto\n//     let value = ''\n//     for (const pos in unit) {\n//       if (pos === 'all') continue\n//       if (unit[pos] === 'auto') {\n//         value += 'auto '\n//       } else {\n//         value += `${positions[pos]}${unit[pos]} `\n//       }\n//     }\n//     // emit('update:modelValue', value.trim())\n//     return value.trim()\n//   }\n// })\n\nconst emitValue = () => {\n  if (isMerge.value) {\n    if (unit.all === 'auto') {\n      emit('update:modelValue', 'auto')\n    } else {\n      emit('update:modelValue', `${positions.all}${unit.all}`)\n    }\n  } else {\n    // 如果有一个值为auto，则为auto\n    let value = ''\n    for (const pos in unit) {\n      if (pos === 'all') continue\n      if (unit[pos] === 'auto') {\n        value += 'auto '\n      } else {\n        value += `${positions[pos]}${unit[pos]} `\n      }\n    }\n    emit('update:modelValue', value.trim())\n  }\n}\n\nwatch(positions, () => {\n  emitValue()\n})\nwatch(isMerge, () => {\n  emitValue()\n})\nwatch(unit, () => {\n  emitValue()\n})\n\n// watch(sizeValue, () => {\n//   console.log('sizeValue', sizeValue)\n//   emit('update:modelValue', sizeValue)\n// })\n\nonMounted(() => {\n  initValue()\n})\n</script>\n"],"names":["__MACROS_defineComponent","ref","useElementSize","reactive","computed","unit","watch","onMounted"],"mappings":"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"}

package/lib/box-size-input/style/index.css

@@ -1 +1 @@
-.dk-box-size-input{display:flex;align-items:flex-start;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.dk-box-size-input .alone{display:flex}.dk-box-size-input .w-resize{display:flex;align-items:center;cursor:w-resize}.dk-box-size-input .el-input-group__append{padding:0}.dk-box-size-input .el-select-v2__suffix{display:none}.dk-box-size-input .el-select-v2__placeholder{width:100%}.dk-box-size-input .el-virtual-scrollbar{right:0!important;width:2px!important}
+.dk-box-size-input{display:flex;align-items:flex-start;justify-content:space-between;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dk-box-size-input .alone{display:flex}.dk-box-size-input .w-resize{display:flex;align-items:center;cursor:w-resize}.dk-box-size-input .el-input-group__append{padding:0}.dk-box-size-input .el-select-v2__suffix{display:none}.dk-box-size-input .el-select-v2__placeholder{width:100%}.dk-box-size-input .el-virtual-scrollbar{right:0!important;width:2px!important}

package/lib/box-size-input/style/index.scss

@@ -2,8 +2,8 @@
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
-  user-select: none;
   width: 100%;
+  user-select: none;
 
   .alone {
     display: flex;

package/lib/color-input/src/color-input.vue.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var colorInput_vue_vue_type_script_setup_true_lang = require('./color-input.vue2.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-var _ColorInput = /* @__PURE__ */ _pluginVue_exportHelper.default(colorInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-vlib-starter\\dkgs-ui-doc\\packages\\dk-ui\\src\\color-input\\src\\color-input.vue"]]);
+var _ColorInput = /* @__PURE__ */ _pluginVue_exportHelper.default(colorInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\color-input\\src\\color-input.vue"]]);
 
 exports.default = _ColorInput;
 //# sourceMappingURL=color-input.vue.js.map

package/lib/dialog/src/dialog.vue.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var dialog_vue_vue_type_script_setup_true_lang = require('./dialog.vue2.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-var _Dialog = /* @__PURE__ */ _pluginVue_exportHelper.default(dialog_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-vlib-starter\\dkgs-ui-doc\\packages\\dk-ui\\src\\dialog\\src\\dialog.vue"]]);
+var _Dialog = /* @__PURE__ */ _pluginVue_exportHelper.default(dialog_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\dialog\\src\\dialog.vue"]]);
 
 exports.default = _Dialog;
 //# sourceMappingURL=dialog.vue.js.map

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) => {

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    :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\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;;;;;;AA6DD,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    :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/style/index.css

@@ -1 +1 @@
-.dk-dialog .el-dialog__header{margin-right:0}.dk-dialog .el-dialog__body{padding:10px 20px}
+.dk-dialog .el-dialog__header{margin-right:0}.dk-dialog .el-dialog__body{padding:10px 0}

package/lib/dialog/style/index.scss

@@ -4,6 +4,6 @@
   }
 
   .el-dialog__body {
-    padding: 10px 20px;
+    padding: 10px 0;
   }
 }

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var fileInput_vue_vue_type_script_setup_true_lang = require('./file-input.vue2.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-var _FileInput = /* @__PURE__ */ _pluginVue_exportHelper.default(fileInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-vlib-starter\\dkgs-ui-doc\\packages\\dk-ui\\src\\file-input\\src\\file-input.vue"]]);
+var _FileInput = /* @__PURE__ */ _pluginVue_exportHelper.default(fileInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\file-input\\src\\file-input.vue"]]);
 
 exports.default = _FileInput;
 //# sourceMappingURL=file-input.vue.js.map

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              <dk-icon icon=\"Picture\"></dk-icon>\n            </div>\n          </template>\n        </el-image>\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          <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\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;;;;;;;AAmGD,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-list-input/src/file-list-input.vue.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var fileListInput_vue_vue_type_script_setup_true_lang = require('./file-list-input.vue2.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-var _FileListInput = /* @__PURE__ */ _pluginVue_exportHelper.default(fileListInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-vlib-starter\\dkgs-ui-doc\\packages\\dk-ui\\src\\file-list-input\\src\\file-list-input.vue"]]);
+var _FileListInput = /* @__PURE__ */ _pluginVue_exportHelper.default(fileListInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\file-list-input\\src\\file-list-input.vue"]]);
 
 exports.default = _FileListInput;
 //# sourceMappingURL=file-list-input.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"file-list-input.vue2.js","sources":["../../../src/file-list-input/src/file-list-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkFileListInput',\n});\n</script>\n<template>\n  <div :class=\"bem()\">\n    <div class=\"dk-image-list\">\n      <ul>\n        <li v-for=\"(item, key) in input\" :key=\"key\">\n          <div class=\"file\" :style=\"_style\">\n            <el-image\n              v-if=\"type === 1\"\n              :src=\"item\"\n              fit=\"contain\"\n              :style=\"_style\"\n            />\n            <dk-file-icon\n              v-else\n              :file-url=\"item\"\n              class=\"file rd-4px\"\n              :type=\"type\"\n            />\n            <div v-if=\"!disabled\" class=\"close\" @click=\"deleteFile(key)\">\n              <el-icon><Close /></el-icon>\n            </div>\n          </div>\n        </li>\n        <li v-if=\"limit > input.length && !disabled\">\n          <div class=\"chooseImage\" :style=\"_style\" @click=\"onClick()\">\n            <el-icon><Plus /></el-icon>\n          </div>\n        </li>\n      </ul>\n    </div>\n    <dk-attachment-dialog ref=\"attachment\" :type=\"type\" @confirm=\"onConfirm\" />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace } from '@vipl520/utils'\nimport { fileListInputProps } from './props'\nimport { computed, ref, watch } from 'vue'\nimport DkFileIcon from '../../attachment/src/file-icon.vue'\n\nconst [_, bem] = createNamespace('file-list-input')\n\n\n\nconst props = defineProps(fileListInputProps)\nconst emit = defineEmits(['input', 'update:modelValue', 'change'])\nconst input: any = ref(props.modelValue)\nconst _style = computed(() => {\n  return {\n    width: props.imgSize + 'px',\n    height: props.imgSize + 'px',\n    lineHeight: props.imgSize + 'px',\n  }\n})\n\nconst attachment = ref()\n\nconst onClick = () => {\n  attachment.value.open()\n}\nconst onConfirm = (chooseFileList: any) => {\n  chooseFileList.forEach((item: any) => {\n    if (input.value.length < props.limit) {\n      input.value.push(item.url)\n      handleInput(input.value)\n    }\n  })\n}\nconst deleteFile = (index: number) => {\n  input.value.splice(index, 1)\n}\n\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</script>\n"],"names":["__MACROS_defineComponent","createNamespace","ref","computed","watch"],"mappings":";;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,iBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AA0CD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,iBAAiB,CAAA,CAAA;AAMlD,IAAM,MAAA,KAAA,GAAaC,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AACvC,IAAM,MAAA,MAAA,GAASC,aAAS,MAAM;AAC5B,MAAO,OAAA;AAAA,QACL,KAAA,EAAO,MAAM,OAAU,GAAA,IAAA;AAAA,QACvB,MAAA,EAAQ,MAAM,OAAU,GAAA,IAAA;AAAA,QACxB,UAAA,EAAY,MAAM,OAAU,GAAA,IAAA;AAAA,OAC9B,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,aAAaD,OAAI,EAAA,CAAA;AAEvB,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,UAAA,CAAW,MAAM,IAAK,EAAA,CAAA;AAAA,KACxB,CAAA;AACA,IAAM,MAAA,SAAA,GAAY,CAAC,cAAwB,KAAA;AACzC,MAAe,cAAA,CAAA,OAAA,CAAQ,CAAC,IAAc,KAAA;AACpC,QAAA,IAAI,KAAM,CAAA,KAAA,CAAM,MAAS,GAAA,KAAA,CAAM,KAAO,EAAA;AACpC,UAAM,KAAA,CAAA,KAAA,CAAM,IAAK,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AACzB,UAAA,WAAA,CAAY,MAAM,KAAK,CAAA,CAAA;AAAA,SACzB;AAAA,OACD,CAAA,CAAA;AAAA,KACH,CAAA;AACA,IAAM,MAAA,UAAA,GAAa,CAAC,KAAkB,KAAA;AACpC,MAAM,KAAA,CAAA,KAAA,CAAM,MAAO,CAAA,KAAA,EAAO,CAAC,CAAA,CAAA;AAAA,KAC7B,CAAA;AAEA,IAAAE,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"file-list-input.vue2.js","sources":["../../../src/file-list-input/src/file-list-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkFileListInput',\n});\n</script>\n<template>\n  <div :class=\"bem()\">\n    <div class=\"dk-image-list\">\n      <ul>\n        <li v-for=\"(item, key) in input\" :key=\"key\">\n          <div class=\"file\" :style=\"_style\">\n            <el-image v-if=\"type === 1\" :src=\"item\" fit=\"contain\" :style=\"_style\" />\n            <dk-file-icon v-else :file-url=\"item\" class=\"file rd-4px\" :type=\"type\" />\n            <div v-if=\"!disabled\" class=\"close\" @click=\"deleteFile(key)\">\n              <el-icon><Close /></el-icon>\n            </div>\n          </div>\n        </li>\n        <li v-if=\"limit > input.length && !disabled\">\n          <div class=\"chooseImage\" :style=\"_style\" @click=\"onClick()\">\n            <el-icon><Plus /></el-icon>\n          </div>\n        </li>\n      </ul>\n    </div>\n    <dk-attachment-dialog ref=\"attachment\" :type=\"type\" @confirm=\"onConfirm\" />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace } from '@vipl520/utils'\nimport { fileListInputProps } from './props'\nimport { computed, ref, watch } from 'vue'\nimport DkFileIcon from '../../attachment/src/file-icon.vue'\n\nconst [_, bem] = createNamespace('file-list-input')\n\n\n\nconst props = defineProps(fileListInputProps)\nconst emit = defineEmits(['input', 'update:modelValue', 'change'])\nconst input: any = ref(props.modelValue)\nconst _style = computed(() => {\n  return {\n    width: props.imgSize + 'px',\n    height: props.imgSize + 'px',\n    lineHeight: props.imgSize + 'px',\n  }\n})\n\nconst attachment = ref()\n\nconst onClick = () => {\n  attachment.value.open()\n}\nconst onConfirm = (chooseFileList: any) => {\n  chooseFileList.forEach((item: any) => {\n    if (input.value.length < props.limit) {\n      input.value.push(item.url)\n      handleInput(input.value)\n    }\n  })\n}\nconst deleteFile = (index: number) => {\n  input.value.splice(index, 1)\n}\n\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</script>\n"],"names":["__MACROS_defineComponent","createNamespace","ref","computed","watch"],"mappings":";;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,iBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AAgCD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,iBAAiB,CAAA,CAAA;AAMlD,IAAM,MAAA,KAAA,GAAaC,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AACvC,IAAM,MAAA,MAAA,GAASC,aAAS,MAAM;AAC5B,MAAO,OAAA;AAAA,QACL,KAAA,EAAO,MAAM,OAAU,GAAA,IAAA;AAAA,QACvB,MAAA,EAAQ,MAAM,OAAU,GAAA,IAAA;AAAA,QACxB,UAAA,EAAY,MAAM,OAAU,GAAA,IAAA;AAAA,OAC9B,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,aAAaD,OAAI,EAAA,CAAA;AAEvB,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,UAAA,CAAW,MAAM,IAAK,EAAA,CAAA;AAAA,KACxB,CAAA;AACA,IAAM,MAAA,SAAA,GAAY,CAAC,cAAwB,KAAA;AACzC,MAAe,cAAA,CAAA,OAAA,CAAQ,CAAC,IAAc,KAAA;AACpC,QAAA,IAAI,KAAM,CAAA,KAAA,CAAM,MAAS,GAAA,KAAA,CAAM,KAAO,EAAA;AACpC,UAAM,KAAA,CAAA,KAAA,CAAM,IAAK,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AACzB,UAAA,WAAA,CAAY,MAAM,KAAK,CAAA,CAAA;AAAA,SACzB;AAAA,OACD,CAAA,CAAA;AAAA,KACH,CAAA;AACA,IAAM,MAAA,UAAA,GAAa,CAAC,KAAkB,KAAA;AACpC,MAAM,KAAA,CAAA,KAAA,CAAM,MAAO,CAAA,KAAA,EAAO,CAAC,CAAA,CAAA;AAAA,KAC7B,CAAA;AAEA,IAAAE,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/form/src/form.vue.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var form_vue_vue_type_script_setup_true_lang = require('./form.vue2.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-var _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(form_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-vlib-starter\\dkgs-ui-doc\\packages\\dk-ui\\src\\form\\src\\form.vue"]]);
+var _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(form_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\form\\src\\form.vue"]]);
 
 exports.default = _Form;
 //# sourceMappingURL=form.vue.js.map