hy-dispatch-ui-v3 0.2.40 → 0.2.41

package/es/components/hyBatchUploadDialog/batchUploadDialog.vue.mjs

@@ -0,0 +1,278 @@
+import { defineComponent, useTemplateRef, useModel, ref, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, renderList, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode, createVNode, createTextVNode, toDisplayString, createElementBlock, mergeModels } from 'vue';
+import { ElIcon } from 'element-plus';
+import { Warning } from '@element-plus/icons-vue';
+import { HyDialog } from '../hyDialog/index.mjs';
+import { HyBatchTableForm } from '../hyTableForm/index.mjs';
+import { HyTooltip } from '../hyTooltip/index.mjs';
+import { HyButton } from '../hyButton/index.mjs';
+
+import "./style/batchUploadDialog.scss";
+
+const __default__ = defineComponent({
+  name: "HyBatchUploadDialog"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: /* @__PURE__ */ mergeModels({
+    // 弹窗
+    title: {
+      type: String
+    },
+    width: {
+      type: String,
+      default: "920"
+    },
+    dialogType: {
+      type: String,
+      default: "right"
+    },
+    // 是否可缩小化
+    ifShrink: { type: Boolean, default: false },
+    // 是否拖拽
+    ifDraggable: { type: Boolean, default: true },
+    // 表格配置项
+    tableColumns: {
+      // 表格的列
+      type: Array,
+      required: true,
+      default: () => []
+    },
+    formColumns: {
+      type: Array,
+      default: () => []
+    },
+    rules: {
+      type: Object,
+      default: () => ({})
+    },
+    emptyText: {
+      // 空数据时显示的文本内容
+      type: String
+    },
+    fontSize: {
+      // 字体大小
+      type: Number,
+      default: 14
+    },
+    rowClickExpand: {
+      // 点击行展开
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    // 表单配置项
+    columnNum: {
+      type: Number,
+      default: 2
+    },
+    size: {
+      type: String,
+      default: "default"
+      // 'large' | 'default' | 'small'
+    },
+    // 其他配置项
+    beforeDataHandle: {
+      type: Function
+    },
+    submitHandler: {
+      type: Function
+    }
+  }, {
+    "modelValue": { type: Boolean, default: false },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels([
+    "uploading",
+    "uploaded",
+    "reset",
+    "validate",
+    "submitting",
+    "submit"
+  ], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emits = __emit;
+    const batchTableFormRef = useTemplateRef("batchTableFormRef");
+    const visible = useModel(__props, "modelValue");
+    const showSubmit = ref(false);
+    const isSubmitting = ref(false);
+    const failedCount = ref(0);
+    const failedStatus = ref(null);
+    async function show() {
+      visible.value = true;
+      showSubmit.value = false;
+      failedCount.value = 0;
+      failedStatus.value = null;
+    }
+    function onTableUploadingHandler(...args) {
+      emits("uploading", ...args);
+    }
+    function onTableUploadedHandler(...args) {
+      showSubmit.value = true;
+      emits("uploaded", ...args);
+    }
+    function onTableResetHandler(...args) {
+      failedCount.value = 0;
+      failedStatus.value = null;
+      showSubmit.value = false;
+      emits("reset", ...args);
+    }
+    function onTableValidateHandler(params) {
+      const { row, prop, isValid, message, total, success, failed } = params;
+      failedCount.value = failed;
+      failedStatus.value = !failed ? null : failedStatus.value || "validate";
+      emits("validate", params);
+    }
+    function onTableSubmittingHandler(...args) {
+      isSubmitting.value = true;
+      emits("submitting", ...args);
+    }
+    function onTableSubmitHandler(params) {
+      const { total, success, failed, result } = params;
+      if (result) {
+        visible.value = false;
+        failedCount.value = null;
+        failedStatus.value = null;
+      } else {
+        failedCount.value = failed;
+        failedStatus.value = "submit";
+      }
+      isSubmitting.value = false;
+      emits("submit", params);
+    }
+    async function onSubmitHandler() {
+      await batchTableFormRef.value.validate();
+      batchTableFormRef.value.submitDataSource();
+    }
+    __expose({
+      show,
+      getTableDataSource: () => {
+        return batchTableFormRef.value.getTableDataSource();
+      },
+      validate: async () => {
+        return await batchTableFormRef.value.validate();
+      },
+      submitDataSource: () => {
+        return batchTableFormRef.value.submitDataSource();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(HyDialog), mergeProps({
+        modelValue: visible.value,
+        "onUpdate:modelValue": ($event) => visible.value = $event,
+        loading: isSubmitting.value,
+        "onUpdate:loading": ($event) => isSubmitting.value = $event,
+        title: __props.title,
+        width: __props.width,
+        "dialog-type": __props.dialogType,
+        "show-operate": true,
+        "show-submit": false,
+        "show-cancel": !isSubmitting.value,
+        ifShrink: __props.ifShrink,
+        ifDraggable: __props.ifDraggable
+      }, _ctx.$attrs), createSlots({
+        "operate-left-box": withCtx(() => [
+          failedCount.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "flex items-center gap-1.5 text-xs text-warning"
+          }, [
+            createVNode(unref(ElIcon), null, {
+              default: withCtx(() => [
+                createVNode(unref(Warning))
+              ]),
+              _: 1
+              /* STABLE */
+            }),
+            failedStatus.value === "validate" ? (openBlock(), createElementBlock(
+              "span",
+              { key: 0 },
+              "\u5F53\u524D " + toDisplayString(failedCount.value) + " \u6761\u5F02\u5E38\u6570\u636E\uFF0C\u70B9\u51FB\u5BFC\u5165\u5C06\u4EC5\u5BFC\u5165\u5C31\u7EEA\u6570\u636E\uFF0C\u5F02\u5E38\u6570\u636E\u5C06\u88AB\u5FFD\u7565\u3002",
+              1
+              /* TEXT */
+            )) : (openBlock(), createElementBlock(
+              "span",
+              { key: 1 },
+              "\u5F53\u524D " + toDisplayString(failedCount.value) + " \u6761\u5F02\u5E38\u6570\u636E\uFF0C\u8BF7\u4FEE\u6B63\u5185\u5BB9",
+              1
+              /* TEXT */
+            ))
+          ])) : createCommentVNode("v-if", true)
+        ]),
+        "operate-right-box": withCtx(() => [
+          showSubmit.value ? (openBlock(), createBlock(unref(HyTooltip), {
+            key: 0,
+            disabled: !isSubmitting.value,
+            content: "\u6570\u636E\u6B63\u5728\u5BFC\u5165\u4E2D\uFF0C\u8BF7\u7A0D\u7B49"
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(HyButton), {
+                type: "primary",
+                loading: isSubmitting.value,
+                class: "!min-w-[120px]",
+                onClick: onSubmitHandler
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(
+                    toDisplayString(isSubmitting.value ? "\u6B63\u5728\u5BFC\u5165" : "\u786E\u8BA4\u5BFC\u5165"),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["loading"])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["disabled"])) : createCommentVNode("v-if", true)
+        ]),
+        default: withCtx(() => [
+          visible.value ? (openBlock(), createBlock(unref(HyBatchTableForm), {
+            key: 0,
+            ref_key: "batchTableFormRef",
+            ref: batchTableFormRef,
+            tableColumns: __props.tableColumns,
+            formColumns: __props.formColumns,
+            rules: __props.rules,
+            emptyText: __props.emptyText,
+            fontSize: __props.fontSize,
+            rowClickExpand: __props.rowClickExpand,
+            columnNum: __props.columnNum,
+            size: __props.size,
+            beforeDataHandle: __props.beforeDataHandle,
+            "submit-handler": __props.submitHandler,
+            onUploading: onTableUploadingHandler,
+            onUploaded: onTableUploadedHandler,
+            onReset: onTableResetHandler,
+            onValidate: onTableValidateHandler,
+            onSubmitting: onTableSubmittingHandler,
+            onSubmit: onTableSubmitHandler
+          }, createSlots({
+            _: 2
+            /* DYNAMIC */
+          }, [
+            renderList(_ctx.$slots, (_, slotName) => {
+              return {
+                name: slotName,
+                fn: withCtx((scope) => [
+                  renderSlot(_ctx.$slots, slotName, normalizeProps(guardReactiveProps(scope)))
+                ])
+              };
+            })
+          ]), 1032, ["tableColumns", "formColumns", "rules", "emptyText", "fontSize", "rowClickExpand", "columnNum", "size", "beforeDataHandle", "submit-handler"])) : createCommentVNode("v-if", true)
+        ]),
+        _: 2
+        /* DYNAMIC */
+      }, [
+        renderList(_ctx.$slots, (_, slotName) => {
+          return {
+            name: slotName,
+            fn: withCtx((scope) => [
+              renderSlot(_ctx.$slots, slotName, normalizeProps(guardReactiveProps(scope)))
+            ])
+          };
+        })
+      ]), 1040, ["modelValue", "onUpdate:modelValue", "loading", "onUpdate:loading", "title", "width", "dialog-type", "show-cancel", "ifShrink", "ifDraggable"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/hyBatchUploadDialog/index.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './batchUploadDialog.vue.mjs';
+import { withInstall } from '../../utils/handler.mjs';
+
+const HyBatchUploadDialog = withInstall(_sfc_main);
+
+export { HyBatchUploadDialog, HyBatchUploadDialog as default };

package/es/components/hyDialog/dialog.vue.mjs

@@ -236,6 +236,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             ]),
             default: withCtx(() => [
               createElementVNode("div", { class: "h-full flex flex-col text-main" }, [
+                renderSlot(_ctx.$slots, "before-content"),
                 renderSlot(_ctx.$slots, "content", {}, () => [
                   createElementVNode(
                     "div",
@@ -251,6 +252,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                     /* CLASS */
                   )
                 ]),
+                renderSlot(_ctx.$slots, "after-content"),
                 __props.showOperate ? (openBlock(), createElementBlock("div", {
                   key: 0,
                   class: "flex items-center flex-row-reverse justify-between p-5 pr-[26px] mt-auto box-border"

package/es/components/hyTableForm/batchTableForm.vue.mjs

@@ -117,6 +117,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     const submitNumber = ref(0);
     const submitting = ref(false);
     const submitProgress = ref(0);
+    const submitModel = ref("default");
     function setData(data = []) {
       if (!tableRef.value) return;
       tableRef.value.setData(data);
@@ -209,11 +210,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       let { dataSource, total, success, failed } = res;
       if (!total) {
         ElMessage.warning("\u8BF7\u6DFB\u52A0\u6570\u636E");
-        return;
+        return Promise.reject();
       }
       if (!success) {
         ElMessage.warning("\u8BF7\u586B\u5199\u6709\u6548\u4E0A\u4F20\u6570\u636E");
-        return;
+        return Promise.reject();
       }
       if (failed) {
         try {
@@ -255,6 +256,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
               prop: null,
               message: res2.msg
             };
+            if (submitModel.value === "force") {
+              break;
+            }
           }
         } catch (err) {
           target.errorMsg = {
@@ -262,6 +266,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             message: err?.msg ? err.msg : err
           };
           console.error(err);
+          if (submitModel.value === "force") {
+            break;
+          }
         }
       }
       deleteData(submitList);

package/es/components/hyTableForm/tableForm.vue.mjs

@@ -141,6 +141,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     function onDeleteRowHandler(params) {
       const { $index } = params;
       dataSource.value.splice($index, 1);
+      emits("validate", {
+        ...statistics.value
+      });
     }
     async function onAddRowHandler() {
       const data = resetAppFormValue(props.formColumns, {

package/es/components/index.mjs

@@ -22,6 +22,7 @@ export { ElInput, HyInput } from './hyInput/index.mjs';
 export { ElTimePicker, HyTimePicker } from './hyTimePicker/index.mjs';
 export { HyBatchTableForm, HyTableForm } from './hyTableForm/index.mjs';
 export { HyTableActionButton } from './hyTableActionButton/index.mjs';
+export { HyBatchUploadDialog } from './hyBatchUploadDialog/index.mjs';
 export { resetAppFormValue, useAppForm } from './hyForm/js/useAppForm.mjs';
 export { resetAppSearchValue, useAppSearch } from './hySearch/js/useAppSearch.mjs';
 export { useAppTable } from './hyTable/js/useAppTable.mjs';

package/es/index.mjs

@@ -5,6 +5,7 @@ export { ElTimePicker, HyTimePicker } from './components/hyTimePicker/index.mjs'
 export { ElTooltip, HyTooltip } from './components/hyTooltip/index.mjs';
 export { HyAudioPlayer } from './components/hyAudioPlayer/index.mjs';
 export { HyBatchTableForm, HyTableForm } from './components/hyTableForm/index.mjs';
+export { HyBatchUploadDialog } from './components/hyBatchUploadDialog/index.mjs';
 export { HyButton } from './components/hyButton/index.mjs';
 export { HyConfigProvider } from './components/hyConfigProvider/index.mjs';
 export { HyConfirmDialog } from './components/hyConfirmDialog/index.mjs';
@@ -23,6 +24,7 @@ export { HyTableActionButton } from './components/hyTableActionButton/index.mjs'
 export { HyTree } from './components/hyTree/index.mjs';
 export { HyUserAvatar } from './components/hyUserAvatar/index.mjs';
 export { HyVideoPlayer } from './components/hyVideoPlayer/index.mjs';
+export { PERMISSION } from './utils/permission.mjs';
 export { base64Decrypt, encryptToBase64, generateRandomCode } from './utils/crypto.mjs';
 export { blobToDataURL, fileFormUpload, fileJsonUplaod, fileUpload, presignedUrl, sizeToTextHandler } from './utils/file.mjs';
 export { buildLocaleContext, buildTranslator, getLanguage, localeContextKey, translate, useLocale } from './hooks/useLocale.mjs';

package/es/utils/index.mjs

@@ -6,3 +6,4 @@ export { cloneDeep, copyText, createUniqueId, funRunHandler, mergeDeep, withInst
 export { formatDuration, getDefaultValueFormatByType } from './date.mjs';
 export { blobToDataURL, fileFormUpload, fileJsonUplaod, fileUpload, presignedUrl, sizeToTextHandler } from './file.mjs';
 export { clearSpace, genValueByProp, getValueByProp, setValueByProp } from './form.mjs';
+export { PERMISSION } from './permission.mjs';