hy-dispatch-ui-v3 0.1.0

package/es/components/appForm/appForm.vue.mjs

@@ -0,0 +1,331 @@
+import { defineComponent, useTemplateRef, computed, nextTick, unref, openBlock, createBlock, mergeProps, withCtx, createElementVNode, normalizeStyle, createCommentVNode, createElementBlock, Fragment, renderList, toDisplayString, renderSlot, createVNode, createTextVNode } from 'vue';
+import { ElForm, ElFormItem, ElInput, ElSelect, ElRadioGroup, ElCheckboxGroup, ElPopover } from 'element-plus';
+import { SvgIcon } from '../svgIcon/index.mjs';
+import _sfc_main$1 from '../appDatePicker/appDatePicker.vue.mjs';
+import { columnShowHandler, columnItemStyle, renderText, isDisabled, isRequired } from './js/index.mjs';
+import { resetAppFormValue } from './js/useAppForm.mjs';
+import { useLocale } from '../../hooks/useLocale.mjs';
+import { isArray, isNumber } from '../../utils/is.mjs';
+import { funRunHandler } from '../../utils/handler.mjs';
+
+import "./style/appForm.scss";
+
+const __default__ = defineComponent({
+  name: "AppForm"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    model: {
+      type: Object,
+      default: () => ({})
+    },
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    rules: {
+      type: Object,
+      default: () => ({})
+    },
+    columnNum: {
+      type: Number,
+      default: 1
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const { t } = useLocale();
+    const formTemplateRef = useTemplateRef("formTemplateRef");
+    const formColumnMap = computed(() => {
+      return (props.columns || []).reduce((map, column) => {
+        if (isArray(column.field)) {
+          column.field.forEach((key) => map.set(key, column));
+        } else {
+          map.set(column.field, column);
+        }
+        return map;
+      }, /* @__PURE__ */ new Map());
+    });
+    const containerStyle = computed(() => {
+      const columnNum = isNumber(props.columnNum) ? props.columnNum || 1 : 1;
+      return {
+        gridTemplateColumns: `repeat(${columnNum}, minmax(0, 1fr))`
+      };
+    });
+    __expose({
+      validate: async (callback) => {
+        await nextTick();
+        return unref(formTemplateRef).validate(callback);
+      },
+      validateField: async (fields) => {
+        await nextTick();
+        return unref(formTemplateRef).validateField(fields);
+      },
+      resetFields: (fields) => {
+        let columns = props.columns || [];
+        if (fields && (fields == null ? void 0 : fields.length)) {
+          columns = fields.map((key) => formColumnMap.get(key)).filter(Boolean);
+        }
+        resetAppFormValue(columns, props.model);
+      },
+      scrollToField: async (fields) => {
+        await nextTick();
+        unref(formTemplateRef).scrollToField(fields);
+      },
+      clearValidate: async (fields) => {
+        await nextTick();
+        unref(formTemplateRef).clearValidate(fields);
+      },
+      fields: computed(() => {
+        var _a;
+        return ((_a = unref(formTemplateRef)) == null ? void 0 : _a.fields) || [];
+      }),
+      getField: async (fields) => {
+        await nextTick();
+        return unref(formTemplateRef).getField(fields);
+      }
+      // setInitialValue: async (value) => {
+      //   await nextTick()
+      //   unref(formTemplateRef).setInitialValue(value)
+      // }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElForm), mergeProps({
+        ref_key: "formTemplateRef",
+        ref: formTemplateRef,
+        model: __props.model,
+        rules: __props.rules,
+        "label-position": "top"
+      }, _ctx.$attrs), {
+        default: withCtx(() => [
+          createElementVNode(
+            "div",
+            {
+              class: "app-form-container",
+              style: normalizeStyle(containerStyle.value)
+            },
+            [
+              createCommentVNode(" \u8868\u5355\u9879 "),
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(__props.columns, (column, columnIndex) => {
+                  return openBlock(), createElementBlock(
+                    Fragment,
+                    {
+                      key: column.key
+                    },
+                    [
+                      unref(columnShowHandler)(props, column) ? (openBlock(), createBlock(unref(ElFormItem), {
+                        key: 0,
+                        rules: column.rules,
+                        prop: unref(isArray)(column.field) ? column.field[0] : column.field,
+                        style: normalizeStyle(unref(columnItemStyle)(props, column))
+                      }, {
+                        label: withCtx(() => [
+                          createElementVNode("div", { class: "flex" }, [
+                            column.labelSlot && _ctx.$slots[column.labelSlot] ? renderSlot(_ctx.$slots, column.labelSlot, {
+                              key: 0,
+                              column
+                            }) : (openBlock(), createElementBlock(
+                              "span",
+                              {
+                                key: 1,
+                                class: "text-main"
+                              },
+                              toDisplayString(column.label),
+                              1
+                              /* TEXT */
+                            )),
+                            unref(isRequired)(props, column) ? (openBlock(), createElementBlock("span", {
+                              key: 2,
+                              class: "label-required"
+                            })) : createCommentVNode("v-if", true),
+                            column.help ? (openBlock(), createBlock(
+                              unref(ElPopover),
+                              {
+                                key: 3,
+                                placement: "bottom-start",
+                                "popper-class": "popover_echarts w-[200px]",
+                                trigger: "hover"
+                              },
+                              {
+                                reference: withCtx(() => [
+                                  createElementVNode("div", { class: "flex items-center" }, [
+                                    createVNode(unref(SvgIcon), {
+                                      "svg-name": "help",
+                                      "class-name": "!w-3 !h-3 ml-1 svgBox"
+                                    }),
+                                    createTextVNode(
+                                      " " + toDisplayString(unref(t)("hy.help")),
+                                      1
+                                      /* TEXT */
+                                    )
+                                  ])
+                                ]),
+                                default: withCtx(() => [
+                                  createElementVNode(
+                                    "div",
+                                    null,
+                                    toDisplayString(unref(funRunHandler)(column.help)),
+                                    1
+                                    /* TEXT */
+                                  )
+                                ]),
+                                _: 2
+                                /* DYNAMIC */
+                              },
+                              1024
+                              /* DYNAMIC_SLOTS */
+                            )) : createCommentVNode("v-if", true),
+                            column.rightSlot && _ctx.$slots[column.rightSlot] ? (openBlock(), createElementBlock("div", {
+                              key: 4,
+                              class: "ml-auto"
+                            }, [
+                              renderSlot(_ctx.$slots, column.rightSlot)
+                            ])) : createCommentVNode("v-if", true)
+                          ])
+                        ]),
+                        default: withCtx(() => {
+                          var _a;
+                          return [
+                            column.readonly || __props.readonly || !column.type && !column.slot ? (openBlock(), createElementBlock(
+                              "span",
+                              { key: 0 },
+                              toDisplayString(unref(renderText)(props, column, columnIndex)),
+                              1
+                              /* TEXT */
+                            )) : (openBlock(), createElementBlock(
+                              Fragment,
+                              { key: 1 },
+                              [
+                                createCommentVNode(" \u81EA\u5B9A\u4E49\u5177\u540D\u63D2\u69FD "),
+                                column.slot && _ctx.$slots[column.slot] ? renderSlot(_ctx.$slots, column.slot, {
+                                  key: 0,
+                                  column
+                                }) : column.type === "input" ? (openBlock(), createElementBlock(
+                                  Fragment,
+                                  { key: 1 },
+                                  [
+                                    createCommentVNode(" \u8F93\u5165\u6846 "),
+                                    createVNode(unref(ElInput), mergeProps({
+                                      modelValue: __props.model[column.field],
+                                      "onUpdate:modelValue": ($event) => __props.model[column.field] = $event
+                                    }, { ref_for: true }, column.attrs, {
+                                      disabled: unref(isDisabled)(props, column)
+                                    }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"])
+                                  ],
+                                  2112
+                                  /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                                )) : column.type === "select" ? (openBlock(), createElementBlock(
+                                  Fragment,
+                                  { key: 2 },
+                                  [
+                                    createCommentVNode(" \u9009\u62E9\u6846 "),
+                                    createVNode(unref(ElSelect), mergeProps({
+                                      modelValue: __props.model[column.field],
+                                      "onUpdate:modelValue": ($event) => __props.model[column.field] = $event
+                                    }, { ref_for: true }, column.attrs, {
+                                      disabled: unref(isDisabled)(props, column)
+                                    }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"])
+                                  ],
+                                  2112
+                                  /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                                )) : column.type === "date-picker" ? (openBlock(), createElementBlock(
+                                  Fragment,
+                                  { key: 3 },
+                                  [
+                                    createCommentVNode(" \u65E5\u671F\u9009\u62E9\u6846 "),
+                                    [
+                                      "datetimerange",
+                                      "daterange",
+                                      "monthrange",
+                                      "yearrange"
+                                    ].includes((_a = column.attrs) == null ? void 0 : _a.type) && unref(isArray)(column.field) ? (openBlock(), createBlock(_sfc_main$1, mergeProps({
+                                      key: 0,
+                                      start: __props.model[column.field[0]],
+                                      "onUpdate:start": ($event) => __props.model[column.field[0]] = $event,
+                                      end: __props.model[column.field[1]],
+                                      "onUpdate:end": ($event) => __props.model[column.field[1]] = $event,
+                                      "is-range": true,
+                                      style: { "width": "100%" }
+                                    }, { ref_for: true }, column.attrs, {
+                                      disabled: unref(isDisabled)(props, column)
+                                    }), null, 16, ["start", "onUpdate:start", "end", "onUpdate:end", "disabled"])) : (openBlock(), createBlock(_sfc_main$1, mergeProps({
+                                      key: 1,
+                                      modelValue: __props.model[column.field],
+                                      "onUpdate:modelValue": ($event) => __props.model[column.field] = $event,
+                                      "is-range": false,
+                                      style: { "width": "100%" }
+                                    }, { ref_for: true }, column.attrs, {
+                                      disabled: unref(isDisabled)(props, column)
+                                    }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"]))
+                                  ],
+                                  64
+                                  /* STABLE_FRAGMENT */
+                                )) : column.type === "radio" ? (openBlock(), createElementBlock(
+                                  Fragment,
+                                  { key: 4 },
+                                  [
+                                    createCommentVNode(" \u5355\u9009 "),
+                                    createVNode(unref(ElRadioGroup), mergeProps({
+                                      modelValue: __props.model[column.field],
+                                      "onUpdate:modelValue": ($event) => __props.model[column.field] = $event,
+                                      disabled: unref(isDisabled)(props, column)
+                                    }, { ref_for: true }, column.attrs), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"])
+                                  ],
+                                  2112
+                                  /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                                )) : column.type === "checkbox" ? (openBlock(), createElementBlock(
+                                  Fragment,
+                                  { key: 5 },
+                                  [
+                                    createCommentVNode(" \u591A\u9009 "),
+                                    createVNode(unref(ElCheckboxGroup), mergeProps({
+                                      modelValue: __props.model[column.field],
+                                      "onUpdate:modelValue": ($event) => __props.model[column.field] = $event,
+                                      disabled: unref(isDisabled)(props, column)
+                                    }, { ref_for: true }, column.attrs), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"])
+                                  ],
+                                  2112
+                                  /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                                )) : createCommentVNode("v-if", true)
+                              ],
+                              64
+                              /* STABLE_FRAGMENT */
+                            ))
+                          ];
+                        }),
+                        _: 2
+                        /* DYNAMIC */
+                      }, 1032, ["rules", "prop", "style"])) : createCommentVNode("v-if", true)
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  );
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ],
+            4
+            /* STYLE */
+          )
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["model", "rules"]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=appForm.vue.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"appForm.vue.mjs","sources":["../../../packages/components/appForm/appForm.vue"],"sourcesContent":["<script setup>\nimport { computed, unref, useTemplateRef, nextTick } from 'vue'\nimport {\n  ElForm,\n  ElFormItem,\n  ElInput,\n  ElSelect,\n  ElRadioGroup,\n  ElCheckboxGroup,\n  ElPopover,\n} from 'element-plus'\nimport SvgIcon from '../svgIcon'\nimport { useLocale } from '@hy-dispatch-ui-v3/hooks'\nimport { isNumber, isArray, funRunHandler } from '@hy-dispatch-ui-v3/utils'\nimport appDatePicker from '../appDatePicker/appDatePicker.vue'\nimport {\n  columnItemStyle,\n  columnShowHandler,\n  isDisabled,\n  isRequired,\n  renderText,\n} from './js/index.js'\nimport { resetAppFormValue } from './js/useAppForm.js'\nimport './style/appForm.scss'\n\ndefineOptions({\n  name: 'AppForm',\n})\n\nconst props = defineProps({\n  model: {\n    type: Object,\n    default: () => ({}),\n  },\n  columns: {\n    type: Array,\n    default: () => [],\n  },\n  rules: {\n    type: Object,\n    default: () => ({}),\n  },\n  columnNum: {\n    type: Number,\n    default: 1,\n  },\n  readonly: {\n    type: Boolean,\n    default: false,\n  },\n  loading: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst { t } = useLocale()\nconst formTemplateRef = useTemplateRef('formTemplateRef')\nconst formColumnMap = computed(() => {\n  return (props.columns || []).reduce((map, column) => {\n    if (isArray(column.field)) {\n      column.field.forEach((key) => map.set(key, column))\n    } else {\n      map.set(column.field, column)\n    }\n    return map\n  }, new Map())\n})\nconst containerStyle = computed(() => {\n  const columnNum = isNumber(props.columnNum) ? props.columnNum || 1 : 1\n  return {\n    gridTemplateColumns: `repeat(${columnNum}, minmax(0, 1fr))`,\n  }\n})\n\ndefineExpose({\n  validate: async (callback) => {\n    await nextTick()\n    return unref(formTemplateRef).validate(callback)\n  },\n  validateField: async (fields) => {\n    await nextTick()\n    return unref(formTemplateRef).validateField(fields)\n  },\n  resetFields: (fields) => {\n    let columns = props.columns || []\n    if (fields && fields?.length) {\n      columns = fields.map((key) => formColumnMap.get(key)).filter(Boolean)\n    }\n    resetAppFormValue(columns, props.model)\n  },\n  scrollToField: async (fields) => {\n    await nextTick()\n    unref(formTemplateRef).scrollToField(fields)\n  },\n  clearValidate: async (fields) => {\n    await nextTick()\n    unref(formTemplateRef).clearValidate(fields)\n  },\n  fields: computed(() => {\n    return unref(formTemplateRef)?.fields || []\n  }),\n  getField: async (fields) => {\n    await nextTick()\n    return unref(formTemplateRef).getField(fields)\n  },\n  // setInitialValue: async (value) => {\n  //   await nextTick()\n  //   unref(formTemplateRef).setInitialValue(value)\n  // }\n})\n</script>\n\n<template>\n  <el-form\n    ref=\"formTemplateRef\"\n    :model=\"model\"\n    :rules=\"rules\"\n    label-position=\"top\"\n    v-bind=\"$attrs\"\n  >\n    <div class=\"app-form-container\" :style=\"containerStyle\">\n      <!-- 表单项 -->\n      <template v-for=\"(column, columnIndex) in columns\" :key=\"column.key\">\n        <el-form-item\n          v-if=\"columnShowHandler(props, column)\"\n          :rules=\"column.rules\"\n          :prop=\"isArray(column.field) ? column.field[0] : column.field\"\n          :style=\"columnItemStyle(props, column)\"\n        >\n          <!-- 表单项label -->\n          <template #label>\n            <div class=\"flex\">\n              <slot\n                v-if=\"column.labelSlot && $slots[column.labelSlot]\"\n                :name=\"column.labelSlot\"\n                :column=\"column\"\n              ></slot>\n              <span v-else class=\"text-main\">{{ column.label }}</span>\n              <span\n                v-if=\"isRequired(props, column)\"\n                class=\"label-required\"\n              ></span>\n              <el-popover\n                v-if=\"column.help\"\n                placement=\"bottom-start\"\n                popper-class=\"popover_echarts w-[200px]\"\n                trigger=\"hover\"\n              >\n                <div>\n                  {{ funRunHandler(column.help) }}\n                </div>\n                <template #reference>\n                  <div class=\"flex items-center\">\n                    <svg-icon\n                      svg-name=\"help\"\n                      class-name=\"!w-3 !h-3 ml-1 svgBox\"\n                    />\n                    {{ t('hy.help') }}\n                  </div>\n                </template>\n              </el-popover>\n              <div\n                v-if=\"column.rightSlot && $slots[column.rightSlot]\"\n                class=\"ml-auto\"\n              >\n                <slot :name=\"column.rightSlot\"></slot>\n              </div>\n            </div>\n          </template>\n          <!-- 表单组件 -->\n          <template\n            v-if=\"column.readonly || readonly || (!column.type && !column.slot)\"\n          >\n            <span>{{ renderText(props, column, columnIndex) }}</span>\n          </template>\n          <template v-else>\n            <!-- 自定义具名插槽 -->\n            <slot v-if=\"column.slot && $slots[column.slot]\" :name=\"column.slot\" :column=\"column\" />\n            <!-- 输入框 -->\n            <el-input\n              v-else-if=\"column.type === 'input'\"\n              v-model=\"model[column.field]\"\n              v-bind=\"column.attrs\"\n              :disabled=\"isDisabled(props, column)\"\n            ></el-input>\n            <!-- 选择框 -->\n            <el-select\n              v-else-if=\"column.type === 'select'\"\n              v-model=\"model[column.field]\"\n              v-bind=\"column.attrs\"\n              :disabled=\"isDisabled(props, column)\"\n            ></el-select>\n            <!-- 日期选择框 -->\n            <template v-else-if=\"column.type === 'date-picker'\">\n              <app-date-picker\n                v-if=\"\n                  [\n                    'datetimerange',\n                    'daterange',\n                    'monthrange',\n                    'yearrange',\n                  ].includes(column.attrs?.type) && isArray(column.field)\n                \"\n                v-model:start=\"model[column.field[0]]\"\n                v-model:end=\"model[column.field[1]]\"\n                :is-range=\"true\"\n                style=\"width: 100%\"\n                v-bind=\"column.attrs\"\n                :disabled=\"isDisabled(props, column)\"\n              ></app-date-picker>\n              <app-date-picker\n                v-else\n                v-model=\"model[column.field]\"\n                :is-range=\"false\"\n                style=\"width: 100%\"\n                v-bind=\"column.attrs\"\n                :disabled=\"isDisabled(props, column)\"\n              ></app-date-picker>\n            </template>\n            <!-- 单选 -->\n            <el-radio-group\n              v-else-if=\"column.type === 'radio'\"\n              v-model=\"model[column.field]\"\n              :disabled=\"isDisabled(props, column)\"\n              v-bind=\"column.attrs\"\n            ></el-radio-group>\n            <!-- 多选 -->\n            <el-checkbox-group\n              v-else-if=\"column.type === 'checkbox'\"\n              v-model=\"model[column.field]\"\n              :disabled=\"isDisabled(props, column)\"\n              v-bind=\"column.attrs\"\n            ></el-checkbox-group>\n          </template>\n        </el-form-item>\n      </template>\n    </div>\n  </el-form>\n</template>\n"],"names":["_openBlock","_createBlock","_unref","_mergeProps"],"mappings":"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"}

package/es/components/appForm/index.mjs

@@ -0,0 +1,8 @@
+import _sfc_main from './appForm.vue.mjs';
+export { useAppForm } from './js/useAppForm.mjs';
+import { withInstall } from '../../utils/handler.mjs';
+
+const AppForm = withInstall(_sfc_main);
+
+export { AppForm, AppForm as default };
+//# sourceMappingURL=index.mjs.map

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

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

package/es/components/appForm/js/index.mjs

@@ -0,0 +1,87 @@
+import { unref } from 'vue';
+import { isBoolean, isFunction, isNumber, isArray, isObject } from '../../../utils/is.mjs';
+import { funRunHandler } from '../../../utils/handler.mjs';
+
+function columnItemStyle(props, column) {
+  const style = {};
+  let span = funRunHandler(column.span, column, props.model);
+  if (isNumber(span) && span > 1) {
+    span = span >= props.columnNum ? props.columnNum : span;
+    style["grid-column"] = `span ${span}`;
+  }
+  return style;
+}
+function columnShowHandler(props, column) {
+  const show = unref(column.show);
+  if (isBoolean(show)) return show;
+  if (isFunction(show)) return show(column, props.model);
+  return true;
+}
+function isRequired(props, column) {
+  var _a;
+  let { readonly, field, rules } = column;
+  if (props.readonly || readonly) {
+    return false;
+  }
+  if (Array.isArray(field)) {
+    return field.find((key) => isRequired(props, { ...column, field: key }));
+  }
+  rules = isArray(rules) && (rules == null ? void 0 : rules.length) || isObject(rules) ? rules : (_a = props.rules) == null ? void 0 : _a[field];
+  if (isArray(rules)) {
+    return rules.some((item) => item.required);
+  }
+  if (isObject(rules)) {
+    return rules == null ? void 0 : rules.required;
+  }
+  return false;
+}
+function isDisabled(props, column) {
+  var _a;
+  return !!(props.loading || ((_a = column.attrs) == null ? void 0 : _a.disabled));
+}
+function renderText(props, column = {}, index) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  const { type, field, customRender } = column;
+  const { fieldNames, options = [] } = column.attrs || {};
+  if (customRender && typeof customRender === "function") {
+    return customRender({
+      column: props.columns[index],
+      model: props.model,
+      value: props.model[field]
+    });
+  }
+  if (type === "range-picker") {
+    const [start, end] = field;
+    return ((_a = props.model) == null ? void 0 : _a[start]) ? `${(_b = props.model) == null ? void 0 : _b[start]} ~ ${(_c = props.model) == null ? void 0 : _c[end]}` : "";
+  }
+  if (type === "location") {
+    const [lon, lat] = field;
+    return [props.model[lon], props.model[lat]].filter(Boolean).join("\uFF0C");
+  }
+  if (/^(select|radio|checkbox)$/.test(type)) {
+    const target = options.find(
+      (item) => {
+        var _a2;
+        return item[fieldNames.value] === ((_a2 = props.model) == null ? void 0 : _a2[field]);
+      }
+    );
+    return (target == null ? void 0 : target[fieldNames.label]) || ((_d = props.model) == null ? void 0 : _d[field]) || "";
+  }
+  if (/^dept-select(-all)?$/.test(type)) {
+    const dict = /^dept-select$/.test(type) ? deptTreeDict.value : deptTreeAllDict.value;
+    return dict[(_e = props.model) == null ? void 0 : _e[field]] || ((_f = props.model) == null ? void 0 : _f[field]) || "";
+  }
+  if (type === "area-select") {
+    return areaTreeDict.value[(_g = props.model) == null ? void 0 : _g[field]] || ((_h = props.model) == null ? void 0 : _h[field]) || "";
+  }
+  if (Array.isArray(field)) {
+    return field.map((key) => {
+      var _a2;
+      return ((_a2 = props.model) == null ? void 0 : _a2[key]) || "";
+    }).filter(Boolean).join(" - ");
+  }
+  return ((_i = props.model) == null ? void 0 : _i[field]) || ((_j = props.model) == null ? void 0 : _j[field]) || "";
+}
+
+export { columnItemStyle, columnShowHandler, isDisabled, isRequired, renderText };
+//# sourceMappingURL=index.mjs.map

package/es/components/appForm/js/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../packages/components/appForm/js/index.js"],"sourcesContent":["import { unref } from 'vue'\nimport {\n  isArray,\n  isBoolean,\n  isFunction,\n  isNumber,\n  isObject,\n  funRunHandler,\n} from '@hy-dispatch-ui-v3/utils'\n\n// 列样式\nexport function columnItemStyle(props, column) {\n  const style = {}\n  let span = funRunHandler(column.span, column, props.model)\n  if (isNumber(span) && span > 1) {\n    span = span >= props.columnNum ? props.columnNum : span\n    style['grid-column'] = `span ${span}`\n  }\n  return style\n}\n\nexport function columnShowHandler(props, column) {\n  const show = unref(column.show)\n  if (isBoolean(show)) return show\n  if (isFunction(show)) return show(column, props.model)\n  return true\n}\n\n// 是否必填\nexport function isRequired(props, column) {\n  let { readonly, field, rules } = column\n  if (props.readonly || readonly) {\n    return false\n  }\n  if (Array.isArray(field)) {\n    return field.find((key) => isRequired(props, { ...column, field: key }))\n  }\n  rules =\n    (isArray(rules) && rules?.length) || isObject(rules)\n      ? rules\n      : props.rules?.[field]\n  if (isArray(rules)) {\n    return rules.some((item) => item.required)\n  }\n  if (isObject(rules)) {\n    return rules?.required\n  }\n  return false\n}\n\n// 是否禁用\nexport function isDisabled(props, column) {\n  return !!(props.loading || column.attrs?.disabled)\n}\n\n// 渲染文本\nexport function renderText(props, column = {}, index) {\n  const { type, field, customRender } = column\n  const { fieldNames, options = [] } = column.attrs || {}\n  if (customRender && typeof customRender === 'function') {\n    return customRender({\n      column: props.columns[index],\n      model: props.model,\n      value: props.model[field],\n    })\n  }\n  if (type === 'range-picker') {\n    const [start, end] = field\n    return props.model?.[start]\n      ? `${props.model?.[start]} ~ ${props.model?.[end]}`\n      : ''\n  }\n  if (type === 'location') {\n    const [lon, lat] = field\n    return [props.model[lon], props.model[lat]].filter(Boolean).join('，')\n  }\n  if (/^(select|radio|checkbox)$/.test(type)) {\n    const target = options.find(\n      (item) => item[fieldNames.value] === props.model?.[field]\n    )\n    return target?.[fieldNames.label] || props.model?.[field] || ''\n  }\n  if (/^dept-select(-all)?$/.test(type)) {\n    const dict = /^dept-select$/.test(type)\n      ? deptTreeDict.value\n      : deptTreeAllDict.value\n    return dict[props.model?.[field]] || props.model?.[field] || ''\n  }\n  if (type === 'area-select') {\n    return (\n      areaTreeDict.value[props.model?.[field]] || props.model?.[field] || ''\n    )\n  }\n  if (Array.isArray(field)) {\n    return field\n      .map((key) => props.model?.[key] || '')\n      .filter(Boolean)\n      .join(' - ')\n  }\n  return props.model?.[field] || props.model?.[field] || ''\n}\n"],"names":[],"mappings":"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"}

package/es/components/appForm/js/useAppForm.mjs

@@ -0,0 +1,149 @@
+import { unref, toRef } from 'vue';
+import { funRunHandler, mergeDeep } from '../../../utils/handler.mjs';
+import { getDefaultValueFormatByType } from '../../../utils/date.mjs';
+import { useLocale } from '../../../hooks/useLocale.mjs';
+import { isArray } from '../../../utils/is.mjs';
+
+const genPlaceholderHandler = (config) => {
+  const { t } = useLocale();
+  const { type, label, attrs = {} } = config || {};
+  let placeholder = attrs.placeholder, startPlaceholder = attrs.startPlaceholder, endPlaceholder = attrs.endPlaceholder;
+  switch (type) {
+    case "input":
+      placeholder = placeholder || t("hy.pleaseEnterPlaceholder", [label]);
+    case "select":
+      placeholder = placeholder || t("hy.pleaseSelectPlaceholder", [label]);
+    case "date-picker":
+      if (["datetimerange", "daterange", "monthrange", "yearrange"].includes(
+        attrs == null ? void 0 : attrs.type
+      )) {
+        switch (attrs.type) {
+          case "yearrange":
+            startPlaceholder = startPlaceholder || t("hy.startYear");
+            endPlaceholder = endPlaceholder || t("hy.endYear");
+            break;
+          case "monthrange":
+            startPlaceholder = startPlaceholder || t("hy.startMonth");
+            endPlaceholder = endPlaceholder || t("hy.endMonth");
+            break;
+          case "daterange":
+            startPlaceholder = startPlaceholder || t("hy.startDate");
+            endPlaceholder = endPlaceholder || t("hy.endDate");
+            break;
+          case "datetimerange":
+            startPlaceholder = startPlaceholder || t("hy.startDateTime");
+            endPlaceholder = endPlaceholder || t("hy.endDateTime");
+            break;
+        }
+      } else {
+        placeholder = placeholder || t("hy.pleaseSelectPlaceholder", [label]);
+      }
+    default:
+      placeholder = placeholder || label;
+  }
+  return { placeholder, startPlaceholder, endPlaceholder };
+};
+const genRuleRequiredMsgHandler = (config) => {
+  const { t } = useLocale();
+  const { type, prop, label } = config || {};
+  if (!prop || !(prop == null ? void 0 : prop.length)) return "";
+  switch (type) {
+    case "input":
+      return t("hy.pleaseEnterPlaceholder", [label]);
+    case "select":
+    case "radio":
+    case "checkbox":
+    case "date-picker":
+      return t("hy.pleaseSelectPlaceholder", [label]);
+    default:
+      return t("hy.cannotBeEmpty", [label]);
+  }
+};
+const rulesHandler = (config) => {
+  let { rules, required } = config || {};
+  rules = isArray(rules) ? [...rules] : [required].filter(Boolean);
+  if (!rules.some((item) => item.required) && required) {
+    rules.unshift({
+      required: true,
+      message: genRuleRequiredMsgHandler(config),
+      trigger: "blur"
+    });
+  }
+  return rules;
+};
+function appFormItemHandler(column = {}) {
+  const { placeholder, startPlaceholder, endPlaceholder } = genPlaceholderHandler(column);
+  const attrs = { ...column.attrs || {}, placeholder };
+  column = mergeDeep(
+    { ...column },
+    {
+      key: /* @__PURE__ */ Symbol("appFormItemKey"),
+      field: column.prop,
+      readonly: column.readonly || false,
+      rules: rulesHandler(column)
+    }
+  );
+  if (/^(input)$/.test(column.type)) {
+    return {
+      ...column,
+      attrs: {
+        maxlength: attrs.type === "textarea" ? 255 : attrs.type === "text" ? 100 : void 0,
+        ...attrs
+      }
+    };
+  } else if (/^(radio|checkbox|select)$/.test(column.type)) {
+    return {
+      ...column,
+      attrs: {
+        ...attrs,
+        props: {
+          label: "label",
+          value: "value",
+          disabled: "disabled",
+          options: "options",
+          ...attrs.props
+        }
+      }
+    };
+  } else if (/^date-picker$/.test(column.type)) {
+    return {
+      ...column,
+      attrs: {
+        format: attrs.format || getDefaultValueFormatByType(attrs.type),
+        valueFormat: attrs.valueFormat || getDefaultValueFormatByType(attrs.type),
+        ...attrs,
+        startPlaceholder,
+        endPlaceholder
+      }
+    };
+  }
+  return column;
+}
+const resetAppFormValue = (columns = [], obj = {}) => {
+  for (const item of columns) {
+    const value = funRunHandler(item.defaultValue);
+    if (Array.isArray(item.prop)) {
+      for (let i = 0; i < item.prop.length; i++) {
+        obj[item.prop[i]] = value && Array.isArray(value) ? value[i] : void 0;
+      }
+    } else {
+      obj[item.prop] = value;
+    }
+  }
+  return obj;
+};
+const useAppForm = (config = [], model) => {
+  const columns = [];
+  for (const item of unref(config)) {
+    const target = appFormItemHandler(item);
+    columns.push(target);
+  }
+  const formModel = resetAppFormValue(columns, model);
+  return {
+    formModel: toRef(formModel),
+    formColumns: toRef(columns)
+  };
+};
+
+export { resetAppFormValue, useAppForm };
+//# sourceMappingURL=useAppForm.mjs.map

package/es/components/appForm/js/useAppForm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAppForm.mjs","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":[],"mappings":"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"}