hy-dispatch-ui-v3 0.1.0

package/lib/components/appForm/js/useAppForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAppForm.js","sources":["../../../../packages/components/appForm/js/useAppForm.js"],"sourcesContent":["import { toRef, unref } from 'vue'\nimport { useLocale } from '@hy-dispatch-ui-v3/hooks'\nimport {\n  isArray,\n  funRunHandler,\n  mergeDeep,\n  getDefaultValueFormatByType,\n} from '@hy-dispatch-ui-v3/utils'\n\n// 生成表单组件占位字符\nconst genPlaceholderHandler = (config) => {\n  const { t } = useLocale()\n  const { type, label, attrs = {} } = config || {}\n  let placeholder = attrs.placeholder,\n    startPlaceholder = attrs.startPlaceholder,\n    endPlaceholder = attrs.endPlaceholder\n  switch (type) {\n    case 'input':\n      placeholder = placeholder || t('hy.pleaseEnterPlaceholder', [label])\n    case 'select':\n      placeholder = placeholder || t('hy.pleaseSelectPlaceholder', [label])\n    case 'date-picker':\n      if (\n        ['datetimerange', 'daterange', 'monthrange', 'yearrange'].includes(\n          attrs?.type\n        )\n      ) {\n        switch (attrs.type) {\n          case 'yearrange':\n            startPlaceholder = startPlaceholder || t('hy.startYear')\n            endPlaceholder = endPlaceholder || t('hy.endYear')\n            break\n          case 'monthrange':\n            startPlaceholder = startPlaceholder || t('hy.startMonth')\n            endPlaceholder = endPlaceholder || t('hy.endMonth')\n            break\n          case 'daterange':\n            startPlaceholder = startPlaceholder || t('hy.startDate')\n            endPlaceholder = endPlaceholder || t('hy.endDate')\n            break\n          case 'datetimerange':\n            startPlaceholder = startPlaceholder || t('hy.startDateTime')\n            endPlaceholder = endPlaceholder || t('hy.endDateTime')\n            break\n        }\n      } else {\n        placeholder = placeholder || t('hy.pleaseSelectPlaceholder', [label])\n      }\n    default:\n      placeholder = placeholder || label\n  }\n  return { placeholder, startPlaceholder, endPlaceholder }\n}\n\n// 生成表单必填规则消息\nconst genRuleRequiredMsgHandler = (config) => {\n  const { t } = useLocale()\n  const { type, prop, label } = config || {}\n  if (!prop || !prop?.length) return ''\n  // 规则校验提示\n  switch (type) {\n    case 'input':\n      return t('hy.pleaseEnterPlaceholder', [label])\n    case 'select':\n    case 'radio':\n    case 'checkbox':\n    case 'date-picker':\n      return t('hy.pleaseSelectPlaceholder', [label])\n    default:\n      return t('hy.cannotBeEmpty', [label])\n  }\n}\n\nconst rulesHandler = (config) => {\n  let { rules, required } = config || {}\n  rules = isArray(rules) ? [...rules] : [required].filter(Boolean)\n  if (!rules.some((item) => item.required) && required) {\n    rules.unshift({\n      required: true,\n      message: genRuleRequiredMsgHandler(config),\n      trigger: 'blur',\n    })\n  }\n  return rules\n}\n\n/**\n * @function 创建表单项\n * @param {\n *     prop: string | Array<string>,               // 表单prop，在日期选择范围可填入数据\n *     label: string,                              // 表单项label\n *     rules: Array<Object>,                       // 表单项规则\n *     readonly: boolean,                          // 是否只读\n *     defaultValue: function | any                // 默认值\n *     slot: string                                // 自定义插槽名称\n *     type: 'input' | 'select' | 'date-picker'  | 'radio' | 'checkbox'     // 表单组件类型\n *     attrs: any                                  // 表单组件配置\n *   } column\n * @returns column\n */\nfunction appFormItemHandler(column = {}) {\n  const { placeholder, startPlaceholder, endPlaceholder } =\n    genPlaceholderHandler(column)\n  const attrs = { ...(column.attrs || {}), placeholder }\n  column = mergeDeep(\n    { ...column },\n    {\n      key: Symbol('appFormItemKey'),\n      field: column.prop,\n      readonly: column.readonly || false,\n      rules: rulesHandler(column),\n    }\n  )\n\n  if (/^(input)$/.test(column.type)) {\n    return {\n      ...column,\n      attrs: {\n        maxlength:\n          attrs.type === 'textarea'\n            ? 255\n            : attrs.type === 'text'\n              ? 100\n              : undefined,\n        ...attrs,\n      },\n    }\n  } else if (/^(radio|checkbox|select)$/.test(column.type)) {\n    return {\n      ...column,\n      attrs: {\n        ...attrs,\n        props: {\n          label: 'label',\n          value: 'value',\n          disabled: 'disabled',\n          options: 'options',\n          ...attrs.props,\n        },\n      },\n    }\n  } else if (/^date-picker$/.test(column.type)) {\n    return {\n      ...column,\n      attrs: {\n        format: attrs.format || getDefaultValueFormatByType(attrs.type),\n        valueFormat:\n          attrs.valueFormat || getDefaultValueFormatByType(attrs.type),\n        ...attrs,\n        startPlaceholder,\n        endPlaceholder,\n      },\n    }\n  }\n\n  return column\n}\n\n// 重置表单默认值\nexport const resetAppFormValue = (columns = [], obj = {}) => {\n  for (const item of columns) {\n    const value = funRunHandler(item.defaultValue)\n    if (Array.isArray(item.prop)) {\n      for (let i = 0; i < item.prop.length; i++) {\n        obj[item.prop[i]] = value && Array.isArray(value) ? value[i] : undefined\n      }\n    } else {\n      obj[item.prop] = value\n    }\n  }\n  return obj\n}\n\n// 生成表单配置\nexport const useAppForm = (config = [], model) => {\n  const columns = []\n  for (const item of unref(config)) {\n    const target = appFormItemHandler(item)\n    columns.push(target)\n  }\n  const formModel = resetAppFormValue(columns, model)\n  return {\n    formModel: toRef(formModel),\n    formColumns: toRef(columns),\n  }\n}\n"],"names":["useLocale","isArray","mergeDeep","getDefaultValueFormatByType","funRunHandler","unref","toRef"],"mappings":"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"}

package/lib/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/lib/components/appOrgCascader/appOrgCascader.vue.js

@@ -0,0 +1,233 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var useLocale = require('../../hooks/useLocale.js');
+var useApi = require('../../hooks/useApi.js');
+
+import "./style/appOrgCascader.scss";
+
+const __default__ = vue.defineComponent({
+  name: "AppOrgCascader"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: /* @__PURE__ */ vue.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__ */ vue.mergeModels(["change"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { t } = useLocale.useLocale();
+    const { api } = useApi.useApi();
+    const modelValue = vue.useModel(__props, "modelValue");
+    const cascaderRef = vue.useTemplateRef("cascaderRef");
+    const focusType = vue.ref(false);
+    const cascaderValue = vue.ref(null);
+    const cascaderOptions = vue.ref([]);
+    const cascaderValueMap = vue.ref(/* @__PURE__ */ new Map());
+    const currentCompanyName = vue.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();
+    }
+    vue.watch(() => props.options, () => {
+      var _a;
+      if ((_a = props.options) == null ? void 0 : _a.length) {
+        handlerData(props.options);
+      }
+    }, { immediate: true, deep: true });
+    vue.watch(modelValue, () => {
+      setDefaultValue(modelValue.value);
+    }, { immediate: true, deep: true });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", { class: "relative" }, [
+        __props.contentType ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: "over_one_line"
+        }, [
+          vue.createElementVNode(
+            "div",
+            {
+              style: vue.normalizeStyle({
+                opacity: focusType.value ? 1 : 0,
+                position: focusType.value ? "relative" : "absolute"
+              }),
+              class: "top-0 left-0"
+            },
+            [
+              vue.createVNode(vue.unref(elementPlus.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 || vue.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 ? (vue.openBlock(), vue.createElementBlock("span", {
+            key: 0,
+            style: { "cursor": "pointer" }
+          }, [
+            vue.createElementVNode("i", { class: "el-icon-caret-bottom" }),
+            vue.renderSlot(_ctx.$slots, "default"),
+            currentCompanyName.value ? (vue.openBlock(), vue.createElementBlock(
+              "span",
+              {
+                key: 0,
+                class: "text-xs text-auxiliary"
+              },
+              "(" + vue.toDisplayString(currentCompanyName.value) + ")",
+              1
+              /* TEXT */
+            )) : vue.createCommentVNode("v-if", true)
+          ])) : vue.createCommentVNode("v-if", true)
+        ])) : (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElCascader), {
+          key: 1,
+          ref_key: "cascaderRef",
+          ref: cascaderRef,
+          modelValue: cascaderValue.value,
+          "onUpdate:modelValue": ($event) => cascaderValue.value = $event,
+          class: vue.normalizeClass(["w-full", __props.className]),
+          size: __props.size,
+          options: cascaderOptions.value,
+          props: { checkStrictly: true },
+          clearable: __props.clearable,
+          disabled: __props.disabled,
+          placeholder: __props.placeholder || vue.unref(t)("cascader.pleaseSelectDepartment"),
+          filterable: "",
+          "show-all-levels": false,
+          onChange: onChangeHanlder
+        }, null, 8, ["modelValue", "onUpdate:modelValue", "class", "size", "options", "clearable", "disabled", "placeholder"]))
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=appOrgCascader.vue.js.map

package/lib/components/appOrgCascader/appOrgCascader.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appOrgCascader.vue.js","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":["ref","computed","watch","_openBlock","_createElementBlock","_createElementVNode","_unref","ElCascader"],"mappings":"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"}

package/lib/components/appOrgCascader/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var appOrgCascader = require('./appOrgCascader.vue.js');
+var handler = require('../../utils/handler.js');
+
+const AppOrgCascader = handler.withInstall(appOrgCascader.default);
+
+exports.AppOrgCascader = AppOrgCascader;
+exports.default = AppOrgCascader;
+//# sourceMappingURL=index.js.map

package/lib/components/appOrgCascader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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":["withInstall","componnet"],"mappings":";;;;;;;AAEK,MAAC,cAAc,GAAGA,mBAAW,CAACC,sBAAS;;;;;"}