hy-dispatch-ui-v3 0.2.73 → 0.2.75

package/dist/tailwind.css

@@ -241,10 +241,6 @@
   right: 0.75rem;
 }
 
-.right-4 {
-  right: 1rem;
-}
-
 .top-0 {
   top: 0px;
 }
@@ -481,10 +477,6 @@
   margin-top: 1rem;
 }
 
-.mt-5 {
-  margin-top: 1.25rem;
-}
-
 .mt-\[10px\] {
   margin-top: 10px;
 }
@@ -590,6 +582,10 @@
   height: 56px !important;
 }
 
+.\!h-\[60px\] {
+  height: 60px !important;
+}
+
 .\!h-\[66px\] {
   height: 66px !important;
 }
@@ -842,6 +838,10 @@
   width: 58px !important;
 }
 
+.\!w-\[60px\] {
+  width: 60px !important;
+}
+
 .\!w-\[80px\] {
   width: 80px !important;
 }
@@ -946,14 +946,14 @@
   width: 42px;
 }
 
-.w-\[44px\] {
-  width: 44px;
-}
-
 .w-\[54px\] {
   width: 54px;
 }
 
+.w-\[60px\] {
+  width: 60px;
+}
+
 .w-\[68px\] {
   width: 68px;
 }

package/es/bussiness/hyDepartmentTypeOperation/departmentTypeOperation.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './departmentTypeOperation2.vue.mjs';
+
+import "./style/departmentTypeOperation.scss?vue&type=style&index=0&src=true&lang.css";
+
+
+export { _sfc_main as default };

package/es/bussiness/hyDepartmentTypeOperation/departmentTypeOperation2.vue.mjs

@@ -0,0 +1,352 @@
+import { defineComponent, onUnmounted, ref, useTemplateRef, nextTick, resolveComponent, openBlock, createElementBlock, Fragment, createTextVNode, createVNode, unref, mergeProps, isRef, withCtx, createElementVNode, withDirectives, withModifiers, vShow, createBlock, toDisplayString } from 'vue';
+import { useDialog, useDialogIsEdit } from '../../hooks/useDialog.mjs';
+import '../../hooks/index.mjs';
+import '../../components/index.mjs';
+import { ElMessage } from 'element-plus';
+import { saveApi } from '../../api/index.mjs';
+import '../../utils/index.mjs';
+import * as index from './locale/index.mjs';
+import { registerComponentLocale, unregisterComponentLocale, $t } from '../../hooks/useLocale.mjs';
+import { useCurrentBus } from '../../hooks/useCurrentBus.mjs';
+import { useAppForm } from '../../components/hyForm/js/useAppForm.mjs';
+import { fileUpload } from '../../utils/file.mjs';
+import { useMixins } from '../../hooks/useMixins.mjs';
+import { HyDialog } from '../../components/hyDialog/index.mjs';
+import { HyForm } from '../../components/hyForm/index.mjs';
+import { HyIcon } from '../../components/hyIcon/index.mjs';
+import { HyCutter } from '../../components/hyCutter/index.mjs';
+
+const __default__ = defineComponent({
+  name: "HyDepartmentTypeOperation"
+});
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  emits: ["on-submit"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    registerComponentLocale("HyDepartmentTypeOperation", index);
+    onUnmounted(() => {
+      unregisterComponentLocale("HyDepartmentTypeOperation");
+    });
+    const $t$1 = (key, option) => $t(`HyDepartmentTypeOperation.${key}`, option);
+    const emit = __emit;
+    function useDepartmentTypeOperation(hy) {
+      const { currentBus } = useCurrentBus();
+      const formRef2 = ref(null);
+      const HyCutterRef2 = useTemplateRef("HyCutterRef");
+      const HyDialogRef2 = useTemplateRef("HyDialogRef");
+      const dialogVisible2 = ref(false);
+      const loading2 = ref(false);
+      const { formModel: formModel2, formColumns: formColumns2 } = useAppForm([
+        // 自定义插槽
+        {
+          span: 12,
+          prop: "companyName",
+          label: $t$1("departmentIcon"),
+          slot: "companyNameSlot"
+        },
+        // 输入框
+        {
+          span: 12,
+          type: "input",
+          prop: "typeName",
+          required: true,
+          label: $t$1("departmentTypeName"),
+          attrs: {
+            placeholder: $t$1("pleaseEnterTheDepartmentTypeName"),
+            clearable: true
+          }
+        }
+      ]);
+      function beforeAvatarUpload2(file) {
+        const width = 44;
+        const height = 44;
+        const _this = this;
+        const isLt2M = file.size / 1024 / 1024 < 2;
+        if (!isLt2M) {
+          ElMessage.error($t$1("imageUploadFailedLogoSizeWithin2M"));
+          return false;
+        }
+        hy.HyCutterRef.value.open({
+          file,
+          options: {
+            outputType: "png",
+            // 裁剪生成图片的格式
+            canScale: true,
+            // 图片是否允许滚轮缩放
+            fixedBox: true,
+            // 固定截图框大小 不允许改变
+            infoTrue: false,
+            // 是否开启截图框宽高固定比例
+            autoCropWidth: width,
+            autoCropHeight: height,
+            centerBox: false,
+            original: true,
+            fixed: false
+          },
+          onSubmit: (res) => {
+            hy.setHeadImg(res);
+          }
+        });
+        return false;
+      }
+      function setHeadImg2(res) {
+        if (!res) {
+          res = {
+            url: null,
+            key: null
+          };
+        }
+        hy.formModel.value.icon = res.url;
+        hy.formModel.value.iconKey = res.key;
+      }
+      async function handleHttpRequestImg2(object) {
+        await fileUpload(object.file).then((url) => {
+          hy.formModel.value.icon = url;
+        });
+      }
+      async function onSubmit2() {
+        const valid = await hy.formRef.value.validate();
+        if (!valid) throw new Error("Validation failed");
+        if (!hy.formModel.value.icon) {
+          hy.formModel.value.iconKey = null;
+        }
+        const res = await saveApi("organization/orgType", {
+          ...hy.formModel.value,
+          icon: null
+        });
+        if (!res || res.code !== 200) throw new Error(res?.msg || "Operation failed");
+        hy.dialogVisible.value = false;
+        ElMessage.success($t$1("operationSuccessful"));
+        nextTick(() => {
+          emit("on-submit", hy.formModel.value.id ? null : 1);
+          currentBus.emit("departmentTypeOperation", {
+            method: "onSubmit",
+            param: hy.formModel.value.id ? null : 1
+          });
+        });
+      }
+      async function onClose2() {
+        await hy.watchPause("close");
+        hy.dialogVisible.value = false;
+      }
+      async function show2(row = {}) {
+        if (hy.loading.value) {
+          ElMessage.error("\u6570\u636E\u52A0\u8F7D\u4E2D\uFF0C\u8BF7\u52FF\u91CD\u590D\u70B9\u51FB");
+          return;
+        }
+        await hy.watchPause();
+        hy.loading.value = true;
+        hy.setDragLevelIndex("HyDialogRef");
+        hy.dialogVisible.value = true;
+        if (row && row.id) {
+          hy.formModel.value = { ...row };
+        } else {
+          hy.formModel.value = {
+            icon: null,
+            typeName: null
+          };
+        }
+        nextTick(() => {
+          hy.formRef.value.clearValidate();
+          hy.loading.value = false;
+          hy.watchResume();
+        });
+      }
+      function getCacheData2() {
+        return {
+          formModel: hy.formModel.value
+        };
+      }
+      async function restoreCache2(data = {}) {
+        hy.formModel.value = {
+          ...data.formModel
+        };
+        hy.dialogVisible.value = true;
+      }
+      return {
+        formRef: formRef2,
+        HyCutterRef: HyCutterRef2,
+        HyDialogRef: HyDialogRef2,
+        dialogVisible: dialogVisible2,
+        loading: loading2,
+        beforeAvatarUpload: beforeAvatarUpload2,
+        setHeadImg: setHeadImg2,
+        handleHttpRequestImg: handleHttpRequestImg2,
+        onSubmit: onSubmit2,
+        onClose: onClose2,
+        show: show2,
+        getCacheData: getCacheData2,
+        restoreCache: restoreCache2,
+        formModel: formModel2,
+        formColumns: formColumns2
+      };
+    }
+    const {
+      HyCutterRef,
+      HyDialogRef,
+      beforeAvatarUpload,
+      confirmReplace,
+      dialogVisible,
+      formColumns,
+      formModel,
+      formRef,
+      getCacheData,
+      getIsEdit,
+      handleHttpRequestImg,
+      instance,
+      isEdit,
+      isWatchForm,
+      loading,
+      minimized,
+      minimizedClose,
+      minimizedRemove,
+      minimizedShow,
+      minimizedTitle,
+      onClose,
+      onMinimized,
+      onSubmit,
+      restoreCache,
+      setDragLevelIndex,
+      setHeadImg,
+      setIsEdit,
+      setWatchResume,
+      show,
+      watchPause,
+      watchResume
+    } = useMixins({}, [useDialog, useDialogIsEdit, useDepartmentTypeOperation]);
+    __expose({
+      show,
+      setIsEdit,
+      minimizedShow
+    });
+    return (_ctx, _cache) => {
+      const _component_el_image = resolveComponent("el-image");
+      const _component_el_upload = resolveComponent("el-upload");
+      return openBlock(), createElementBlock(
+        Fragment,
+        null,
+        [
+          createTextVNode(" 111111111 "),
+          createVNode(unref(HyDialog), mergeProps({
+            ref_key: "HyDialogRef",
+            ref: HyDialogRef,
+            modelValue: unref(dialogVisible),
+            "onUpdate:modelValue": ($event) => isRef(dialogVisible) ? dialogVisible.value = $event : null,
+            loading: unref(loading),
+            "onUpdate:loading": ($event) => isRef(loading) ? loading.value = $event : null,
+            "if-shrink": true,
+            width: "310px"
+          }, _ctx.$attrs, {
+            title: unref(formModel).id ? $t$1("editDepartmentType") : $t$1("addDepartmentType"),
+            "on-submit": unref(onSubmit),
+            "on-cancel": unref(onClose),
+            "on-close": unref(onClose),
+            "operate-class": "w-full justify-center",
+            onOnMinimized: unref(onMinimized),
+            onOnDialogMousedown: ($event) => unref(setDragLevelIndex)("HyDialogRef")
+          }), {
+            default: withCtx(() => [
+              createVNode(unref(HyForm), {
+                ref_key: "formRef",
+                ref: formRef,
+                "column-num": 1,
+                model: unref(formModel),
+                columns: unref(formColumns)
+              }, {
+                companyNameSlot: withCtx(() => [
+                  createElementVNode("div", { class: "flex flex-row departmentTypeOperation" }, [
+                    createVNode(_component_el_upload, {
+                      class: "w-[80px] flex items-center justify-center upload_box",
+                      accept: ".png,.jpg,.gif",
+                      "before-upload": unref(beforeAvatarUpload),
+                      "http-request": unref(handleHttpRequestImg),
+                      action: "",
+                      "show-file-list": false
+                    }, {
+                      default: withCtx(() => [
+                        withDirectives(createElementVNode("div", {
+                          class: "delete_box flex items-center justify-center",
+                          onClick: withModifiers(($event) => unref(setHeadImg)(null), ["stop"])
+                        }, [
+                          createVNode(unref(HyIcon), {
+                            "svg-name": "ops-button-delete",
+                            class: "svg_box"
+                          })
+                        ], 8, ["onClick"]), [
+                          [vShow, unref(formModel).icon]
+                        ]),
+                        createElementVNode("div", { class: "click-box emptyHead" }, [
+                          unref(formModel).icon ? (openBlock(), createBlock(_component_el_image, {
+                            key: 0,
+                            fit: "contain",
+                            class: "w-[60px] h-[60px]",
+                            src: unref(formModel).icon
+                          }, null, 8, ["src"])) : (openBlock(), createBlock(unref(HyIcon), {
+                            key: 1,
+                            "svg-name": "ops-file-empty-head",
+                            class: "text-auxiliary !w-[60px] !h-[60px]"
+                          })),
+                          createElementVNode(
+                            "span",
+                            { class: "uploadTips text-center" },
+                            toDisplayString($t$1("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($t$1("pleaseUploadDepartmentTypeIcon")),
+                        1
+                        /* TEXT */
+                      ),
+                      createElementVNode(
+                        "div",
+                        null,
+                        toDisplayString($t$1("iconSize44px")) + "*44px",
+                        1
+                        /* TEXT */
+                      ),
+                      createElementVNode(
+                        "div",
+                        null,
+                        toDisplayString($t$1("ifNoIconUseTheDefaultIcon")),
+                        1
+                        /* TEXT */
+                      )
+                    ])
+                  ])
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["model", "columns"]),
+              createVNode(
+                unref(HyCutter),
+                {
+                  ref_key: "HyCutterRef",
+                  ref: HyCutterRef,
+                  "show-upload": false
+                },
+                null,
+                512
+                /* NEED_PATCH */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          }, 16, ["modelValue", "onUpdate:modelValue", "loading", "onUpdate:loading", "title", "on-submit", "on-cancel", "on-close", "onOnMinimized", "onOnDialogMousedown"])
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/bussiness/hyDepartmentTypeOperation/departmentTypeOperation_tiantong.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './departmentTypeOperation_tiantong2.vue.mjs';
+
+import "./style/departmentTypeOperation.scss?vue&type=style&index=0&src=true&lang.css";
+
+
+export { _sfc_main as default };