hy-dispatch-ui-v3 0.2.59 → 0.2.60

package/es/bussiness/hyAddDepartmentType/addDepartmentType.vue.mjs

@@ -0,0 +1,365 @@
+import { defineComponent, useTemplateRef, resolveComponent, openBlock, createBlock, unref, isRef, withCtx, createCommentVNode, createElementVNode, createVNode, toDisplayString, createTextVNode, ref } from 'vue';
+import { ElForm, ElFormItem, ElUpload, ElImage, ElMessage } from 'element-plus';
+import { saveApi } from '../../api/index.mjs';
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
+import { useLocale } from '../../hooks/useLocale.mjs';
+import { useMixins } from '../../hooks/useMixins.mjs';
+import { HyDialog } from '../../components/hyDialog/index.mjs';
+import { HyIcon } from '../../components/hyIcon/index.mjs';
+import { HyButton } from '../../components/hyButton/index.mjs';
+import { HyCutter } from '../../components/hyCutter/index.mjs';
+import { fileUpload } from '../../utils/file.mjs';
+
+const __default__ = defineComponent({
+  name: "HyAddDepartmentType"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    // 是否可缩小化
+    ifShrink: { type: Boolean, default: false },
+    // 是否拖拽
+    ifDraggable: { type: Boolean, default: false }
+  },
+  emits: ["on-submit", "onMinimized", "onDialogMousedown"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { t } = useLocale();
+    const props = __props;
+    const emit = __emit;
+    const HyCutterRef = useTemplateRef("HyCutterRef");
+    function useAddDepartmentType(hy) {
+      const { emit: emit2 } = hy;
+      const formRef2 = ref(null);
+      const HyDialogRef2 = ref();
+      const visible2 = ref(false);
+      const form2 = ref({
+        icon: null,
+        typeName: null
+      });
+      const rules2 = ref({
+        typeName: [
+          {
+            required: true,
+            message: t("departmentType.pleaseEnterTheDepartmentTypeName"),
+            trigger: "blur"
+          }
+        ]
+      });
+      const title2 = ref(t("departmentType.addDepartmentType"));
+      function beforeAvatarUpload2(file) {
+        const width = 44;
+        const height = 44;
+        const isLt2M = file.size / 1024 / 1024 < 2;
+        if (!isLt2M) {
+          ElMessage.error(t("departmentType.imageUploadFailedLogoSizeWithin2M"));
+          return false;
+        }
+        HyCutterRef.value.open({
+          file,
+          options: {
+            outputType: "png",
+            // 裁剪生成图片的格式
+            canScale: true,
+            // 图片是否允许滚轮缩放
+            fixedBox: true,
+            // 固定截图框大小 不允许改变
+            infoTrue: false,
+            // 是否开启截图框宽高固定比例
+            autoCropWidth: width,
+            autoCropHeight: height,
+            centerBox: false,
+            original: true,
+            fixed: false
+          },
+          onSubmit: ({ url, key }) => {
+            hy.form.value.icon = url;
+            hy.form.value.iconKey = key;
+          }
+        });
+        return false;
+      }
+      async function handleHttpRequestImg2(object) {
+        await fileUpload(object.file).then((url) => {
+          hy.form.value.icon = url;
+        });
+      }
+      function submit2() {
+        hy.formRef.value?.validate((valid) => {
+          if (valid) {
+            if (!hy.form.value.icon) {
+              hy.form.value.iconKey = null;
+            }
+            saveApi("organization/orgType", {
+              ...hy.form.value,
+              icon: null
+            }).then((res) => {
+              if (res.code === 200) {
+                emit2("on-submit", hy.form.value.id ? null : 1);
+                hy.visible.value = false;
+                ElMessage.success(t("videoPlayer.operationSuccessful"));
+              }
+            });
+          }
+        });
+      }
+      function onClose2() {
+        hy.visible.value = false;
+      }
+      function setDragLevelIndex2(dragLevel) {
+        HyDialogRef2.value.setDragLevelIndex(dragLevel);
+      }
+      function onMinimized2(e) {
+        emit2("onMinimized", e);
+      }
+      function onDialogMousedown2(e) {
+        emit2("onDialogMousedown", e);
+      }
+      function show2(row) {
+        if (row) {
+          hy.form.value = { ...row };
+        } else {
+          hy.form.value = {
+            icon: null,
+            typeName: null
+          };
+        }
+        hy.visible.value = true;
+      }
+      return {
+        // HyCutterRef,
+        formRef: formRef2,
+        visible: visible2,
+        form: form2,
+        rules: rules2,
+        beforeAvatarUpload: beforeAvatarUpload2,
+        handleHttpRequestImg: handleHttpRequestImg2,
+        submit: submit2,
+        onClose: onClose2,
+        show: show2,
+        onDialogMousedown: onDialogMousedown2,
+        onMinimized: onMinimized2,
+        setDragLevelIndex: setDragLevelIndex2,
+        title: title2,
+        HyDialogRef: HyDialogRef2
+      };
+    }
+    const {
+      // HyCutterRef,
+      formRef,
+      visible,
+      form,
+      rules,
+      beforeAvatarUpload,
+      handleHttpRequestImg,
+      submit,
+      onClose,
+      show,
+      title,
+      setDragLevelIndex,
+      HyDialogRef,
+      onMinimized,
+      onDialogMousedown
+    } = useMixins({ emit, props }, [useAddDepartmentType]);
+    __expose({
+      show,
+      setDragLevelIndex
+    });
+    return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
+      return openBlock(), createBlock(unref(HyDialog), {
+        ref_key: "HyDialogRef",
+        ref: HyDialogRef,
+        modelValue: unref(visible),
+        "onUpdate:modelValue": ($event) => isRef(visible) ? visible.value = $event : null,
+        "if-shrink": props.ifShrink,
+        "if-draggable": props.ifDraggable,
+        width: "310px",
+        title: unref(title),
+        showOperate: false,
+        "on-close": unref(onClose),
+        onOnMinimized: unref(onMinimized),
+        onOnDialogMousedown: unref(onDialogMousedown)
+      }, {
+        default: withCtx(() => [
+          createCommentVNode(` <template #header>
+      <div
+        class="box-border w-full border-0 border-b border-solid border-background-3 px-4 py-[10px] text-main text-sm font-bold flex justify-between items-center relative"
+      >
+        <span v-if="form.id">{{ t('editDepartmentType') }}</span>
+        <span v-else>{{ t('addDepartmentType') }}</span>
+        <div class="text-lg absolute right-4 cursor-pointer text-danger-2">
+          <HyIcon
+            svg-name="layout-dialog-close-v2"
+            class="!w-[20px] !h-[20px]"
+            @click="onClose"
+          />
+        </div>
+      </div>
+    </template> `),
+          createElementVNode("div", { class: "text-main" }, [
+            createElementVNode("div", { class: "box-border" }, [
+              createElementVNode("div", { class: "overflow-hidden" }, [
+                createVNode(unref(ElForm), {
+                  ref_key: "formRef",
+                  ref: formRef,
+                  "label-position": "top",
+                  model: unref(form),
+                  rules: unref(rules),
+                  "label-width": "0px"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(ElFormItem), { prop: "companyName" }, {
+                      label: withCtx(() => [
+                        createElementVNode(
+                          "span",
+                          { class: "form-label" },
+                          toDisplayString(unref(t)("departmentType.departmentIcon")),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      default: withCtx(() => [
+                        createElementVNode("div", { class: "flex flex-row" }, [
+                          createVNode(unref(ElUpload), {
+                            class: "w-[80px] flex items-center justify-center",
+                            accept: ".png,.jpg,.gif",
+                            "before-upload": unref(beforeAvatarUpload),
+                            "http-request": unref(handleHttpRequestImg),
+                            action: "",
+                            "show-file-list": false
+                          }, {
+                            default: withCtx(() => [
+                              createElementVNode("div", { class: "click-box emptyHead" }, [
+                                unref(form).icon ? (openBlock(), createBlock(unref(ElImage), {
+                                  key: 0,
+                                  fit: "contain",
+                                  class: "w-[44px] h-[44px]",
+                                  src: unref(form).icon
+                                }, null, 8, ["src"])) : (openBlock(), createBlock(unref(HyIcon), {
+                                  key: 1,
+                                  "svg-name": "ops-file-empty-head",
+                                  class: "text-auxiliary !w-[42px] !h-[42px]"
+                                })),
+                                createElementVNode(
+                                  "span",
+                                  { class: "uploadTips text-center" },
+                                  toDisplayString(unref(t)("departmentType.upload")),
+                                  1
+                                  /* TEXT */
+                                )
+                              ])
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          }, 8, ["before-upload", "http-request"]),
+                          createElementVNode("div", { class: "flex-grow leading-[20px] text-auxiliary text-xs text-center" }, [
+                            createElementVNode(
+                              "div",
+                              null,
+                              toDisplayString(unref(t)("departmentType.pleaseUploadDepartmentTypeIcon")),
+                              1
+                              /* TEXT */
+                            ),
+                            createElementVNode(
+                              "div",
+                              null,
+                              toDisplayString(unref(t)("departmentType.iconSize44px")) + "*44px",
+                              1
+                              /* TEXT */
+                            ),
+                            createElementVNode(
+                              "div",
+                              null,
+                              toDisplayString(unref(t)("departmentType.ifNoIconUseTheDefaultIcon")),
+                              1
+                              /* TEXT */
+                            )
+                          ])
+                        ])
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }),
+                    createVNode(unref(ElFormItem), { prop: "typeName" }, {
+                      label: withCtx(() => [
+                        createElementVNode(
+                          "span",
+                          { class: "form-label" },
+                          toDisplayString(unref(t)("departmentType.departmentTypeName")),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      default: withCtx(() => [
+                        createVNode(_component_el_input, {
+                          modelValue: unref(form).typeName,
+                          "onUpdate:modelValue": ($event) => unref(form).typeName = $event,
+                          placeholder: unref(t)("departmentType.pleaseEnterTheDepartmentTypeName"),
+                          clearable: ""
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["model", "rules"])
+              ]),
+              createElementVNode("div", { class: "flex items-center justify-center mt-5" }, [
+                createVNode(unref(HyButton), {
+                  class: "!min-w-[120px]",
+                  onClick: unref(onClose)
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(
+                      toDisplayString(unref(t)("departmentType.close")),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["onClick"]),
+                createVNode(unref(HyButton), {
+                  type: "primary",
+                  class: "!min-w-[120px]",
+                  onClick: unref(submit)
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(
+                      toDisplayString(unref(t)("departmentType.save")),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["onClick"])
+              ])
+            ])
+          ]),
+          unref(visible) ? (openBlock(), createBlock(
+            unref(HyCutter),
+            {
+              key: 0,
+              ref_key: "HyCutterRef",
+              ref: HyCutterRef,
+              "show-upload": false,
+              "z-index": 1e4
+            },
+            null,
+            512
+            /* NEED_PATCH */
+          )) : createCommentVNode("v-if", true)
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["modelValue", "onUpdate:modelValue", "if-shrink", "if-draggable", "title", "on-close", "onOnMinimized", "onOnDialogMousedown"]);
+    };
+  }
+});
+import "./style/addDepartmentType.scss?vue&type=style&index=0&src=1a1962e6&scoped=1a1962e6&lang.css";
+
+var componnet = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1a1962e6"]]);
+
+export { componnet as default };

package/es/bussiness/hyAddDepartmentType/index.mjs

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

package/es/bussiness/hyAddDepartmentType/style/addDepartmentType.scss

@@ -0,0 +1,31 @@
+.emptyHead {
+    color: rgba(var(--hy-auxiliary), 1);
+    height: 44px;
+    width: 44px;
+    background: var(--item-background-main-color);
+    box-shadow: 0 0 10px 2px var(--background-auxiliary-color);
+    border-radius: 6px;
+    border: 1px solid #454b5f;
+    position: relative;
+    overflow: hidden;
+    span.uploadTips {
+      color: #fff;
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      width: 44px;
+      font-size: 12px;
+      line-height: 20px;
+      transform: translate(-50%, -50%);
+      opacity: 0;
+      transition: 0.5s;
+    }
+  }
+  .emptyHead:hover {
+    img {
+      opacity: 0.5;
+    }
+    span.uploadTips {
+      opacity: 1;
+    }
+  }

package/es/bussiness/index.mjs

@@ -1 +1 @@
-
+export { HyAddDepartmentType } from './hyAddDepartmentType/index.mjs';

package/es/components/hyAudioPlayer/audioPlayer.vue.mjs

@@ -1,4 +1,4 @@
-import { useTemplateRef, computed, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, unref, createVNode, createElementVNode, toDisplayString, withDirectives, vShow, createCommentVNode, createTextVNode, normalizeStyle, isRef, vModelText, withCtx, Fragment, renderList, createBlock, defineComponent } from 'vue';
+import { defineComponent, useTemplateRef, computed, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, unref, createVNode, createElementVNode, toDisplayString, withDirectives, vShow, createCommentVNode, createTextVNode, normalizeStyle, isRef, vModelText, withCtx, Fragment, renderList, createBlock } from 'vue';
 import { ElPopover, ElSlider } from 'element-plus';
 import _sfc_main$1 from '../hyVideoPlayer/cpns/mediaLoading.vue.mjs';
 import { useAudioPlayer } from './js/index.mjs';

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

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, useModel, ref, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, renderList, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode, createTextVNode, createVNode, toDisplayString, createElementBlock, createElementVNode, mergeModels } from 'vue';
+import { defineComponent, useTemplateRef, useModel, ref, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, createElementVNode, renderSlot, normalizeProps, guardReactiveProps, renderList, createCommentVNode, createTextVNode, createVNode, toDisplayString, createElementBlock, mergeModels } from 'vue';
 import { ElIcon } from 'element-plus';
 import { Warning } from '@element-plus/icons-vue';
 import { HyDialog } from '../hyDialog/index.mjs';
@@ -78,6 +78,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     beforeDataHandle: {
       type: Function
     },
+    onExpandRowChange: {
+      type: Function
+    },
     submitHandler: {
       type: Function
     }
@@ -288,41 +291,47 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
           }, 8, ["disabled"])) : createCommentVNode("v-if", true)
         ]),
         default: withCtx(() => [
-          visible.value ? (openBlock(), createBlock(unref(HyBatchTableForm), {
-            key: 0,
-            ref_key: "batchTableFormRef",
-            ref: batchTableFormRef,
-            step: currentStep.value,
-            "onUpdate:step": ($event) => currentStep.value = $event,
-            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, ["step", "onUpdate:step", "tableColumns", "formColumns", "rules", "emptyText", "fontSize", "rowClickExpand", "columnNum", "size", "beforeDataHandle", "submit-handler"])) : createCommentVNode("v-if", true)
+          createElementVNode("div", { class: "flex flex-col w-full h-full" }, [
+            renderSlot(_ctx.$slots, "dialog-head-box", normalizeProps(guardReactiveProps({ currentStep: currentStep.value }))),
+            createElementVNode("div", { class: "flex-grow h-0" }, [
+              visible.value ? (openBlock(), createBlock(unref(HyBatchTableForm), {
+                key: 0,
+                ref_key: "batchTableFormRef",
+                ref: batchTableFormRef,
+                step: currentStep.value,
+                "onUpdate:step": ($event) => currentStep.value = $event,
+                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,
+                onExpandRowChange: __props.onExpandRowChange,
+                "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, ["step", "onUpdate:step", "tableColumns", "formColumns", "rules", "emptyText", "fontSize", "rowClickExpand", "columnNum", "size", "beforeDataHandle", "onExpandRowChange", "submit-handler"])) : createCommentVNode("v-if", true)
+            ])
+          ])
         ]),
         _: 2
         /* DYNAMIC */

package/es/components/hyDatePicker/datePicker.vue.mjs

@@ -89,6 +89,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         ) && props.isRange) {
           if (start && end) {
             dateValue.value = [start, end];
+          } else {
+            dateValue.value = [];
           }
         }
       },