@maketribe/ms-app 3.2.9 → 3.2.11

package/dist/cjs/components/business/resource-list/resource-list.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"resource-list.vue.js","sources":["../../../../../src/components/business/resource-list/resource-list.vue"],"sourcesContent":["<template>\r\n  <div class=\"resource-list\" :class=\"{row:listMode=='row'}\">\r\n    <div class=\"resource-list-header\">\r\n      <ElBreadcrumb>\r\n        <ElBreadcrumbItem>\r\n          <span class=\"resource-list-breadcrumb-item\"  v-if=\"resourceManager.directories.length>=1\"\r\n            @click=\"handleBreadcrumbClick(resourceManager.directories.length-2)\"\r\n          >\r\n          <MKSvgIcon iconClass=\"ArrowLeftBold\" />\r\n            返回\r\n          </span>\r\n          <span\r\n            class=\"resource-list-breadcrumb-item\"\r\n            @click=\"handleBreadcrumbClick()\"\r\n          >\r\n            <MKSvgIcon iconClass=\"HomeFilled\" />\r\n            根目录\r\n          </span>\r\n        </ElBreadcrumbItem>\r\n        <ElBreadcrumbItem\r\n          v-for=\"(item, i) in resourceManager.directories\"\r\n          :key=\"item\"\r\n        >\r\n          <span\r\n            class=\"resource-list-breadcrumb-item\"\r\n            @click=\"handleBreadcrumbClick(i)\"\r\n          >\r\n            {{ item }}\r\n          </span>\r\n        </ElBreadcrumbItem>\r\n      </ElBreadcrumb>\r\n      <div class=\"resource-list-mode\" @click=\"listMode = listMode=='row' ? 'col':'row'\">\r\n        <MKSvgIcon v-if=\"listMode=='row'\" iconClass=\"Grid\" />\r\n        <MKSvgIcon v-else iconClass=\"Fold\" />\r\n      </div>\r\n    </div>\r\n\r\n    <div\r\n      class=\"resource-list-main\"\r\n      @click=\"handleMainClick\"\r\n      @dragover.prevent\r\n      @drop.prevent=\"handleDrop\"\r\n    >\r\n      <ElScrollbar height=\"100%\">\r\n        <div class=\"resource-list-list\">\r\n          <div\r\n            v-for=\"item in resourceManager.resourceInfoList\"\r\n            class=\"resource-list__item\"\r\n            @click.stop=\"handleClick($event, item)\"\r\n            @dblclick=\"handleDbClick(item)\"\r\n          >\r\n            <ResourceItem :key=\"item.path\" :resourceItem=\"item\" />\r\n          </div>\r\n        </div>\r\n      </ElScrollbar>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onMounted,ref } from \"vue\";\r\nimport { ElScrollbar } from \"element-plus\";\r\nimport { ResourceManager, ResourceInfo } from \"./ResourceManager\";\r\nimport ResourceItem from \"./components/resource-item/index.vue\";\r\n\r\nconst props = defineProps({\r\n  resourceManager: {\r\n    type: ResourceManager,\r\n    required: true,\r\n  }\r\n});\r\n\r\nconst emit = defineEmits([\"drop\"]);\r\nconst listMode = ref(\"row\")\r\n\r\nconst handleBreadcrumbClick = (index?: number) => {\r\n  if (typeof index !== \"number\") {\r\n    props.resourceManager.loadResourceInfoList(\"/\");\r\n\r\n    return;\r\n  }\r\n\r\n  props.resourceManager.loadResourceInfoList(\r\n    props.resourceManager.directories.splice(0, index + 1).join(\"/\")\r\n  );\r\n};\r\n\r\nconst handleMainClick = () => {\r\n  props.resourceManager.clearAllSelect();\r\n};\r\n\r\nconst handleClick = (event: MouseEvent, item: ResourceInfo) => {\r\n  props.resourceManager.handleSelectClick(event, item);\r\n};\r\n\r\nconst handleDbClick = (item: ResourceInfo) => {\r\n  if (!item.isDirectory) {\r\n    return;\r\n  }\r\n\r\n  props.resourceManager.loadResourceInfoList(item.path);\r\n};\r\n\r\nconst handleDrop = async (event: DragEvent) => {\r\n  emit(\"drop\", event);\r\n};\r\n\r\nonMounted(() => {\r\n  props.resourceManager.loadResourceInfoList();\r\n});\r\n</script>\r\n"],"names":["ref","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;AAiEA,UAAM,QAAQ;AAOd,UAAM,OAAO;AACP,UAAA,WAAWA,QAAI,KAAK;AAEpB,UAAA,wBAAwB,CAAC,UAAmB;AAC5C,UAAA,OAAO,UAAU,UAAU;AACvB,cAAA,gBAAgB,qBAAqB,GAAG;AAE9C;AAAA,MACF;AAEA,YAAM,gBAAgB;AAAA,QACpB,MAAM,gBAAgB,YAAY,OAAO,GAAG,QAAQ,CAAC,EAAE,KAAK,GAAG;AAAA,MAAA;AAAA,IACjE;AAGF,UAAM,kBAAkB,MAAM;AAC5B,YAAM,gBAAgB;IAAe;AAGjC,UAAA,cAAc,CAAC,OAAmB,SAAuB;AACvD,YAAA,gBAAgB,kBAAkB,OAAO,IAAI;AAAA,IAAA;AAG/C,UAAA,gBAAgB,CAAC,SAAuB;AACxC,UAAA,CAAC,KAAK,aAAa;AACrB;AAAA,MACF;AAEM,YAAA,gBAAgB,qBAAqB,KAAK,IAAI;AAAA,IAAA;AAGhD,UAAA,aAAa,OAAO,UAAqB;AAC7C,WAAK,QAAQ,KAAK;AAAA,IAAA;AAGpBC,QAAAA,UAAU,MAAM;AACd,YAAM,gBAAgB;IAAqB,CAC5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"resource-list.vue.js","sources":["../../../../../src/components/business/resource-list/resource-list.vue"],"sourcesContent":["<template>\r\n  <div class=\"resource-list\" :class=\"{row:listMode=='row'}\">\r\n    <div class=\"resource-list-header\">\r\n      <ElBreadcrumb>\r\n        <ElBreadcrumbItem>\r\n          <span class=\"resource-list-breadcrumb-item\"  v-if=\"resourceManager.directories.length>=1\"\r\n            @click=\"handleBreadcrumbClick(resourceManager.directories.length-2)\"\r\n          >\r\n          <MKSvgIcon iconClass=\"ArrowLeftBold\" />\r\n            返回\r\n          </span>\r\n          <span\r\n            class=\"resource-list-breadcrumb-item\"\r\n            @click=\"handleBreadcrumbClick()\"\r\n          >\r\n            <MKSvgIcon iconClass=\"HomeFilled\" />\r\n            根目录\r\n          </span>\r\n        </ElBreadcrumbItem>\r\n        <ElBreadcrumbItem\r\n          v-for=\"(item, i) in resourceManager.directories\"\r\n          :key=\"item\"\r\n        >\r\n          <span\r\n            class=\"resource-list-breadcrumb-item\"\r\n            @click=\"handleBreadcrumbClick(i)\"\r\n          >\r\n            {{ item }}\r\n          </span>\r\n        </ElBreadcrumbItem>\r\n      </ElBreadcrumb>\r\n      <div class=\"resource-list-mode\">\r\n        <el-button text @click=\"sortMethodName=sortMethodName=='time'?'name':'time'\">{{sortMethodName=='name'?\"按照时间排序\":\"按照文件名排序\"}}</el-button>\r\n        <el-button text  @click=\"listMode = listMode=='row' ? 'col':'row'\">\r\n          <MKSvgIcon v-if=\"listMode=='row'\" iconClass=\"Grid\" />\r\n          <MKSvgIcon v-else iconClass=\"Fold\" />\r\n        </el-button>\r\n      </div>\r\n    </div>\r\n\r\n    <div\r\n      class=\"resource-list-main\"\r\n      @click=\"handleMainClick\"\r\n      @dragover.prevent\r\n      @drop.prevent=\"handleDrop\"\r\n    >\r\n      <ElScrollbar height=\"100%\">\r\n        <div class=\"resource-list-list\">\r\n          <div\r\n            v-for=\"item in resourceInfoList\"\r\n            class=\"resource-list__item\"\r\n            @click.stop=\"handleClick($event, item)\"\r\n            @dblclick=\"handleDbClick(item)\"\r\n          >\r\n            <ResourceItem :key=\"item.path\" :resourceItem=\"item\" />\r\n          </div>\r\n        </div>\r\n      </ElScrollbar>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onMounted,ref , computed} from \"vue\";\r\nimport { ElScrollbar } from \"element-plus\";\r\nimport { ResourceManager, ResourceInfo } from \"./ResourceManager\";\r\nimport ResourceItem from \"./components/resource-item/index.vue\";\r\n\r\nconst props = defineProps({\r\n  resourceManager: {\r\n    type: ResourceManager,\r\n    required: true,\r\n  }\r\n});\r\n\r\n// 排序方法 修改时间排序 名称排序 time | name\r\nconst sortMethodName = ref(\"time\")\r\n\r\n/**\r\n * 资源列表\r\n */\r\nconst resourceInfoList = computed(()=>{\r\n\r\n  if(sortMethodName.value == \"name\"){\r\n    return [\r\n      ...props.resourceManager.resourceInfoList.\r\n      filter(item=>item.isDirectory).sort((a,b)=>a.name > b.name ? 1 : -1),\r\n      ...props.resourceManager.resourceInfoList.\r\n      filter(item=>!item.isDirectory).sort((a,b)=>a.name > b.name ? 1 : -1)\r\n    ];\r\n  }\r\n\r\n  return props.resourceManager.resourceInfoList.sort((a,b)=>a.lastModified < b.lastModified ? 1 : -1)\r\n})\r\n\r\nconst emit = defineEmits([\"drop\"]);\r\nconst listMode = ref(\"row\")\r\n\r\nconst handleBreadcrumbClick = (index?: number) => {\r\n  if (typeof index !== \"number\") {\r\n    props.resourceManager.loadResourceInfoList(\"/\");\r\n\r\n    return;\r\n  }\r\n\r\n  props.resourceManager.loadResourceInfoList(\r\n    props.resourceManager.directories.splice(0, index + 1).join(\"/\")\r\n  );\r\n};\r\n\r\nconst handleMainClick = () => {\r\n  props.resourceManager.clearAllSelect();\r\n};\r\n\r\nconst handleClick = (event: MouseEvent, item: ResourceInfo) => {\r\n  props.resourceManager.handleSelectClick(event, item);\r\n};\r\n\r\nconst handleDbClick = (item: ResourceInfo) => {\r\n  if (!item.isDirectory) {\r\n    return;\r\n  }\r\n\r\n  props.resourceManager.loadResourceInfoList(item.path);\r\n};\r\n\r\nconst handleDrop = async (event: DragEvent) => {\r\n  emit(\"drop\", event);\r\n};\r\n\r\nonMounted(() => {\r\n  props.resourceManager.loadResourceInfoList();\r\n});\r\n</script>\r\n"],"names":["ref","computed","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoEA,UAAM,QAAQ;AAQR,UAAA,iBAAiBA,QAAI,MAAM;AAK3B,UAAA,mBAAmBC,IAAAA,SAAS,MAAI;AAEjC,UAAA,eAAe,SAAS,QAAO;AACzB,eAAA;AAAA,UACL,GAAG,MAAM,gBAAgB,iBACzB,OAAO,CAAA,SAAM,KAAK,WAAW,EAAE,KAAK,CAAC,GAAE,MAAI,EAAE,OAAO,EAAE,OAAO,IAAI,EAAE;AAAA,UACnE,GAAG,MAAM,gBAAgB,iBACzB,OAAO,CAAA,SAAM,CAAC,KAAK,WAAW,EAAE,KAAK,CAAC,GAAE,MAAI,EAAE,OAAO,EAAE,OAAO,IAAI,EAAE;AAAA,QAAA;AAAA,MAExE;AAEA,aAAO,MAAM,gBAAgB,iBAAiB,KAAK,CAAC,GAAE,MAAI,EAAE,eAAe,EAAE,eAAe,IAAI,EAAE;AAAA,IAAA,CACnG;AAED,UAAM,OAAO;AACP,UAAA,WAAWD,QAAI,KAAK;AAEpB,UAAA,wBAAwB,CAAC,UAAmB;AAC5C,UAAA,OAAO,UAAU,UAAU;AACvB,cAAA,gBAAgB,qBAAqB,GAAG;AAE9C;AAAA,MACF;AAEA,YAAM,gBAAgB;AAAA,QACpB,MAAM,gBAAgB,YAAY,OAAO,GAAG,QAAQ,CAAC,EAAE,KAAK,GAAG;AAAA,MAAA;AAAA,IACjE;AAGF,UAAM,kBAAkB,MAAM;AAC5B,YAAM,gBAAgB;IAAe;AAGjC,UAAA,cAAc,CAAC,OAAmB,SAAuB;AACvD,YAAA,gBAAgB,kBAAkB,OAAO,IAAI;AAAA,IAAA;AAG/C,UAAA,gBAAgB,CAAC,SAAuB;AACxC,UAAA,CAAC,KAAK,aAAa;AACrB;AAAA,MACF;AAEM,YAAA,gBAAgB,qBAAqB,KAAK,IAAI;AAAA,IAAA;AAGhD,UAAA,aAAa,OAAO,UAAqB;AAC7C,WAAK,QAAQ,KAAK;AAAA,IAAA;AAGpBE,QAAAA,UAAU,MAAM;AACd,YAAM,gBAAgB;IAAqB,CAC5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/business/resource-manager/resource-manager.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"resource-manager.vue.js","sources":["../../../../../src/components/business/resource-manager/resource-manager.vue"],"sourcesContent":["<template>\r\n  <div v-loading=\"resourceManager.loading\" class=\"resource-manager\">\r\n    <div class=\"resource-manager-tools\">\r\n      <ElButton\r\n        v-if=\"selectResourceCount > 0\"\r\n        type=\"danger\"\r\n        @click=\"handleDeleteClick\"\r\n      >\r\n        删除\r\n      </ElButton>\r\n      <ElButton\r\n        v-if=\"\r\n          selectResourceCount === 1 &&\r\n          !resourceManager.selectResourceList[0].isDirectory\r\n        \"\r\n        @click=\"handleEdit\"\r\n      >\r\n        编辑\r\n      </ElButton>\r\n      <ElButton\r\n        v-if=\"\r\n          selectResourceCount === 1 &&\r\n          !resourceManager.selectResourceList[0].isDirectory\r\n        \"\r\n        @click=\"handleDownload()\"\r\n      >\r\n        下载\r\n      </ElButton>\r\n      <ElButton type=\"primary\" @click=\"handleUploadClick\">上传</ElButton>\r\n      <slot name=\"tools\"></slot>\r\n    </div>\r\n    <MKResourceList :resourceManager=\"resourceManager\" @drop=\"handleDrop\" />\r\n  </div>\r\n\r\n  <ElDialog v-model=\"isShowEditDialog\" @close=\"handleEditDialogClose\">\r\n    <MKCodeEditor\r\n      v-if=\"isShowEditDialog\"\r\n      v-model=\"resourceManager.currentEditText\"\r\n    />\r\n    <template #footer>\r\n      <ElButton @click=\"handleEditDialogClose\">取消</ElButton>\r\n      <ElButton\r\n        type=\"primary\"\r\n        v-loading=\"resourceManager.loading\"\r\n        @click=\"handleEditDialogConfirm\"\r\n      >\r\n        保存\r\n      </ElButton>\r\n    </template>\r\n  </ElDialog>\r\n\r\n  <ElDialog\r\n    v-model=\"isShowConfirmDialog\"\r\n    title=\"文件已存在\"\r\n    @close=\"handleDialogCancelClick\"\r\n  >\r\n    <div v-for=\"path in existPathList\" :key=\"path\">{{ path }}</div>\r\n\r\n    <template #footer>\r\n      <ElButton type=\"danger\" @click=\"handleDialogOverrideClick\">覆盖</ElButton>\r\n      <ElButton type=\"warning\" @click=\"handleDialogSkipClick\">跳过</ElButton>\r\n      <ElButton @click=\"handleDialogCancelClick\">取消</ElButton>\r\n    </template>\r\n  </ElDialog>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onMounted, computed, unref, ref } from \"vue\";\r\nimport { ElButton, ElMessageBox, ElMessage, ElDialog } from \"element-plus\";\r\nimport { MKCodeEditor } from \"../../basic\";\r\nimport { MKResourceList, ResourceManager } from \"../resource-list\";\r\n\r\nconst props = defineProps({\r\n  resourceManager: {\r\n    type: ResourceManager,\r\n    required: true,\r\n  },\r\n});\r\n\r\nconst isShowConfirmDialog = ref(false);\r\n\r\nlet waitUploadFiles: File[] = [];\r\nconst existPathList = ref([] as string[]);\r\n\r\nconst resourceManager = computed(() => props.resourceManager);\r\n\r\nconst isShowEditDialog = computed(\r\n  () => unref(resourceManager).isShowEditDialog\r\n);\r\n\r\nconst selectResourceCount = computed(\r\n  () => unref(resourceManager).selectResourceList.length\r\n);\r\n\r\nconst handleDeleteClick = async () => {\r\n  const isConfirm = await ElMessageBox.confirm(\"是否删除选中文件\", {\r\n    type: \"warning\",\r\n  }).then(\r\n    () => true,\r\n    () => false\r\n  );\r\n\r\n  if (!isConfirm) {\r\n    return;\r\n  }\r\n\r\n  unref(resourceManager).deleteSelectResourceList();\r\n};\r\n\r\nconst handleEdit = () => {\r\n  unref(resourceManager).editSelectFile();\r\n};\r\n\r\nconst handleEditDialogConfirm = () => {\r\n  unref(resourceManager).saveEditFile();\r\n};\r\n\r\nconst handleEditDialogClose = () => {\r\n  unref(resourceManager).isShowEditDialog = false;\r\n  unref(resourceManager).currentEditText = \"\";\r\n};\r\n\r\nconst handleUploadClick = () => {\r\n  /** @type {HTMLInputElement} */\r\n  var input = document.createElement(\"input\");\r\n  input.type = \"file\";\r\n  input.multiple = true;\r\n\r\n  input.addEventListener(\"change\", () => {\r\n    var files = new Array(input.files!.length)\r\n      .fill(0)\r\n      .map((_, i) => input.files![i]);\r\n\r\n    unref(resourceManager).uploadResourceList(files);\r\n  });\r\n\r\n  input.click();\r\n};\r\n\r\nconst handleDownload = () => {\r\n  unref(resourceManager).downloadSelectResource();\r\n};\r\n\r\nconst handleDrop = async (event: DragEvent) => {\r\n  waitUploadFiles = [];\r\n\r\n  var _items = event.dataTransfer?.items;\r\n\r\n  var fileSystemEntry = _items![0].webkitGetAsEntry() as any;\r\n\r\n  const internalProcess = async (item: any, path: string = \"\") => {\r\n    if (item.isFile) {\r\n      return [\r\n        await new Promise((resolve) => {\r\n          item.file((file: File) => {\r\n            resolve(\r\n              new File([file], `${path}${file.name}`, { type: file.type })\r\n            );\r\n          });\r\n        }),\r\n      ] as File[];\r\n    } else if (item.isDirectory) {\r\n      var directoryReader = item.createReader();\r\n\r\n      const entries = (await new Promise((resolve) => {\r\n        directoryReader.readEntries(resolve);\r\n      })) as any[];\r\n\r\n      var result: File[] = [];\r\n\r\n      for (let i = 0; i < entries.length; i++) {\r\n        result = result.concat(\r\n          await internalProcess(entries[i], `${path}${item.name}/`)\r\n        );\r\n      }\r\n\r\n      return result;\r\n    }\r\n\r\n    return [];\r\n  };\r\n\r\n  const files = (waitUploadFiles = await internalProcess(fileSystemEntry));\r\n\r\n  try {\r\n    unref(resourceManager).loadingManager.startLoading();\r\n\r\n    const checkResponse = await unref(resourceManager).getExistPathList(\r\n      files.map((file) => file.name)\r\n    );\r\n\r\n    if (checkResponse.data.code !== 200) {\r\n      ElMessage.error({ message: checkResponse.data.msg });\r\n      return;\r\n    }\r\n\r\n    if (checkResponse.data.data?.length === 0) {\r\n      await unref(resourceManager).uploadResourceList(files);\r\n\r\n      waitUploadFiles = [];\r\n      return;\r\n    }\r\n\r\n    existPathList.value = checkResponse.data.data ?? [];\r\n\r\n    isShowConfirmDialog.value = true;\r\n  } catch (e) {\r\n    console.log(e);\r\n    ElMessage.error(\"网络异常，上传失败\");\r\n  } finally {\r\n    unref(resourceManager).loadingManager.completeLoading();\r\n  }\r\n};\r\n\r\nconst handleDialogOverrideClick = async () => {\r\n  try {\r\n    await unref(resourceManager).uploadResourceList(waitUploadFiles);\r\n  } catch (e) {\r\n    console.log(e);\r\n    ElMessage.error(\"网络异常，上传失败\");\r\n  }\r\n\r\n  handleDialogCancelClick();\r\n};\r\n\r\nconst handleDialogSkipClick = async () => {\r\n  try {\r\n    const files = waitUploadFiles.filter(\r\n      (file) => !unref(existPathList).includes(file.name)\r\n    );\r\n\r\n    if (files.length) {\r\n      await unref(resourceManager).uploadResourceList(files);\r\n    }\r\n  } catch (e) {\r\n    console.log(e);\r\n    ElMessage.error(\"网络异常，上传失败\");\r\n  }\r\n\r\n  handleDialogCancelClick();\r\n};\r\n\r\nconst handleDialogCancelClick = () => {\r\n  isShowConfirmDialog.value = false;\r\n  existPathList.value = [];\r\n  waitUploadFiles = [];\r\n};\r\n\r\nonMounted(() => {\r\n  unref(resourceManager).loadResourceInfoList();\r\n});\r\n</script>\r\n"],"names":["ref","computed","unref","ElMessageBox","ElMessage","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEA,UAAM,QAAQ;AAOR,UAAA,sBAAsBA,QAAI,KAAK;AAErC,QAAI,kBAA0B,CAAA;AACxB,UAAA,gBAAgBA,QAAI,CAAA,CAAc;AAExC,UAAM,kBAAkBC,IAAA,SAAS,MAAM,MAAM,eAAe;AAE5D,UAAM,mBAAmBA,IAAA;AAAA,MACvB,MAAMC,IAAM,MAAA,eAAe,EAAE;AAAA,IAAA;AAG/B,UAAM,sBAAsBD,IAAA;AAAA,MAC1B,MAAMC,UAAM,eAAe,EAAE,mBAAmB;AAAA,IAAA;AAGlD,UAAM,oBAAoB,YAAY;AACpC,YAAM,YAAY,MAAMC,yBAAa,QAAQ,YAAY;AAAA,QACvD,MAAM;AAAA,MACP,CAAA,EAAE;AAAA,QACD,MAAM;AAAA,QACN,MAAM;AAAA,MAAA;AAGR,UAAI,CAAC,WAAW;AACd;AAAA,MACF;AAEMD,gBAAA,eAAe,EAAE;IAAyB;AAGlD,UAAM,aAAa,MAAM;AACjBA,gBAAA,eAAe,EAAE;IAAe;AAGxC,UAAM,0BAA0B,MAAM;AAC9BA,gBAAA,eAAe,EAAE;IAAa;AAGtC,UAAM,wBAAwB,MAAM;AAC5BA,UAAAA,MAAA,eAAe,EAAE,mBAAmB;AACpCA,UAAAA,MAAA,eAAe,EAAE,kBAAkB;AAAA,IAAA;AAG3C,UAAM,oBAAoB,MAAM;AAE1B,UAAA,QAAQ,SAAS,cAAc,OAAO;AAC1C,YAAM,OAAO;AACb,YAAM,WAAW;AAEX,YAAA,iBAAiB,UAAU,MAAM;AACrC,YAAI,QAAQ,IAAI,MAAM,MAAM,MAAO,MAAM,EACtC,KAAK,CAAC,EACN,IAAI,CAAC,GAAG,MAAM,MAAM,MAAO,CAAC,CAAC;AAE1BA,YAAAA,MAAA,eAAe,EAAE,mBAAmB,KAAK;AAAA,MAAA,CAChD;AAED,YAAM,MAAM;AAAA,IAAA;AAGd,UAAM,iBAAiB,MAAM;AACrBA,gBAAA,eAAe,EAAE;IAAuB;AAG1C,UAAA,aAAa,OAAO,UAAqB;;AAC7C,wBAAkB,CAAA;AAEd,UAAA,UAAS,WAAM,iBAAN,mBAAoB;AAEjC,UAAI,kBAAkB,OAAQ,CAAC,EAAE,iBAAiB;AAElD,YAAM,kBAAkB,OAAO,MAAW,OAAe,OAAO;AAC9D,YAAI,KAAK,QAAQ;AACR,iBAAA;AAAA,YACL,MAAM,IAAI,QAAQ,CAAC,YAAY;AACxB,mBAAA,KAAK,CAAC,SAAe;AACxB;AAAA,kBACE,IAAI,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,GAAG,KAAK,IAAI,IAAI,EAAE,MAAM,KAAK,MAAM;AAAA,gBAAA;AAAA,cAC7D,CACD;AAAA,YAAA,CACF;AAAA,UAAA;AAAA,QACH,WACS,KAAK,aAAa;AACvB,cAAA,kBAAkB,KAAK;AAE3B,gBAAM,UAAW,MAAM,IAAI,QAAQ,CAAC,YAAY;AAC9C,4BAAgB,YAAY,OAAO;AAAA,UAAA,CACpC;AAED,cAAI,SAAiB,CAAA;AAErB,mBAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ,KAAK;AACvC,qBAAS,OAAO;AAAA,cACd,MAAM,gBAAgB,QAAQ,CAAC,GAAG,GAAG,IAAI,GAAG,KAAK,IAAI,GAAG;AAAA,YAAA;AAAA,UAE5D;AAEO,iBAAA;AAAA,QACT;AAEA,eAAO;MAAC;AAGV,YAAM,QAAS,kBAAkB,MAAM,gBAAgB,eAAe;AAElE,UAAA;AACIA,YAAAA,MAAA,eAAe,EAAE,eAAe,aAAa;AAEnD,cAAM,gBAAgB,MAAMA,UAAM,eAAe,EAAE;AAAA,UACjD,MAAM,IAAI,CAAC,SAAS,KAAK,IAAI;AAAA,QAAA;AAG3B,YAAA,cAAc,KAAK,SAAS,KAAK;AACnCE,sBAAA,UAAU,MAAM,EAAE,SAAS,cAAc,KAAK,KAAK;AACnD;AAAA,QACF;AAEA,cAAI,mBAAc,KAAK,SAAnB,mBAAyB,YAAW,GAAG;AACzC,gBAAMF,IAAM,MAAA,eAAe,EAAE,mBAAmB,KAAK;AAErD,4BAAkB,CAAA;AAClB;AAAA,QACF;AAEA,sBAAc,QAAQ,cAAc,KAAK,QAAQ,CAAA;AAEjD,4BAAoB,QAAQ;AAAA,eACrB,GAAG;AACV,gBAAQ,IAAI,CAAC;AACbE,8BAAU,MAAM,WAAW;AAAA,MAAA,UAC3B;AACMF,YAAAA,MAAA,eAAe,EAAE,eAAe,gBAAgB;AAAA,MACxD;AAAA,IAAA;AAGF,UAAM,4BAA4B,YAAY;AACxC,UAAA;AACF,cAAMA,IAAM,MAAA,eAAe,EAAE,mBAAmB,eAAe;AAAA,eACxD,GAAG;AACV,gBAAQ,IAAI,CAAC;AACbE,8BAAU,MAAM,WAAW;AAAA,MAC7B;AAEwB;IAAA;AAG1B,UAAM,wBAAwB,YAAY;AACpC,UAAA;AACF,cAAM,QAAQ,gBAAgB;AAAA,UAC5B,CAAC,SAAS,CAACF,UAAM,aAAa,EAAE,SAAS,KAAK,IAAI;AAAA,QAAA;AAGpD,YAAI,MAAM,QAAQ;AAChB,gBAAMA,IAAM,MAAA,eAAe,EAAE,mBAAmB,KAAK;AAAA,QACvD;AAAA,eACO,GAAG;AACV,gBAAQ,IAAI,CAAC;AACbE,8BAAU,MAAM,WAAW;AAAA,MAC7B;AAEwB;IAAA;AAG1B,UAAM,0BAA0B,MAAM;AACpC,0BAAoB,QAAQ;AAC5B,oBAAc,QAAQ;AACtB,wBAAkB,CAAA;AAAA,IAAC;AAGrBC,QAAAA,UAAU,MAAM;AACRH,gBAAA,eAAe,EAAE;IAAqB,CAC7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"resource-manager.vue.js","sources":["../../../../../src/components/business/resource-manager/resource-manager.vue"],"sourcesContent":["<template>\r\n  <div v-loading=\"resourceManager.loading\" class=\"resource-manager\">\r\n    <div class=\"resource-manager-tools\">\r\n      <ElButton\r\n        v-if=\"selectResourceCount > 0\"\r\n        type=\"danger\"\r\n        @click=\"handleDeleteClick\"\r\n      >\r\n        删除\r\n      </ElButton>\r\n      <ElButton\r\n        v-if=\"\r\n          selectResourceCount === 1 &&\r\n          !resourceManager.selectResourceList[0].isDirectory\r\n        \"\r\n        @click=\"handleEdit\"\r\n      >\r\n        编辑\r\n      </ElButton>\r\n      <ElButton\r\n        v-if=\"\r\n          selectResourceCount === 1 &&\r\n          !resourceManager.selectResourceList[0].isDirectory\r\n        \"\r\n        @click=\"handleDownload()\"\r\n      >\r\n        下载\r\n      </ElButton>\r\n      <ElButton type=\"primary\" @click=\"handleUploadClick\">上传</ElButton>\r\n      <slot name=\"tools\"></slot>\r\n    </div>\r\n    <MKResourceList :resourceManager=\"resourceManager\" @drop=\"handleDrop\" />\r\n  </div>\r\n\r\n  <ElDialog v-model=\"isShowEditDialog\" @close=\"handleEditDialogClose\">\r\n    <MKCodeEditor\r\n      v-if=\"isShowEditDialog\"\r\n      v-model=\"resourceManager.currentEditText\"\r\n    />\r\n    <template #footer>\r\n      <ElButton @click=\"handleEditDialogClose\">取消</ElButton>\r\n      <ElButton\r\n        type=\"primary\"\r\n        v-loading=\"resourceManager.loading\"\r\n        @click=\"handleEditDialogConfirm\"\r\n      >\r\n        保存\r\n      </ElButton>\r\n    </template>\r\n  </ElDialog>\r\n\r\n  <ElDialog\r\n    v-model=\"isShowConfirmDialog\"\r\n    title=\"文件已存在\"\r\n    @close=\"handleDialogCancelClick\"\r\n  >\r\n    <div v-for=\"path in existPathList\" :key=\"path\">{{ path }}</div>\r\n\r\n    <template #footer>\r\n      <ElButton type=\"danger\" @click=\"handleDialogOverrideClick\">覆盖</ElButton>\r\n      <ElButton type=\"warning\" @click=\"handleDialogSkipClick\">跳过</ElButton>\r\n      <ElButton @click=\"handleDialogCancelClick\">取消</ElButton>\r\n    </template>\r\n  </ElDialog>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onMounted, computed, unref, ref } from \"vue\";\r\nimport { ElButton, ElMessageBox, ElMessage, ElDialog } from \"element-plus\";\r\nimport { MKCodeEditor } from \"../../basic\";\r\nimport { MKResourceList, ResourceManager } from \"../resource-list\";\r\n\r\nconst props = defineProps({\r\n  resourceManager: {\r\n    type: ResourceManager,\r\n    required: true,\r\n  },\r\n});\r\n\r\nconst isShowConfirmDialog = ref(false);\r\n\r\nlet waitUploadFiles: File[] = [];\r\nconst existPathList = ref([] as string[]);\r\n\r\nconst resourceManager = computed(() => props.resourceManager);\r\n\r\nconst isShowEditDialog = computed(\r\n  () => unref(resourceManager).isShowEditDialog\r\n);\r\n\r\nconst selectResourceCount = computed(\r\n  () => unref(resourceManager).selectResourceList.length\r\n);\r\n\r\nconst handleDeleteClick = async () => {\r\n  const isConfirm = await ElMessageBox.confirm(\"是否删除选中文件\", {\r\n    type: \"warning\",\r\n  }).then(\r\n    () => true,\r\n    () => false\r\n  );\r\n\r\n  if (!isConfirm) {\r\n    return;\r\n  }\r\n\r\n  unref(resourceManager).deleteSelectResourceList();\r\n};\r\n\r\nconst handleEdit = () => {\r\n  unref(resourceManager).editSelectFile();\r\n};\r\n\r\nconst handleEditDialogConfirm = () => {\r\n  unref(resourceManager).saveEditFile();\r\n};\r\n\r\nconst handleEditDialogClose = () => {\r\n  unref(resourceManager).isShowEditDialog = false;\r\n  unref(resourceManager).currentEditText = \"\";\r\n};\r\n\r\nconst handleUploadClick = () => {\r\n  /** @type {HTMLInputElement} */\r\n  var input = document.createElement(\"input\");\r\n  input.type = \"file\";\r\n  input.multiple = true;\r\n\r\n  input.addEventListener(\"change\", () => {\r\n    var files = new Array(input.files!.length)\r\n      .fill(0)\r\n      .map((_, i) => input.files![i]);\r\n\r\n    unref(resourceManager).uploadResourceList(files);\r\n  });\r\n\r\n  input.click();\r\n};\r\n\r\nconst handleDownload = () => {\r\n  unref(resourceManager).downloadSelectResource();\r\n};\r\n\r\nconst handleDrop = async (event: DragEvent) => {\r\n  waitUploadFiles = [];\r\n\r\n  var _items = event.dataTransfer?.items;\r\n\r\n  var fileSystemEntry = _items![0].webkitGetAsEntry() as any;\r\n\r\n  const internalProcess = async (item: any, path: string = \"\") => {\r\n    if (item.isFile) {\r\n      return [\r\n        await new Promise((resolve) => {\r\n          item.file((file: File) => {\r\n            resolve(\r\n              new File([file], `${path}${file.name}`, { type: file.type })\r\n            );\r\n          });\r\n        }),\r\n      ] as File[];\r\n    } else if (item.isDirectory) {\r\n      var directoryReader = item.createReader();\r\n\r\n      const entries = (await new Promise((resolve) => {\r\n        directoryReader.readEntries(resolve);\r\n      })) as any[];\r\n\r\n      var result: File[] = [];\r\n\r\n      for (let i = 0; i < entries.length; i++) {\r\n        result = result.concat(\r\n          await internalProcess(entries[i], `${path}${item.name}/`)\r\n        );\r\n      }\r\n\r\n      return result;\r\n    }\r\n\r\n    return [];\r\n  };\r\n\r\n  const files = (waitUploadFiles = await internalProcess(fileSystemEntry));\r\n\r\n  try {\r\n    unref(resourceManager).loadingManager.startLoading();\r\n\r\n    const checkResponse = await unref(resourceManager).getExistPathList(\r\n      files.map((file) => file.name)\r\n    );\r\n\r\n    if (checkResponse.data.code !== 200) {\r\n      ElMessage.error({ message: checkResponse.data.msg });\r\n      return;\r\n    }\r\n\r\n    if (checkResponse.data.data?.length === 0) {\r\n      await unref(resourceManager).uploadResourceList(files);\r\n\r\n      waitUploadFiles = [];\r\n      return;\r\n    }\r\n    existPathList.value = checkResponse.data.data ?? [];\r\n\r\n    isShowConfirmDialog.value = true;\r\n  } catch (e) {\r\n    console.log(e);\r\n    ElMessage.error(\"网络异常，上传失败\");\r\n  } finally {\r\n    unref(resourceManager).loadingManager.completeLoading();\r\n  }\r\n};\r\n\r\nconst handleDialogOverrideClick = async () => {\r\n  try {\r\n    await unref(resourceManager).uploadResourceList(waitUploadFiles);\r\n  } catch (e) {\r\n    console.log(e);\r\n    ElMessage.error(\"网络异常，上传失败\");\r\n  }\r\n\r\n  handleDialogCancelClick();\r\n};\r\n\r\nconst handleDialogSkipClick = async () => {\r\n  try {\r\n    const files = waitUploadFiles.filter(\r\n      (file) => !unref(existPathList).includes(file.name)\r\n    );\r\n    if (files.length) {\r\n      await unref(resourceManager).uploadResourceList(files);\r\n    }\r\n  } catch (e) {\r\n    console.log(e);\r\n    ElMessage.error(\"网络异常，上传失败\");\r\n  }\r\n\r\n  handleDialogCancelClick();\r\n};\r\n\r\nconst handleDialogCancelClick = () => {\r\n  isShowConfirmDialog.value = false;\r\n  existPathList.value = [];\r\n  waitUploadFiles = [];\r\n};\r\n\r\nonMounted(() => {\r\n  unref(resourceManager).loadResourceInfoList();\r\n});\r\n</script>\r\n"],"names":["ref","computed","unref","ElMessageBox","ElMessage","onMounted"],"mappings":"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"}

package/dist/cjs/components/business/resource-select/resource-select-input.js

@@ -0,0 +1,50 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const resourceSelectApi = require("./resource-select-api.js");
+const resourceSelectInput = /* @__PURE__ */ vue.defineComponent({
+  name: "MKResourceSelectInput",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:model-value"],
+  setup(props, {
+    emit
+  }) {
+    const modelValue = vue.computed({
+      get: () => props.modelValue || "",
+      set: (v) => emit("update:model-value", v)
+    });
+    return () => {
+      return vue.createVNode("div", {
+        "class": "mk-resource-select-input",
+        "style": {
+          width: "100%",
+          display: "flex"
+        }
+      }, [vue.createVNode(elementPlus.ElInput, {
+        "modelValue": vue.unref(modelValue),
+        "clearable": true,
+        "onUpdate:modelValue": (v) => modelValue.value = v
+      }, null), vue.createVNode(elementPlus.ElButton, {
+        "onClick": async () => {
+          const fileInfo = await resourceSelectApi({
+            extensions: [".cshtml"],
+            baseURL: "cms/template/resource"
+          });
+          if (!fileInfo.confirmed) {
+            return;
+          }
+          modelValue.value = fileInfo.path.slice(1);
+        }
+      }, {
+        default: () => [vue.createTextVNode("选择模版")]
+      })]);
+    };
+  }
+});
+module.exports = resourceSelectInput;
+//# sourceMappingURL=resource-select-input.js.map

package/dist/cjs/components/business/resource-select/resource-select-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-select-input.js","sources":["../../../../../src/components/business/resource-select/resource-select-input.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { ElInput, ElButton } from \"element-plus\";\r\nimport ResourceSelect from \"./resource-select-api\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKResourceSelectInput\",\r\n  props: {\r\n    modelValue:{ type:String,default:\"\"}\r\n  },\r\n  emits: [\"update:model-value\"],\r\n  setup(props, { emit }) {\r\n\r\n    const modelValue = computed({\r\n      get: () => (props.modelValue as string) || \"\",\r\n      set: (v: string) => emit(\"update:model-value\", v),\r\n    });\r\n\r\n    return () => {\r\n      return (\r\n        <div class=\"mk-resource-select-input\" style={{width:\"100%\",display:\"flex\"}}>\r\n          <ElInput\r\n            modelValue={unref(modelValue)} clearable\r\n            onUpdate:modelValue={(v: string) => (modelValue.value = v)} />\r\n            <ElButton onClick={async ()=>{\r\n              \tconst fileInfo = await ResourceSelect({ extensions: [\".cshtml\"], baseURL: \"cms/template/resource\" })\r\n                if (!fileInfo.confirmed) {\r\n                  return;\r\n                }\r\n                modelValue.value = fileInfo.path.slice(1)\r\n            }}>选择模版</ElButton>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","modelValue","type","String","default","emits","setup","emit","computed","get","set","v","_createVNode","width","display","ElInput","unref","value","ElButton","fileInfo","ResourceSelect","extensions","baseURL","confirmed","path","slice","_createTextVNode"],"mappings":";;;;AAIA,MAAeA,0DAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,YAAW;AAAA,MAAEC,MAAKC;AAAAA,MAAOC,SAAQ;AAAA,IAAE;AAAA,EACpC;AAAA,EACDC,OAAO,CAAC,oBAAoB;AAAA,EAC5BC,MAAMN,OAAO;AAAA,IAAEO;AAAAA,EAAK,GAAG;AAErB,UAAMN,aAAaO,IAAAA,SAAS;AAAA,MAC1BC,KAAKA,MAAOT,MAAMC,cAAyB;AAAA,MAC3CS,KAAMC,OAAcJ,KAAK,sBAAsBI,CAAC;AAAA,IAClD,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,IAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,SAC+C;AAAA,UAACC,OAAM;AAAA,UAAOC,SAAQ;AAAA,QAAM;AAAA,SAACF,CAAAA,IAAA,YAAAG,qBAAA;AAAA,QAAA,cAE1DC,IAAK,MAACf,UAAU;AAAA,QAAC,aAAA;AAAA,QAAA,uBACPU,OAAeV,WAAWgB,QAAQN;AAAAA,SAAEC,IAAAA,GAAAA,IAAA,YAAAM,sBAAA;AAAA,QAAA,WACvC,YAAU;AAC1B,gBAAMC,WAAW,MAAMC,kBAAe;AAAA,YAAEC,YAAY,CAAC,SAAS;AAAA,YAAGC,SAAS;AAAA,UAAwB,CAAC;AAClG,cAAI,CAACH,SAASI,WAAW;AACvB;AAAA,UACF;AACAtB,qBAAWgB,QAAQE,SAASK,KAAKC,MAAM,CAAC;AAAA,QAC5C;AAAA,MAAC,GAAA;AAAA,QAAArB,SAAAA,MAAA,CAAAsB,oBAAA,MAAA,CAAA;AAAA,MAAA,CAAA,CAAA,CAAA;AAAA;EAIX;AACF,CAAC;;"}

package/dist/cjs/components/data-model/data-filter-drawer/data-filter-drawer-options.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@maketribe/utils");
+const dm = require("@maketribe/dm");
+const dataFilterDrawerProps = utils.buildProps({
+  visible: {
+    type: Boolean,
+    default: false
+  },
+  dataTable: {
+    type: dm.DataTable,
+    required: true
+  }
+});
+const dataFilterDrawerEmits = {
+  "update:visible": (visible) => true
+};
+exports.dataFilterDrawerEmits = dataFilterDrawerEmits;
+exports.dataFilterDrawerProps = dataFilterDrawerProps;
+//# sourceMappingURL=data-filter-drawer-options.js.map

package/dist/cjs/components/data-model/data-filter-drawer/data-filter-drawer-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-filter-drawer-options.js","sources":["../../../../../src/components/data-model/data-filter-drawer/data-filter-drawer-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { DataTable } from \"@maketribe/dm\";\r\n\r\nexport const dataFilterDrawerProps = buildProps({\r\n  visible: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  dataTable: {\r\n    type: DataTable,\r\n    required: true,\r\n  },\r\n} as const);\r\n\r\nexport type DataFilterDrawerProps = ExtractPropTypes<\r\n  typeof dataFilterDrawerProps\r\n>;\r\n\r\nexport const dataFilterDrawerEmits = {\r\n  \"update:visible\": (visible: boolean) => true,\r\n};\r\n\r\nexport type DataFilterDrawerEmits = typeof dataFilterDrawerEmits;\r\n"],"names":["buildProps","DataTable"],"mappings":";;;;AAIO,MAAM,wBAAwBA,MAAAA,WAAW;AAAA,EAC9C,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,MAAMC,GAAA;AAAA,IACN,UAAU;AAAA,EACZ;AACF,CAAU;AAMH,MAAM,wBAAwB;AAAA,EACnC,kBAAkB,CAAC,YAAqB;AAC1C;;;"}

package/dist/cjs/components/data-model/data-filter-drawer/data-filter-drawer.js

@@ -0,0 +1,68 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const index = require("../data-filter-form/index.js");
+const dataFilterDrawerOptions = require("./data-filter-drawer-options.js");
+const DataFilterDrawer = /* @__PURE__ */ vue.defineComponent({
+  name: "MKDataFilterDrawer",
+  props: dataFilterDrawerOptions.dataFilterDrawerProps,
+  emits: dataFilterDrawerOptions.dataFilterDrawerEmits,
+  setup(props, {
+    emit
+  }) {
+    const visible = vue.computed({
+      get: () => props.visible,
+      set: (v) => emit("update:visible", v)
+    });
+    const handleCancelClick = () => {
+      visible.value = false;
+    };
+    const handleResetClick = () => {
+      visible.value = false;
+      const dataTable = props.dataTable;
+      const dataFilter = props.dataTable.dataFilter;
+      dataFilter.reset();
+      dataFilter.beforeSearchEvent.emit();
+      dataTable.load();
+    };
+    const handleConfirmClick = () => {
+      visible.value = false;
+      const dataTable = props.dataTable;
+      const dataFilter = props.dataTable.dataFilter;
+      dataFilter.beforeSearchEvent.emit();
+      dataTable.load();
+    };
+    return () => {
+      return vue.createVNode(elementPlus.ElDrawer, {
+        "class": "mk-data-filter-drawer",
+        "showClose": false,
+        "appendToBody": true,
+        "modelValue": vue.unref(visible),
+        "onUpdate:modelValue": (v) => visible.value = v
+      }, {
+        default: () => [vue.createVNode(index.MKDataFilterForm, vue.mergeProps({
+          "dataTable": props.dataTable
+        }, {
+          labelPosition: "top"
+        }), null)],
+        header: () => "筛选器",
+        footer: () => vue.createVNode(vue.Fragment, null, [vue.createVNode(elementPlus.ElButton, {
+          "onClick": handleCancelClick
+        }, {
+          default: () => [vue.createTextVNode("取消")]
+        }), vue.createVNode(elementPlus.ElButton, {
+          "onClick": handleResetClick
+        }, {
+          default: () => [vue.createTextVNode("重置")]
+        }), vue.createVNode(elementPlus.ElButton, {
+          "type": "primary",
+          "onClick": handleConfirmClick
+        }, {
+          default: () => [vue.createTextVNode("查询")]
+        })])
+      });
+    };
+  }
+});
+module.exports = DataFilterDrawer;
+//# sourceMappingURL=data-filter-drawer.js.map

package/dist/cjs/components/data-model/data-filter-drawer/data-filter-drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-filter-drawer.js","sources":["../../../../../src/components/data-model/data-filter-drawer/data-filter-drawer.tsx"],"sourcesContent":["import { computed, defineComponent, Fragment, unref } from \"vue\";\r\nimport { ElButton, ElDrawer } from \"element-plus\";\r\nimport { MKDataFilterForm } from \"../data-filter-form\";\r\nimport {\r\n  dataFilterDrawerEmits,\r\n  dataFilterDrawerProps,\r\n} from \"./data-filter-drawer-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKDataFilterDrawer\",\r\n  props: dataFilterDrawerProps,\r\n  emits: dataFilterDrawerEmits,\r\n  setup(props, { emit }) {\r\n    const visible = computed({\r\n      get: () => props.visible,\r\n      set: (v) => emit(\"update:visible\", v),\r\n    });\r\n\r\n    const handleCancelClick = () => {\r\n      visible.value = false;\r\n    };\r\n\r\n    const handleResetClick = () => {\r\n      visible.value = false;\r\n\r\n      const dataTable = props.dataTable;\r\n      const dataFilter = props.dataTable.dataFilter;\r\n\r\n      dataFilter.reset();\r\n\r\n      dataFilter.beforeSearchEvent.emit();\r\n\r\n      dataTable.load();\r\n    };\r\n\r\n    const handleConfirmClick = () => {\r\n      visible.value = false;\r\n\r\n      const dataTable = props.dataTable;\r\n      const dataFilter = props.dataTable.dataFilter;\r\n\r\n      dataFilter.beforeSearchEvent.emit();\r\n\r\n      dataTable.load();\r\n    };\r\n\r\n    return () => {\r\n      return (\r\n        <ElDrawer\r\n          class=\"mk-data-filter-drawer\"\r\n          showClose={false}\r\n          appendToBody\r\n          modelValue={unref(visible)}\r\n          onUpdate:modelValue={(v) => (visible.value = v)}\r\n          v-slots={{\r\n            header: () => \"筛选器\",\r\n            footer: () => (\r\n              <Fragment>\r\n                <ElButton onClick={handleCancelClick}>取消</ElButton>\r\n\r\n                <ElButton onClick={handleResetClick}>重置</ElButton>\r\n\r\n                <ElButton type=\"primary\" onClick={handleConfirmClick}>\r\n                  查询\r\n                </ElButton>\r\n              </Fragment>\r\n            ),\r\n          }}\r\n        >\r\n          <MKDataFilterForm\r\n            dataTable={props.dataTable}\r\n            {...{ labelPosition: \"top\" }}\r\n          />\r\n        </ElDrawer>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","dataFilterDrawerProps","emits","dataFilterDrawerEmits","setup","emit","visible","computed","get","set","v","handleCancelClick","value","handleResetClick","dataTable","dataFilter","reset","beforeSearchEvent","load","handleConfirmClick","_createVNode","ElDrawer","unref","default","MKDataFilterForm","_mergeProps","labelPosition","header","footer","_Fragment","ElButton","_createTextVNode"],"mappings":";;;;;AAQA,MAAeA,uDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,wBAAqB;AAAA,EAC5BC,OAAOC,wBAAqB;AAAA,EAC5BC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,UAAUC,IAAAA,SAAS;AAAA,MACvBC,KAAKA,MAAMR,MAAMM;AAAAA,MACjBG,KAAMC,OAAML,KAAK,kBAAkBK,CAAC;AAAA,IACtC,CAAC;AAED,UAAMC,oBAAoBA,MAAM;AAC9BL,cAAQM,QAAQ;AAAA;AAGlB,UAAMC,mBAAmBA,MAAM;AAC7BP,cAAQM,QAAQ;AAEhB,YAAME,YAAYd,MAAMc;AACxB,YAAMC,aAAaf,MAAMc,UAAUC;AAEnCA,iBAAWC,MAAK;AAEhBD,iBAAWE,kBAAkBZ;AAE7BS,gBAAUI,KAAI;AAAA;AAGhB,UAAMC,qBAAqBA,MAAM;AAC/Bb,cAAQM,QAAQ;AAEhB,YAAME,YAAYd,MAAMc;AACxB,YAAMC,aAAaf,MAAMc,UAAUC;AAEnCA,iBAAWE,kBAAkBZ;AAE7BS,gBAAUI,KAAI;AAAA;AAGhB,WAAO,MAAM;AACX,aAAAE,IAAAA,YAAAC,YAAAA,UAAA;AAAA,QAAA,SAAA;AAAA,QAAA,aAGe;AAAA,QAAK,gBAAA;AAAA,QAAA,cAEJC,IAAK,MAAChB,OAAO;AAAA,QAAC,uBACJI,OAAOJ,QAAQM,QAAQF;AAAAA,MAAE,GAAA;AAAA,QAAAa,SAAAA,MAAA,CAAAH,gBAAAI,MAAAA,kBAAAC,IAAAA,WAAA;AAAA,UAAA,aAiBlCzB,MAAMc;AAAAA,QAAS,GAAA;AAAA,UACpBY,eAAe;AAAA,QAAK,CAAA,GAAA,IAAA,CAAA;AAAA,QAhB1BC,QAAQA,MAAM;AAAA,QACdC,QAAQA,MAAAR,IAAAA,YAAAS,IAAAA,UAAA,MAAA,CAAAT,IAAA,YAAAU,sBAAA;AAAA,UAAA,WAEenB;AAAAA,QAAiB,GAAA;AAAA,UAAAY,SAAAA,MAAA,CAAAQ,oBAAA,IAAA,CAAA;AAAA,SAAAX,GAAAA,IAAA,YAAAU,sBAAA;AAAA,UAAA,WAEjBjB;AAAAA,QAAgB,GAAA;AAAA,UAAAU,SAAAA,MAAA,CAAAQ,oBAAA,IAAA,CAAA;AAAA,SAAAX,GAAAA,IAAA,YAAAU,sBAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WAEDX;AAAAA,QAAkB,GAAA;AAAA,UAAAI,SAAAA,MAAA,CAAAQ,oBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAIvD,CAAA;AAAA;EAUX;AACF,CAAC;;"}

package/dist/cjs/components/data-model/data-filter-drawer/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const utils = require("@maketribe/utils");
+const dataFilterDrawer = require("./data-filter-drawer.js");
+const dataFilterDrawerOptions = require("./data-filter-drawer-options.js");
+const MKDataFilterDrawer = utils.withInstall(dataFilterDrawer);
+exports.dataFilterDrawerEmits = dataFilterDrawerOptions.dataFilterDrawerEmits;
+exports.dataFilterDrawerProps = dataFilterDrawerOptions.dataFilterDrawerProps;
+exports.MKDataFilterDrawer = MKDataFilterDrawer;
+exports.default = MKDataFilterDrawer;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/data-model/data-filter-drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-filter-drawer/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport DataFilterDrawer from \"./data-filter-drawer\";\r\n\r\nexport const MKDataFilterDrawer = withInstall(DataFilterDrawer);\r\n\r\nexport default MKDataFilterDrawer;\r\n\r\nexport * from \"./data-filter-drawer-options\";\r\n"],"names":["withInstall","DataFilterDrawer"],"mappings":";;;;;AAGa,MAAA,qBAAqBA,kBAAYC,gBAAgB;;;;;"}

package/dist/cjs/components/data-model/data-filter-form/components/condition-date/condition-date-options.js

@@ -1,14 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const utils = require("@maketribe/utils");
-const operatorOptions = require("../../operator-options.js");
 const useCondition = require("../../composables/use-condition.js");
 const conditionDateProps = utils.buildProps({
   ...useCondition.dataFilterConditionProps,
-  defaultOperator: {
-    type: String,
-    default: operatorOptions.BETWEEN_OPTION.value
-  },
   type: {
     type: String,
     default: "date"
@@ -16,7 +11,15 @@ const conditionDateProps = utils.buildProps({
   teleported: {
     type: Boolean,
     default: false
+  },
+  isBetween: {
+    type: Boolean,
+    default: false
   }
 });
+const conditionDateEmits = {
+  "update:model-value": (v) => true
+};
+exports.conditionDateEmits = conditionDateEmits;
 exports.conditionDateProps = conditionDateProps;
 //# sourceMappingURL=condition-date-options.js.map

package/dist/cjs/components/data-model/data-filter-form/components/condition-date/condition-date-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"condition-date-options.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-date/condition-date-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nimport { BETWEEN_OPTION } from \"../../operator-options\";\r\nimport { dataFilterConditionProps } from \"../../composables\";\r\n\r\nexport const conditionDateProps = buildProps({\r\n  ...dataFilterConditionProps,\r\n  defaultOperator: {\r\n    type: String,\r\n    default: BETWEEN_OPTION.value,\r\n  },\r\n  type: {\r\n    type: String,\r\n    default: \"date\",\r\n  },\r\n  teleported: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n} as const);\r\n\r\nexport type ConditionDateProps = ExtractPropTypes<typeof conditionDateProps>;\r\n"],"names":["buildProps","dataFilterConditionProps","BETWEEN_OPTION"],"mappings":";;;;;AAMO,MAAM,qBAAqBA,MAAAA,WAAW;AAAA,EAC3C,GAAGC,aAAA;AAAA,EACH,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAASC,gBAAe,eAAA;AAAA,EAC1B;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;;"}
+{"version":3,"file":"condition-date-options.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-date/condition-date-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nimport { dataFilterConditionProps } from \"../../composables\";\r\n\r\nexport const conditionDateProps = buildProps({\r\n  ...dataFilterConditionProps,\r\n  type: {\r\n    type: String,\r\n    default: \"date\",\r\n  },\r\n  teleported: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  isBetween: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n} as const);\r\n\r\nexport type ConditionDateProps = ExtractPropTypes<typeof conditionDateProps>;\r\n\r\nexport const conditionDateEmits = {\r\n  \"update:model-value\": (v: string) => true,\r\n};\r\n\r\nexport type ConditionDateEmits = typeof conditionDateEmits;\r\n"],"names":["buildProps","dataFilterConditionProps"],"mappings":";;;;AAKO,MAAM,qBAAqBA,MAAAA,WAAW;AAAA,EAC3C,GAAGC,aAAA;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,qBAAqB;AAAA,EAChC,sBAAsB,CAAC,MAAc;AACvC;;;"}

package/dist/cjs/components/data-model/data-filter-form/components/condition-date/condition-date.js

@@ -2,47 +2,34 @@
 const vue = require("vue");
 const elementPlus = require("element-plus");
 const conditionDateOptions = require("./condition-date-options.js");
-const useCondition = require("../../composables/use-condition.js");
-const operatorOptions = require("../../operator-options.js");
 const ConditionDate = /* @__PURE__ */ vue.defineComponent({
   name: "MKConditionDate",
   props: conditionDateOptions.conditionDateProps,
+  emits: conditionDateOptions.conditionDateEmits,
   setup(props, {
-    expose
+    emit
   }) {
-    const {
-      value,
-      isBetween
-    } = useCondition.useDataFilterCondition({
-      ...props,
-      operator: props.defaultOperator,
-      operatorOptions: [operatorOptions.BETWEEN_OPTION, operatorOptions.LESS_THAN_OPTION, operatorOptions.LESS_THAN_EQUAL_OPTION, operatorOptions.GREATER_THAN_OPTION, operatorOptions.GREATER_THAN_EQUAL_OPTION]
-    });
     const type = vue.computed(() => {
       if (props.type === "datetime") {
-        return vue.unref(isBetween) ? "datetimerange" : "datetime";
+        return props.isBetween ? "datetimerange" : "datetime";
       }
-      return vue.unref(isBetween) ? "daterange" : props.type;
+      return props.isBetween ? "daterange" : props.type;
     });
     const valueFormat = vue.computed(() => {
       const _type = vue.unref(type);
       return ["datetime", "datetimerange"].includes(_type) ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
     });
-    expose({
-      isEmpty() {
-        return value.value[0] === null || value.value[1] === null;
-      },
-      reset() {
-        value.value = [null, null];
-      }
+    const modelValue = vue.computed({
+      get: () => props.modelValue,
+      set: (v) => emit("update:model-value", v)
     });
     return () => {
       var ElDatePickerComponent = elementPlus.ElDatePicker;
       return vue.createVNode(ElDatePickerComponent, {
         "teleported": props.teleported,
         "class": "mk-condition-date",
-        "modelValue": vue.unref(value),
-        "onUpdate:modelValue": (v) => value.value = v,
+        "modelValue": vue.unref(modelValue),
+        "onUpdate:modelValue": (v) => modelValue.value = v,
         "type": vue.unref(type),
         "valueFormat": vue.unref(valueFormat)
       }, null);

package/dist/cjs/components/data-model/data-filter-form/components/condition-date/condition-date.js.map

@@ -1 +1 @@
-{"version":3,"file":"condition-date.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-date/condition-date.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { ElDatePicker } from \"element-plus\";\r\nimport { Operator } from \"@maketribe/dm\";\r\n\r\nimport { conditionDateProps } from \"./condition-date-options\";\r\nimport { useDataFilterCondition } from \"../../composables\";\r\nimport {\r\n  BETWEEN_OPTION,\r\n  GREATER_THAN_EQUAL_OPTION,\r\n  GREATER_THAN_OPTION,\r\n  LESS_THAN_EQUAL_OPTION,\r\n  LESS_THAN_OPTION,\r\n} from \"../../operator-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKConditionDate\",\r\n  props: conditionDateProps,\r\n  setup(props, { expose }) {\r\n    const { value, isBetween } = useDataFilterCondition({\r\n      ...props,\r\n      operator: props.defaultOperator as Operator,\r\n      operatorOptions: [\r\n        BETWEEN_OPTION,\r\n        LESS_THAN_OPTION,\r\n        LESS_THAN_EQUAL_OPTION,\r\n        GREATER_THAN_OPTION,\r\n        GREATER_THAN_EQUAL_OPTION,\r\n      ],\r\n    });\r\n\r\n    const type = computed(() => {\r\n      if (props.type === \"datetime\") {\r\n        return unref(isBetween) ? \"datetimerange\" : \"datetime\";\r\n      }\r\n\r\n      return unref(isBetween) ? \"daterange\" : props.type;\r\n    });\r\n\r\n    const valueFormat = computed(() => {\r\n      const _type = unref(type);\r\n\r\n      return [\"datetime\", \"datetimerange\"].includes(_type)\r\n        ? \"YYYY-MM-DD HH:mm:ss\"\r\n        : \"YYYY-MM-DD\";\r\n    });\r\n\r\n    expose({\r\n      isEmpty() {\r\n        return value.value[0] === null || value.value[1] === null;\r\n      },\r\n      reset() {\r\n        value.value = [null, null];\r\n      },\r\n    });\r\n\r\n    return () => {\r\n      var ElDatePickerComponent = ElDatePicker as any;\r\n      return (\r\n        <ElDatePickerComponent\r\n          teleported={props.teleported}\r\n          class=\"mk-condition-date\"\r\n          modelValue={unref(value)}\r\n          onUpdate:modelValue={(v: any) => (value.value = v)}\r\n          type={unref(type) as any}\r\n          valueFormat={unref(valueFormat)}\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","conditionDateProps","setup","expose","value","isBetween","useDataFilterCondition","operator","defaultOperator","operatorOptions","BETWEEN_OPTION","LESS_THAN_OPTION","LESS_THAN_EQUAL_OPTION","GREATER_THAN_OPTION","GREATER_THAN_EQUAL_OPTION","type","computed","unref","valueFormat","_type","includes","isEmpty","reset","ElDatePickerComponent","ElDatePicker","_createVNode","teleported","v"],"mappings":";;;;;;AAcA,MAAeA,oDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,qBAAkB;AAAA,EACzBC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAO,GAAG;AACvB,UAAM;AAAA,MAAEC;AAAAA,MAAOC;AAAAA,IAAW,IAAGC,oCAAuB;AAAA,MAClD,GAAGN;AAAAA,MACHO,UAAUP,MAAMQ;AAAAA,MAChBC,iBAAiB,CACfC,gBAAAA,gBACAC,gBAAAA,kBACAC,gBAAAA,wBACAC,gBAAAA,qBACAC,gBAAAA,yBAAyB;AAAA,IAE7B,CAAC;AAED,UAAMC,OAAOC,IAAAA,SAAS,MAAM;AAC1B,UAAIhB,MAAMe,SAAS,YAAY;AAC7B,eAAOE,UAAMZ,SAAS,IAAI,kBAAkB;AAAA,MAC9C;AAEA,aAAOY,IAAK,MAACZ,SAAS,IAAI,cAAcL,MAAMe;AAAAA,IAChD,CAAC;AAED,UAAMG,cAAcF,IAAAA,SAAS,MAAM;AACjC,YAAMG,QAAQF,UAAMF,IAAI;AAExB,aAAO,CAAC,YAAY,eAAe,EAAEK,SAASD,KAAK,IAC/C,wBACA;AAAA,IACN,CAAC;AAEDhB,WAAO;AAAA,MACLkB,UAAU;AACR,eAAOjB,MAAMA,MAAM,CAAC,MAAM,QAAQA,MAAMA,MAAM,CAAC,MAAM;AAAA,MACtD;AAAA,MACDkB,QAAQ;AACNlB,cAAMA,QAAQ,CAAC,MAAM,IAAI;AAAA,MAC3B;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,UAAImB,wBAAwBC,YAAAA;AAC5B,aAAAC,IAAAA,YAAAF,uBAAA;AAAA,QAAA,cAEgBvB,MAAM0B;AAAAA,QAAU,SAAA;AAAA,QAAA,cAEhBT,IAAK,MAACb,KAAK;AAAA,QAAC,uBACFuB,OAAYvB,MAAMA,QAAQuB;AAAAA,QAAE,QAC5CV,IAAK,MAACF,IAAI;AAAA,QAAC,eACJE,IAAK,MAACC,WAAW;AAAA,MAAC,GAAA,IAAA;AAAA;EAIvC;AACF,CAAC;;"}
+{"version":3,"file":"condition-date.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-date/condition-date.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { ElDatePicker } from \"element-plus\";\r\n\r\nimport {\r\n  conditionDateEmits,\r\n  conditionDateProps,\r\n} from \"./condition-date-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKConditionDate\",\r\n  props: conditionDateProps,\r\n  emits: conditionDateEmits,\r\n  setup(props, { emit }) {\r\n    const type = computed(() => {\r\n      if (props.type === \"datetime\") {\r\n        return props.isBetween ? \"datetimerange\" : \"datetime\";\r\n      }\r\n\r\n      return props.isBetween ? \"daterange\" : props.type;\r\n    });\r\n\r\n    const valueFormat = computed(() => {\r\n      const _type = unref(type);\r\n\r\n      return [\"datetime\", \"datetimerange\"].includes(_type)\r\n        ? \"YYYY-MM-DD HH:mm:ss\"\r\n        : \"YYYY-MM-DD\";\r\n    });\r\n\r\n    const modelValue = computed({\r\n      get: () => props.modelValue,\r\n      set: (v) => emit(\"update:model-value\", v),\r\n    });\r\n\r\n    return () => {\r\n      var ElDatePickerComponent = ElDatePicker as any;\r\n      return (\r\n        <ElDatePickerComponent\r\n          teleported={props.teleported}\r\n          class=\"mk-condition-date\"\r\n          modelValue={unref(modelValue)}\r\n          onUpdate:modelValue={(v: any) => (modelValue.value = v)}\r\n          type={unref(type) as any}\r\n          valueFormat={unref(valueFormat)}\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","conditionDateProps","emits","conditionDateEmits","setup","emit","type","computed","isBetween","valueFormat","_type","unref","includes","modelValue","get","set","v","ElDatePickerComponent","ElDatePicker","_createVNode","teleported","value"],"mappings":";;;;AAQA,MAAeA,oDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,qBAAkB;AAAA,EACzBC,OAAOC,qBAAkB;AAAA,EACzBC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,OAAOC,IAAAA,SAAS,MAAM;AAC1B,UAAIP,MAAMM,SAAS,YAAY;AAC7B,eAAON,MAAMQ,YAAY,kBAAkB;AAAA,MAC7C;AAEA,aAAOR,MAAMQ,YAAY,cAAcR,MAAMM;AAAAA,IAC/C,CAAC;AAED,UAAMG,cAAcF,IAAAA,SAAS,MAAM;AACjC,YAAMG,QAAQC,UAAML,IAAI;AAExB,aAAO,CAAC,YAAY,eAAe,EAAEM,SAASF,KAAK,IAC/C,wBACA;AAAA,IACN,CAAC;AAED,UAAMG,aAAaN,IAAAA,SAAS;AAAA,MAC1BO,KAAKA,MAAMd,MAAMa;AAAAA,MACjBE,KAAMC,OAAMX,KAAK,sBAAsBW,CAAC;AAAA,IAC1C,CAAC;AAED,WAAO,MAAM;AACX,UAAIC,wBAAwBC,YAAAA;AAC5B,aAAAC,IAAAA,YAAAF,uBAAA;AAAA,QAAA,cAEgBjB,MAAMoB;AAAAA,QAAU,SAAA;AAAA,QAAA,cAEhBT,IAAK,MAACE,UAAU;AAAA,QAAC,uBACPG,OAAYH,WAAWQ,QAAQL;AAAAA,QAAE,QACjDL,IAAK,MAACL,IAAI;AAAA,QAAC,eACJK,IAAK,MAACF,WAAW;AAAA,MAAC,GAAA,IAAA;AAAA;EAIvC;AACF,CAAC;;"}

package/dist/cjs/components/data-model/data-filter-form/components/condition-date/index.js

@@ -4,6 +4,7 @@ const utils = require("@maketribe/utils");
 const conditionDate = require("./condition-date.js");
 const conditionDateOptions = require("./condition-date-options.js");
 const MKConditionDate = utils.withInstall(conditionDate);
+exports.conditionDateEmits = conditionDateOptions.conditionDateEmits;
 exports.conditionDateProps = conditionDateOptions.conditionDateProps;
 exports.MKConditionDate = MKConditionDate;
 exports.default = MKConditionDate;

package/dist/cjs/components/data-model/data-filter-form/components/condition-date/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-date/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport ConditionDate from \"./condition-date\";\r\n\r\nexport const MKConditionDate = withInstall(ConditionDate);\r\nexport default MKConditionDate;\r\n\r\nexport * from \"./condition-date-options\";\r\n"],"names":["withInstall","ConditionDate"],"mappings":";;;;;AAGa,MAAA,kBAAkBA,kBAAYC,aAAa;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-date/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport ConditionDate from \"./condition-date\";\r\n\r\nexport const MKConditionDate = withInstall(ConditionDate);\r\nexport default MKConditionDate;\r\n\r\nexport * from \"./condition-date-options\";\r\n"],"names":["withInstall","ConditionDate"],"mappings":";;;;;AAGa,MAAA,kBAAkBA,kBAAYC,aAAa;;;;;"}

package/dist/cjs/components/data-model/data-filter-form/components/condition-input/condition-input-options.js

@@ -5,5 +5,9 @@ const useCondition = require("../../composables/use-condition.js");
 const conditionInputProps = utils.buildProps({
   ...useCondition.dataFilterConditionProps
 });
+const conditionInputEmits = {
+  "update:model-value": (v) => true
+};
+exports.conditionInputEmits = conditionInputEmits;
 exports.conditionInputProps = conditionInputProps;
 //# sourceMappingURL=condition-input-options.js.map

package/dist/cjs/components/data-model/data-filter-form/components/condition-input/condition-input-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"condition-input-options.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-input/condition-input-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nimport { dataFilterConditionProps } from \"../../composables\";\r\n\r\nexport const conditionInputProps = buildProps({\r\n  ...dataFilterConditionProps,\r\n} as const);\r\n\r\nexport type ConditionInputProps = ExtractPropTypes<typeof conditionInputProps>;\r\n"],"names":["buildProps","dataFilterConditionProps"],"mappings":";;;;AAKO,MAAM,sBAAsBA,MAAAA,WAAW;AAAA,EAC5C,GAAGC,aAAA;AACL,CAAU;;"}
+{"version":3,"file":"condition-input-options.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-input/condition-input-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nimport { dataFilterConditionProps } from \"../../composables\";\r\n\r\nexport const conditionInputProps = buildProps({\r\n  ...dataFilterConditionProps,\r\n} as const);\r\n\r\nexport type ConditionInputProps = ExtractPropTypes<typeof conditionInputProps>;\r\n\r\nexport const conditionInputEmits = {\r\n  \"update:model-value\": (v: string) => true,\r\n};\r\n\r\nexport type ConditionInputEmits = typeof conditionInputEmits;\r\n"],"names":["buildProps","dataFilterConditionProps"],"mappings":";;;;AAKO,MAAM,sBAAsBA,MAAAA,WAAW;AAAA,EAC5C,GAAGC,aAAA;AACL,CAAU;AAIH,MAAM,sBAAsB;AAAA,EACjC,sBAAsB,CAAC,MAAc;AACvC;;;"}

package/dist/cjs/components/data-model/data-filter-form/components/condition-input/condition-input.js

@@ -2,34 +2,22 @@
 const vue = require("vue");
 const elementPlus = require("element-plus");
 const conditionInputOptions = require("./condition-input-options.js");
-const useCondition = require("../../composables/use-condition.js");
-const operatorOptions = require("../../operator-options.js");
 const ConditionInput = /* @__PURE__ */ vue.defineComponent({
   name: "MKConditionInput",
   props: conditionInputOptions.conditionInputProps,
+  emits: conditionInputOptions.conditionInputEmits,
   setup(props, {
-    expose
+    emit
   }) {
-    const {
-      value
-    } = useCondition.useDataFilterCondition({
-      ...props,
-      operator: operatorOptions.CONTAIN_OPTION.value,
-      operatorOptions: [operatorOptions.CONTAIN_OPTION, operatorOptions.EQUAL_OPTION]
-    });
-    expose({
-      isEmpty() {
-        return value.value == null;
-      },
-      reset() {
-        value.value = null;
-      }
+    const modelValue = vue.computed({
+      get: () => props.modelValue,
+      set: (v) => emit("update:model-value", v)
     });
     return () => {
       return vue.createVNode(elementPlus.ElInput, {
         "class": "mk-condition-input",
-        "modelValue": vue.unref(value),
-        "onUpdate:modelValue": (v) => value.value = v,
+        "modelValue": vue.unref(modelValue),
+        "onUpdate:modelValue": (v) => modelValue.value = v,
         "placeholder": "请输入关键字"
       }, null);
     };

package/dist/cjs/components/data-model/data-filter-form/components/condition-input/condition-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"condition-input.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-input/condition-input.tsx"],"sourcesContent":["import { defineComponent, unref } from \"vue\";\r\nimport { ElInput } from \"element-plus\";\r\n\r\nimport { conditionInputProps } from \"./condition-input-options\";\r\nimport { useDataFilterCondition } from \"../../composables\";\r\nimport { CONTAIN_OPTION, EQUAL_OPTION } from \"../../operator-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKConditionInput\",\r\n  props: conditionInputProps,\r\n  setup(props, { expose }) {\r\n    const { value } = useDataFilterCondition({\r\n      ...props,\r\n      operator: CONTAIN_OPTION.value,\r\n      operatorOptions: [CONTAIN_OPTION, EQUAL_OPTION],\r\n    });\r\n\r\n    expose({\r\n      isEmpty() {\r\n        return value.value == null;\r\n      },\r\n      reset() {\r\n        value.value = null;\r\n      },\r\n    });\r\n\r\n    return () => {\r\n      return (\r\n        <ElInput\r\n          class=\"mk-condition-input\"\r\n          modelValue={unref(value)}\r\n          onUpdate:modelValue={(v) => (value.value = v)}\r\n          placeholder=\"请输入关键字\"\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","conditionInputProps","setup","expose","value","useDataFilterCondition","operator","CONTAIN_OPTION","operatorOptions","EQUAL_OPTION","isEmpty","reset","_createVNode","ElInput","unref","v"],"mappings":";;;;;;AAOA,MAAeA,qDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,sBAAmB;AAAA,EAC1BC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAO,GAAG;AACvB,UAAM;AAAA,MAAEC;AAAAA,IAAO,IAAGC,oCAAuB;AAAA,MACvC,GAAGL;AAAAA,MACHM,UAAUC,gBAAc,eAACH;AAAAA,MACzBI,iBAAiB,CAACD,gBAAc,gBAAEE,4BAAY;AAAA,IAChD,CAAC;AAEDN,WAAO;AAAA,MACLO,UAAU;AACR,eAAON,MAAMA,SAAS;AAAA,MACvB;AAAA,MACDO,QAAQ;AACNP,cAAMA,QAAQ;AAAA,MAChB;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,aAAAQ,IAAAA,YAAAC,YAAAA,SAAA;AAAA,QAAA,SAAA;AAAA,QAAA,cAGgBC,IAAK,MAACV,KAAK;AAAA,QAAC,uBACFW,OAAOX,MAAMA,QAAQW;AAAAA,QAAE,eAAA;AAAA,MAAA,GAAA,IAAA;AAAA;EAKrD;AACF,CAAC;;"}
+{"version":3,"file":"condition-input.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-input/condition-input.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { ElInput } from \"element-plus\";\r\n\r\nimport {\r\n  conditionInputEmits,\r\n  conditionInputProps,\r\n} from \"./condition-input-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKConditionInput\",\r\n  props: conditionInputProps,\r\n  emits: conditionInputEmits,\r\n  setup(props, { emit }) {\r\n    const modelValue = computed({\r\n      get: () => props.modelValue,\r\n      set: (v) => emit(\"update:model-value\", v),\r\n    });\r\n\r\n    return () => {\r\n      return (\r\n        <ElInput\r\n          class=\"mk-condition-input\"\r\n          modelValue={unref(modelValue)}\r\n          onUpdate:modelValue={(v) => (modelValue.value = v)}\r\n          placeholder=\"请输入关键字\"\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","conditionInputProps","emits","conditionInputEmits","setup","emit","modelValue","computed","get","set","v","_createVNode","ElInput","unref","value"],"mappings":";;;;AAQA,MAAeA,qDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,sBAAmB;AAAA,EAC1BC,OAAOC,sBAAmB;AAAA,EAC1BC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,IAAAA,SAAS;AAAA,MAC1BC,KAAKA,MAAMR,MAAMM;AAAAA,MACjBG,KAAMC,OAAML,KAAK,sBAAsBK,CAAC;AAAA,IAC1C,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,IAAAA,YAAAC,YAAAA,SAAA;AAAA,QAAA,SAAA;AAAA,QAAA,cAGgBC,IAAK,MAACP,UAAU;AAAA,QAAC,uBACPI,OAAOJ,WAAWQ,QAAQJ;AAAAA,QAAE,eAAA;AAAA,MAAA,GAAA,IAAA;AAAA;EAK1D;AACF,CAAC;;"}

package/dist/cjs/components/data-model/data-filter-form/components/condition-input/index.js

@@ -4,6 +4,7 @@ const utils = require("@maketribe/utils");
 const conditionInput = require("./condition-input.js");
 const conditionInputOptions = require("./condition-input-options.js");
 const MKConditionInput = utils.withInstall(conditionInput);
+exports.conditionInputEmits = conditionInputOptions.conditionInputEmits;
 exports.conditionInputProps = conditionInputOptions.conditionInputProps;
 exports.MKConditionInput = MKConditionInput;
 exports.default = MKConditionInput;

package/dist/cjs/components/data-model/data-filter-form/components/condition-input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-input/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport ConditionInput from \"./condition-input\";\r\n\r\nexport const MKConditionInput = withInstall(ConditionInput);\r\nexport default MKConditionInput;\r\n\r\nexport * from \"./condition-input-options\";\r\n"],"names":["withInstall","ConditionInput"],"mappings":";;;;;AAGa,MAAA,mBAAmBA,kBAAYC,cAAc;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-input/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport ConditionInput from \"./condition-input\";\r\n\r\nexport const MKConditionInput = withInstall(ConditionInput);\r\nexport default MKConditionInput;\r\n\r\nexport * from \"./condition-input-options\";\r\n"],"names":["withInstall","ConditionInput"],"mappings":";;;;;AAGa,MAAA,mBAAmBA,kBAAYC,cAAc;;;;;"}

package/dist/cjs/components/data-model/data-filter-form/components/condition-number/condition-number-options.js

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const utils = require("@maketribe/utils");
-const operatorOptions = require("../../operator-options.js");
 const useCondition = require("../../composables/use-condition.js");
 const conditionNumberProps = utils.buildProps({
   ...useCondition.dataFilterConditionProps,
-  defaultValue: {
-    default: null
-  },
-  defaultOperator: {
-    type: String,
-    default: operatorOptions.EQUAL_OPTION.value
+  isBetween: {
+    type: Boolean,
+    default: false
   }
 });
+const conditionNumberEmits = {
+  "update:model-value": (v) => true
+};
+exports.conditionNumberEmits = conditionNumberEmits;
 exports.conditionNumberProps = conditionNumberProps;
 //# sourceMappingURL=condition-number-options.js.map

package/dist/cjs/components/data-model/data-filter-form/components/condition-number/condition-number-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"condition-number-options.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-number/condition-number-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nimport { EQUAL_OPTION } from \"../../operator-options\";\r\nimport { dataFilterConditionProps } from \"../../composables\";\r\n\r\nexport const conditionNumberProps = buildProps({\r\n  ...dataFilterConditionProps,\r\n  defaultValue: {\r\n    default: null,\r\n  },\r\n  defaultOperator: {\r\n    type: String,\r\n    default: EQUAL_OPTION.value,\r\n  },\r\n});\r\n\r\nexport type ConditionNumberProps = ExtractPropTypes<\r\n  typeof conditionNumberProps\r\n>;\r\n"],"names":["buildProps","dataFilterConditionProps","EQUAL_OPTION"],"mappings":";;;;;AAMO,MAAM,uBAAuBA,MAAAA,WAAW;AAAA,EAC7C,GAAGC,aAAA;AAAA,EACH,cAAc;AAAA,IACZ,SAAS;AAAA,EACX;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAASC,gBAAa,aAAA;AAAA,EACxB;AACF,CAAC;;"}
+{"version":3,"file":"condition-number-options.js","sources":["../../../../../../../src/components/data-model/data-filter-form/components/condition-number/condition-number-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nimport { dataFilterConditionProps } from \"../../composables\";\r\n\r\nexport const conditionNumberProps = buildProps({\r\n  ...dataFilterConditionProps,\r\n  isBetween: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n});\r\n\r\nexport type ConditionNumberProps = ExtractPropTypes<\r\n  typeof conditionNumberProps\r\n>;\r\n\r\nexport const conditionNumberEmits = {\r\n  \"update:model-value\": (v: string) => true,\r\n};\r\n\r\nexport type ConditionNumberEmits = typeof conditionNumberEmits;\r\n"],"names":["buildProps","dataFilterConditionProps"],"mappings":";;;;AAKO,MAAM,uBAAuBA,MAAAA,WAAW;AAAA,EAC7C,GAAGC,aAAA;AAAA,EACH,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;AAMM,MAAM,uBAAuB;AAAA,EAClC,sBAAsB,CAAC,MAAc;AACvC;;;"}

package/dist/cjs/components/data-model/data-filter-form/components/condition-number/condition-number.js

@@ -1,47 +1,34 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const useCondition = require("../../composables/use-condition.js");
-const operatorOptions = require("../../operator-options.js");
 const conditionNumberOptions = require("./condition-number-options.js");
 const ConditionNumber = /* @__PURE__ */ vue.defineComponent({
   name: "MKConditionNumber",
   props: conditionNumberOptions.conditionNumberProps,
+  emits: conditionNumberOptions.conditionNumberEmits,
   setup(props, {
-    expose
+    emit
   }) {
-    const {
-      value,
-      isBetween
-    } = useCondition.useDataFilterCondition({
-      ...props,
-      operator: props.defaultOperator,
-      operatorOptions: [operatorOptions.EQUAL_OPTION, operatorOptions.BETWEEN_OPTION, operatorOptions.LESS_THAN_OPTION, operatorOptions.LESS_THAN_EQUAL_OPTION, operatorOptions.GREATER_THAN_OPTION, operatorOptions.GREATER_THAN_EQUAL_OPTION]
-    });
-    expose({
-      isEmpty() {
-        return value.value == null;
-      },
-      reset() {
-        value.value = null;
-      }
+    const modelValue = vue.computed({
+      get: () => props.modelValue ?? props.isBetween ? [null, null] : null,
+      set: (v) => emit("update:model-value", v)
     });
     return () => {
-      const children = vue.unref(isBetween) ? vue.createVNode("span", null, [vue.createVNode(elementPlus.ElInputNumber, {
-        "modelValue": vue.unref(value)[0],
-        "onUpdate:modelValue": (v) => value.value[0] = v,
+      const children = props.isBetween ? vue.createVNode("span", null, [vue.createVNode(elementPlus.ElInputNumber, {
+        "modelValue": vue.unref(modelValue)[0],
+        "onUpdate:modelValue": (v) => modelValue.value = [v, vue.unref(modelValue)[1]],
         "controls-position": "right"
       }, null), vue.createVNode(elementPlus.ElInputNumber, {
-        "modelValue": vue.unref(value)[1],
-        "onUpdate:modelValue": (v) => value.value[1] = v,
+        "modelValue": vue.unref(modelValue)[1],
+        "onUpdate:modelValue": (v) => modelValue.value = [vue.unref(modelValue)[0], v],
         "controls-position": "right"
       }, null)]) : vue.createVNode(elementPlus.ElInputNumber, {
-        "modelValue": vue.unref(value),
-        "onUpdate:modelValue": (v) => value.value = v,
+        "modelValue": vue.unref(modelValue),
+        "onUpdate:modelValue": (v) => modelValue.value = v,
         "controls-position": "right"
       }, null);
       return vue.createVNode("div", {
-        "class": ["mk-condition-number", vue.unref(isBetween) ? "is-between" : ""]
+        "class": ["mk-condition-number", props.isBetween ? "is-between" : ""]
       }, [children]);
     };
   }