hy-dispatch-ui-v3 0.1.0

package/lib/components/appForm/appForm.vue.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"appForm.vue.js","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":["computed","isNumber","nextTick","unref","resetAppFormValue","_openBlock","_createBlock","_unref","ElForm","_mergeProps"],"mappings":"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"}

package/lib/components/appForm/index.js

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

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

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

package/lib/components/appForm/js/index.js

@@ -0,0 +1,93 @@
+'use strict';
+
+var vue = require('vue');
+var is = require('../../../utils/is.js');
+var handler = require('../../../utils/handler.js');
+
+function columnItemStyle(props, column) {
+  const style = {};
+  let span = handler.funRunHandler(column.span, column, props.model);
+  if (is.isNumber(span) && span > 1) {
+    span = span >= props.columnNum ? props.columnNum : span;
+    style["grid-column"] = `span ${span}`;
+  }
+  return style;
+}
+function columnShowHandler(props, column) {
+  const show = vue.unref(column.show);
+  if (is.isBoolean(show)) return show;
+  if (is.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 = is.isArray(rules) && (rules == null ? void 0 : rules.length) || is.isObject(rules) ? rules : (_a = props.rules) == null ? void 0 : _a[field];
+  if (is.isArray(rules)) {
+    return rules.some((item) => item.required);
+  }
+  if (is.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]) || "";
+}
+
+exports.columnItemStyle = columnItemStyle;
+exports.columnShowHandler = columnShowHandler;
+exports.isDisabled = isDisabled;
+exports.isRequired = isRequired;
+exports.renderText = renderText;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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":["funRunHandler","isNumber","unref","isBoolean","isFunction","isArray","isObject"],"mappings":"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"}

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

@@ -0,0 +1,152 @@
+'use strict';
+
+var vue = require('vue');
+var handler = require('../../../utils/handler.js');
+var date = require('../../../utils/date.js');
+var useLocale = require('../../../hooks/useLocale.js');
+var is = require('../../../utils/is.js');
+
+const genPlaceholderHandler = (config) => {
+  const { t } = useLocale.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.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 = is.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 = handler.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 || date.getDefaultValueFormatByType(attrs.type),
+        valueFormat: attrs.valueFormat || date.getDefaultValueFormatByType(attrs.type),
+        ...attrs,
+        startPlaceholder,
+        endPlaceholder
+      }
+    };
+  }
+  return column;
+}
+const resetAppFormValue = (columns = [], obj = {}) => {
+  for (const item of columns) {
+    const value = handler.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 vue.unref(config)) {
+    const target = appFormItemHandler(item);
+    columns.push(target);
+  }
+  const formModel = resetAppFormValue(columns, model);
+  return {
+    formModel: vue.toRef(formModel),
+    formColumns: vue.toRef(columns)
+  };
+};
+
+exports.resetAppFormValue = resetAppFormValue;
+exports.useAppForm = useAppForm;
+//# sourceMappingURL=useAppForm.js.map