hy-dispatch-ui-v3 0.1.0

package/es/components/appForm/style/appForm.scss

@@ -0,0 +1,16 @@
+.app-form-container {
+  display: grid;
+  column-gap: 24px;
+  .el-form-item__label::before {
+    content: '' !important;
+    display: none;
+  }
+}
+
+.label-required {
+  &::after {
+    content: '*';
+    display: inline-block;
+    color: var(--dangerv2);
+  }
+}

package/es/components/appOrgCascader/appOrgCascader.vue.mjs

@@ -0,0 +1,229 @@
+import { defineComponent, useModel, useTemplateRef, ref, computed, watch, openBlock, createElementBlock, createElementVNode, normalizeStyle, createVNode, unref, renderSlot, toDisplayString, createCommentVNode, createBlock, normalizeClass, mergeModels } from 'vue';
+import { ElCascader } from 'element-plus';
+import { useLocale } from '../../hooks/useLocale.mjs';
+import { useApi } from '../../hooks/useApi.mjs';
+
+import "./style/appOrgCascader.scss";
+
+const __default__ = defineComponent({
+  name: "AppOrgCascader"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: /* @__PURE__ */ mergeModels({
+    size: {
+      type: String,
+      default: () => {
+        return "default";
+      }
+    },
+    className: {
+      type: String,
+      default: () => {
+        return "";
+      }
+    },
+    placeholder: {
+      type: String
+    },
+    /*
+     * false 直接显示输入框
+     * true 文字和输入框切换
+     * */
+    contentType: {
+      type: Boolean,
+      default: () => {
+        return false;
+      }
+    },
+    disabled: {
+      type: Boolean,
+      default: () => {
+        return false;
+      }
+    },
+    // 自定义内容
+    options: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    // 是否自动获取数据
+    defaultGetData: {
+      type: Boolean,
+      default: () => {
+        return true;
+      }
+    },
+    // 是否支持清空选项
+    clearable: {
+      type: Boolean,
+      default: () => {
+        return true;
+      }
+    },
+    // 仅change 最后一个选项
+    changeLastLayer: {
+      type: Boolean,
+      default: () => {
+        return false;
+      }
+    }
+  }, {
+    "modelValue": { type: [Array, String, Number] },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { t } = useLocale();
+    const { api } = useApi();
+    const modelValue = useModel(__props, "modelValue");
+    const cascaderRef = useTemplateRef("cascaderRef");
+    const focusType = ref(false);
+    const cascaderValue = ref(null);
+    const cascaderOptions = ref([]);
+    const cascaderValueMap = ref(/* @__PURE__ */ new Map());
+    const currentCompanyName = computed(() => {
+      const target = cascaderValueMap.value.get(modelValue.value);
+      return target == null ? void 0 : target.companyName;
+    });
+    function getCascaderData() {
+      api.post("organization/orgTreeSimple").then((res) => {
+        handlerData(res.data);
+      });
+    }
+    function handlerData(data) {
+      const cascaderMap = /* @__PURE__ */ new Map();
+      const handler = (list, parentIdsList = []) => {
+        list.forEach((item) => {
+          item.label = item.companyName;
+          item.value = item.id;
+          item.parentIdsList = [...parentIdsList, item.id];
+          cascaderMap.set(item.value, item);
+          if (item.children && item.children.length > 0) {
+            handler(item.children, item.parentIdsList);
+          } else {
+            delete item.children;
+          }
+        });
+      };
+      handler(data);
+      if (modelValue.value) {
+        setDefaultValue(modelValue.value);
+      }
+      cascaderOptions.value = data;
+      cascaderValueMap.value = cascaderMap;
+    }
+    function setDefaultValue(val) {
+      const item = cascaderValueMap.value.get(val);
+      if (item) {
+        cascaderValue.value = item.parentIdsList;
+      } else {
+        cascaderValue.value = [val];
+      }
+    }
+    function onChangeHanlder(value) {
+      cascaderRef.value.dropDownVisible = false;
+      onVisibleChangeHandler(false);
+      modelValue.value = value == null ? void 0 : value[value.length - 1];
+      if (props.changeLastLayer) {
+        emits("change", modelValue.value);
+      } else {
+        emits("change", value);
+      }
+    }
+    function onVisibleChangeHandler(type) {
+      focusType.value = type;
+    }
+    if (props.defaultGetData) {
+      getCascaderData();
+    }
+    watch(() => props.options, () => {
+      var _a;
+      if ((_a = props.options) == null ? void 0 : _a.length) {
+        handlerData(props.options);
+      }
+    }, { immediate: true, deep: true });
+    watch(modelValue, () => {
+      setDefaultValue(modelValue.value);
+    }, { immediate: true, deep: true });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", { class: "relative" }, [
+        __props.contentType ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "over_one_line"
+        }, [
+          createElementVNode(
+            "div",
+            {
+              style: normalizeStyle({
+                opacity: focusType.value ? 1 : 0,
+                position: focusType.value ? "relative" : "absolute"
+              }),
+              class: "top-0 left-0"
+            },
+            [
+              createVNode(unref(ElCascader), {
+                ref_key: "cascaderRef",
+                ref: cascaderRef,
+                modelValue: cascaderValue.value,
+                "onUpdate:modelValue": ($event) => cascaderValue.value = $event,
+                class: "w-full",
+                size: __props.size,
+                options: cascaderOptions.value,
+                disabled: __props.disabled,
+                props: { checkStrictly: true },
+                clearable: __props.clearable,
+                placeholder: __props.placeholder || unref(t)("cascader.pleaseSelectDepartment"),
+                filterable: "",
+                "show-all-levels": false,
+                onChange: onChangeHanlder,
+                onVisibleChange: ($event) => onVisibleChangeHandler($event)
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "size", "options", "disabled", "clearable", "placeholder", "onVisibleChange"])
+            ],
+            4
+            /* STYLE */
+          ),
+          !focusType.value ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            style: { "cursor": "pointer" }
+          }, [
+            createElementVNode("i", { class: "el-icon-caret-bottom" }),
+            renderSlot(_ctx.$slots, "default"),
+            currentCompanyName.value ? (openBlock(), createElementBlock(
+              "span",
+              {
+                key: 0,
+                class: "text-xs text-auxiliary"
+              },
+              "(" + toDisplayString(currentCompanyName.value) + ")",
+              1
+              /* TEXT */
+            )) : createCommentVNode("v-if", true)
+          ])) : createCommentVNode("v-if", true)
+        ])) : (openBlock(), createBlock(unref(ElCascader), {
+          key: 1,
+          ref_key: "cascaderRef",
+          ref: cascaderRef,
+          modelValue: cascaderValue.value,
+          "onUpdate:modelValue": ($event) => cascaderValue.value = $event,
+          class: normalizeClass(["w-full", __props.className]),
+          size: __props.size,
+          options: cascaderOptions.value,
+          props: { checkStrictly: true },
+          clearable: __props.clearable,
+          disabled: __props.disabled,
+          placeholder: __props.placeholder || unref(t)("cascader.pleaseSelectDepartment"),
+          filterable: "",
+          "show-all-levels": false,
+          onChange: onChangeHanlder
+        }, null, 8, ["modelValue", "onUpdate:modelValue", "class", "size", "options", "clearable", "disabled", "placeholder"]))
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=appOrgCascader.vue.mjs.map

package/es/components/appOrgCascader/appOrgCascader.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"appOrgCascader.vue.mjs","sources":["../../../packages/components/appOrgCascader/appOrgCascader.vue"],"sourcesContent":["<script setup>\nimport { computed, ref, useTemplateRef, watch } from 'vue'\nimport { ElCascader } from 'element-plus'\nimport { useApi, useLocale } from '@hy-dispatch-ui-v3/hooks'\nimport './style/appOrgCascader.scss'\n\ndefineOptions({\n  name: 'AppOrgCascader',\n})\n\nconst props = defineProps({\n  size: {\n    type: String,\n    default: () => {\n      return 'default'\n    }\n  },\n  className: {\n    type: String,\n    default: () => {\n      return ''\n    }\n  },\n  placeholder: {\n    type: String,\n  },\n  /*\n   * false 直接显示输入框\n   * true 文字和输入框切换\n   * */\n  contentType: {\n    type: Boolean,\n    default: () => {\n      return false\n    }\n  },\n  disabled: {\n    type: Boolean,\n    default: () => {\n      return false\n    }\n  },\n  // 自定义内容\n  options: {\n    type: Array,\n    default: () => {\n      return []\n    }\n  },\n  // 是否自动获取数据\n  defaultGetData: {\n    type: Boolean,\n    default: () => {\n      return true\n    }\n  },\n  // 是否支持清空选项\n  clearable: {\n    type: Boolean,\n    default: () => {\n      return true\n    }\n  },\n  // 仅change 最后一个选项\n  changeLastLayer: {\n    type: Boolean,\n    default: () => {\n      return false\n    }\n  },\n})\nconst emits = defineEmits(['change'])\n\nconst { t } = useLocale()\nconst { api } = useApi()\n\nconst modelValue = defineModel('modelValue', { type: [Array, String, Number] })\n\nconst cascaderRef = useTemplateRef('cascaderRef')\n\nconst focusType = ref(false)\nconst cascaderValue = ref(null)\nconst cascaderOptions = ref([])\nconst cascaderValueMap = ref(new Map())\nconst currentCompanyName = computed(() => {\n  const target = cascaderValueMap.value.get(modelValue.value)\n  return target?.companyName\n})\n\n// 获取级联数据\nfunction getCascaderData() {\n  api.post('organization/orgTreeSimple').then((res) => {\n    handlerData(res.data)\n  })\n}\n// 处理级联数据\nfunction handlerData(data, ) {\n  const cascaderMap = new Map()\n  const handler = (list, parentIdsList = []) => {\n    list.forEach((item) => {\n      item.label = item.companyName\n      item.value = item.id\n      item.parentIdsList = [...parentIdsList, item.id]\n      cascaderMap.set(item.value, item)\n      if (item.children && item.children.length > 0) {\n        handler(item.children, item.parentIdsList)\n      } else {\n        delete item.children\n      }\n    })\n  }\n  handler(data)\n  if (modelValue.value) {\n    setDefaultValue(modelValue.value)\n  }\n  cascaderOptions.value = data\n  cascaderValueMap.value = cascaderMap\n}\n/**\n * 外部传入部门ID，并且设置入选择器中\n */\nfunction setDefaultValue(val) {\n  const item = cascaderValueMap.value.get(val)\n  if (item) {\n    cascaderValue.value = item.parentIdsList\n  } else {\n    cascaderValue.value = [val]\n  }\n}\nfunction onChangeHanlder(value) {\n  cascaderRef.value.dropDownVisible = false\n  onVisibleChangeHandler(false)\n  modelValue.value = value?.[value.length - 1]\n  if (props.changeLastLayer) {\n    emits('change', modelValue.value)\n  } else {\n    emits('change', value)\n  }\n}\nfunction onVisibleChangeHandler(type) {\n  focusType.value = type\n}\n\nif (props.defaultGetData) {\n  getCascaderData()\n}\n\nwatch(() => props.options, () => {\n  if (props.options?.length) {\n    handlerData(props.options)\n  }\n}, { immediate: true, deep: true })\n\nwatch(modelValue, () => {\n  setDefaultValue(modelValue.value)\n}, { immediate: true, deep: true })\n</script>\n\n<template>\n  <div class=\"relative\">\n    <div v-if=\"contentType\" class=\"over_one_line\">\n      <div\n        :style=\"{\n          opacity: focusType ? 1 : 0,\n          position: focusType ? 'relative' : 'absolute'\n        }\"\n        class=\"top-0 left-0\"\n      >\n        <el-cascader\n          ref=\"cascaderRef\"\n          v-model=\"cascaderValue\"\n          class=\"w-full\"\n          :size=\"size\"\n          :options=\"cascaderOptions\"\n          :disabled=\"disabled\"\n          :props=\"{ checkStrictly: true }\"\n          :clearable=\"clearable\"\n          :placeholder=\"placeholder || t('cascader.pleaseSelectDepartment')\"\n          filterable\n          :show-all-levels=\"false\"\n          @change=\"onChangeHanlder\"\n          @visible-change=\"onVisibleChangeHandler($event)\"\n        ></el-cascader>\n      </div>\n      <span v-if=\"!focusType\" style=\"cursor: pointer\">\n        <i class=\"el-icon-caret-bottom\"></i>\n        <slot></slot>\n        <span\n          v-if=\"currentCompanyName\"\n          class=\"text-xs text-auxiliary\"\n          >({{ currentCompanyName }})</span\n        >\n      </span>\n    </div>\n    <el-cascader\n      v-else\n      ref=\"cascaderRef\"\n      v-model=\"cascaderValue\"\n      class=\"w-full\"\n      :class=\"className\"\n      :size=\"size\"\n      :options=\"cascaderOptions\"\n      :props=\"{ checkStrictly: true }\"\n      :clearable=\"clearable\"\n      :disabled=\"disabled\"\n      :placeholder=\"placeholder || t('cascader.pleaseSelectDepartment')\"\n      filterable\n      :show-all-levels=\"false\"\n      @change=\"onChangeHanlder\"\n    ></el-cascader>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_unref"],"mappings":"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"}

package/es/components/appOrgCascader/index.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './appOrgCascader.vue.mjs';
+import { withInstall } from '../../utils/handler.mjs';
+
+const AppOrgCascader = withInstall(_sfc_main);
+
+export { AppOrgCascader, AppOrgCascader as default };
+//# sourceMappingURL=index.mjs.map

package/es/components/appOrgCascader/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../packages/components/appOrgCascader/index.js"],"sourcesContent":["import componnet from './appOrgCascader.vue'\nimport { withInstall } from '@hy-dispatch-ui-v3/utils'\n\nconst AppOrgCascader = withInstall(componnet)\n\nexport { AppOrgCascader }\n\nexport default AppOrgCascader\n"],"names":["componnet"],"mappings":";;;AAEK,MAAC,cAAc,GAAG,WAAW,CAACA,SAAS;;;;"}