hs-admin-ui 15.7.1 → 15.7.2

package/dist/baseFormConfig-0aAt8oYn.mjs

@@ -0,0 +1,504 @@
+import { ref } from "vue";
+import { i as inputAttrConfigMap } from "./index-CaroRQE3.mjs";
+let parentFormData = {
+  size: "default",
+  rules: "",
+  //  表单校验规则
+  inline: true,
+  // 行内表单模式
+  labelPosition: "left",
+  // 表单域标签的位置
+  labelWidth: "80",
+  // 表单域标签的宽度
+  labelSuffix: "",
+  // 表单域标签的后缀
+  hideRequiredAsterisk: false,
+  // 是否隐藏必填标识
+  requireAsteriskPosition: "left",
+  // 必填标识的位置
+  showMessage: true,
+  // 是否显示校验错误信息
+  inlineMessage: false,
+  // 是否以行内展示校验信息
+  statusIcon: false,
+  // 是否框中显示校验反馈图标
+  validateOnRuleChange: true,
+  // 是否触发第一次验证
+  disabled: false,
+  // 是否禁用该表单项
+  scrollToError: false,
+  // 滚动至首个校验失败的表单
+  gutter: 10,
+  // 栅格间隔
+  justify: "start",
+  // flex 布局下的水平排列方式
+  align: "",
+  // flex 布局下的垂直排列方式
+  isSetDictDefaultValue: true,
+  // 是否取字典项的默认值
+  isSupportShortcutKey: true,
+  // 是否支持表单回车快捷功能
+  submitUrl: "",
+  // 提交表单的请求api
+  submitSuccessMsg: "",
+  // 表单提交成功的提示信息
+  isVerifySearch: false,
+  // 是否校验查询参数
+  isQuickSearch: false,
+  // 是否校验查询参数
+  isClosedKeyStroke: false,
+  // 是否关闭键盘事件
+  isShowDictValue: false,
+  // 是否显示字典默认值
+  isShowQuerySearch: false,
+  // 是否开启显示查询参数查询
+  isHideCollapseBtn: false,
+  // 是否隐藏折叠按钮
+  isReverseBtn: false
+  // 是否颠倒查询按钮与查询条件
+};
+let parentFormConfig = [
+  { prop: "rules", label: "表单验证规则", type: "textarea", el: "hs-input" },
+  { prop: "inline", label: "行内表单模式", el: "hs-switch" },
+  {
+    prop: "labelPosition",
+    label: "表单域标签的位置",
+    el: "hs-select",
+    tooltip: "表单域标签的位置， 当设置为 left 或 right 时，则也需要设置 label-width 属性",
+    required: false,
+    multiple: false,
+    op: [
+      { label: " 靠左", value: "left" },
+      { label: "靠右", value: "right" },
+      { label: "靠上", value: "top" }
+    ],
+    cel: "hs-option"
+  },
+  {
+    prop: "labelWidth",
+    label: "标签的宽度",
+    tooltip: '标签的长度，例如 "50px"。 作为 Form 直接子元素的 form-item 会继承该值。 可以使用 auto。',
+    el: "hs-input"
+  },
+  {
+    prop: "labelSuffix",
+    label: "表单域标签的后缀",
+    tooltip: "表单域标签的后缀",
+    el: "hs-input"
+  },
+  {
+    prop: "hideRequiredAsterisk",
+    label: "是否隐藏必填标识",
+    tooltip: "是否隐藏必填字段标签旁边的红色星号。",
+    el: "hs-switch"
+  },
+  {
+    prop: "requireAsteriskPosition",
+    label: "必填标识的位置",
+    tooltip: "星号的位置。",
+    el: "hs-select",
+    op: [
+      { label: " 靠左", value: "left" },
+      { label: "靠右", value: "right" }
+    ],
+    cel: "hs-option"
+  },
+  {
+    prop: "showMessage",
+    label: "是否显示校验错误信息",
+    tooltip: "是否显示校验错误信息",
+    el: "hs-switch"
+  },
+  {
+    prop: "inlineMessage",
+    label: "是否以行内形式展示校验信息",
+    tooltip: "是否以行内形式展示校验信息",
+    el: "hs-switch"
+  },
+  {
+    prop: "statusIcon",
+    label: "是否框中显示校验反馈图标",
+    tooltip: "是否在输入框中显示校验结果反馈图标",
+    el: "hs-switch"
+  },
+  {
+    prop: "validateOnRuleChange",
+    label: "是否触发第一次验证",
+    tooltip: "是否在 rules 属性改变后立即触发一次验证",
+    el: "hs-switch"
+  },
+  {
+    prop: "size",
+    label: "表单项组件的尺寸",
+    el: "hs-select",
+    tooltip: "用于控制该表单内组件的尺寸",
+    op: [
+      { label: " 大尺寸", value: "large" },
+      { label: "默认尺寸", value: "default" },
+      { label: "小尺寸", value: "small" }
+    ],
+    cel: "hs-option"
+  },
+  {
+    prop: "disabled",
+    label: "是否禁用表单项",
+    tooltip: "是否禁用该表单内的所有组件。 如果设置为 true, 它将覆盖内部组件的 disabled 属性",
+    el: "hs-switch"
+  },
+  {
+    prop: "scrollToError",
+    label: "滚动至首个校验失败的表单",
+    tooltip: "当校验失败时，滚动到第一个错误表单项",
+    el: "hs-switch"
+  },
+  {
+    label: "是否取字典项的默认值",
+    prop: "isSetDictDefaultValue",
+    el: "hs-switch",
+    tooltip: "当校验有失败结果时，滚动到第一个失败的表单项目 可通过 scrollIntoView 配置"
+  },
+  {
+    label: "是否支持表单回车快捷功能",
+    prop: "isSupportShortcutKey",
+    el: "hs-switch"
+  },
+  {
+    label: "栅格间隔",
+    prop: "gutter",
+    type: "number",
+    el: "hs-input-number"
+  },
+  {
+    label: "盒子布局下的水平排列方式",
+    prop: "justify",
+    el: "hs-select",
+    tooltip: "flex 布局下的水平排列方式",
+    op: [
+      { label: "从起始方向排列", value: "start" },
+      { label: "从末尾方向排列", value: "end" },
+      { label: "居中", value: "center" },
+      { label: "两端对齐均匀分布", value: "space-between" },
+      { label: "两端是中间间隔的一半均匀分布", value: "space-around" },
+      { label: "间隔相等均匀分布", value: "space-evenly" }
+    ],
+    cel: "hs-option"
+  },
+  {
+    label: "盒子布局下的垂直排列方式",
+    prop: "align",
+    el: "hs-select",
+    tooltip: "flex 布局下的垂直排列方式",
+    op: [
+      { label: "自上而下", value: "top" },
+      { label: "居中", value: "middle" },
+      { label: "自下而上", value: "bottom" }
+    ],
+    cel: "hs-option"
+  },
+  {
+    label: "自定义元素标签",
+    prop: "tag",
+    el: "hs-input"
+  },
+  {
+    label: "提交表单的请求Url",
+    prop: "submitUrl",
+    el: "hs-input"
+  },
+  {
+    label: "提交请求方式",
+    prop: "submitUrlMethod",
+    el: "hs-select",
+    cel: "hs-option",
+    op: [
+      { label: " POST", value: "post" },
+      { label: "GET", value: "get" },
+      { label: "DELETE", value: "delete" },
+      { label: "PUT", value: "put" }
+    ]
+  },
+  {
+    label: "表单提交成功的提示信息",
+    prop: "submitSuccessMsg",
+    el: "hs-input"
+  },
+  {
+    label: "首行展示列数",
+    prop: "columnNum",
+    tooltip: "当未设置值时，数据解析默认4列",
+    el: "hs-input-number"
+  },
+  {
+    prop: "isVerifySearch",
+    label: "是否校验查询参数",
+    tooltip: "是否校验查询参数",
+    el: "hs-switch"
+  },
+  {
+    label: "是否隐藏折叠按钮",
+    prop: "isHideCollapseBtn",
+    el: "hs-switch"
+  },
+  {
+    prop: "isQuickSearch",
+    label: "是否启用快捷查询",
+    tooltip: "是否启用快捷查询",
+    el: "hs-switch"
+  },
+  {
+    prop: "isClosedKeyStroke",
+    label: "是否关闭键盘事件",
+    el: "hs-switch"
+  },
+  {
+    prop: "isShowDictValue",
+    label: "开启字典默认值",
+    tooltip: "是否显示字典默认值",
+    el: "hs-switch"
+  },
+  {
+    prop: "isShowQuerySearch",
+    label: "开启显示查询",
+    tooltip: "用于动态切换查询条件场景下，单击标签页获取显示查询条件参数，需要默认值情况下使用setQueryData方法,第二个参数设置true为永久缓存",
+    el: "hs-switch"
+  },
+  {
+    prop: "isReverseBtn",
+    label: "颠倒查询按钮",
+    tooltip: "将查询按钮放到查询条件之后,【首行展示列数】可配合使用",
+    el: "hs-switch"
+  }
+];
+const configElList = ref([
+  { label: "输入框", value: "hs-input" },
+  { label: "选择器", value: "hs-select" },
+  { label: "开关", value: "hs-switch" },
+  { label: "日期选择器", value: "hs-date-picker" },
+  { label: "按钮", value: "hs-button" },
+  { label: "自动补全", value: "hs-autocomplete" },
+  { label: "上传", value: "hs-upload" },
+  { label: "多选框", value: "hs-checkbox" },
+  { label: "单选框", value: "hs-radio" },
+  { label: "数字输入框", value: "hs-input-number" },
+  { label: "级联面板", value: "hs-cascader-panel" },
+  { label: "树形选择(弹窗带搜索框)", value: "bc-tree-search" },
+  { label: "树形选择", value: "hs-tree-select" },
+  { label: "级联选择器", value: "hs-cascader" },
+  { label: "输入框组", value: "bc-input-group" }
+]);
+const compConfig = {
+  "hs-input": "hs-config-input",
+  "hs-select": "hs-config-select",
+  "hs-switch": "hs-config-switch",
+  "hs-date-picker": "hs-config-date-picker",
+  "hs-button": "hs-config-button",
+  "hs-autocomplete": "hs-config-autocomplete",
+  "hs-upload": "hs-config-upload",
+  "hs-checkbox": "hs-config-checkbox",
+  "hs-radio": "hs-config-radio",
+  "hs-input-number": "hs-config-input-number",
+  "hs-cascader-panel": "hs-config-cascader-panel",
+  "bc-tree-search": "hs-config-tree-search",
+  "hs-tree-select": "hs-config-tree-select",
+  "bc-input-group": "hs-input-group"
+};
+const formBaseRule = {
+  label: [{ required: true, message: "请输入参数名称" }],
+  prop: [{ required: true, message: "请输入查询参数" }],
+  el: [{ required: true, message: "请选择组件类型" }]
+};
+let formItemConfig = ref({
+  id: "",
+  sort: 0,
+  // 排序
+  // 配置绑定的值
+  data: {
+    baseData: {
+      shortcut: [],
+      label: "参数名称",
+      prop: "",
+      el: "hs-input",
+      isSlot: false,
+      isApply: true,
+      isShow: true,
+      isCloseQuickSearch: false,
+      // 是否关闭快捷查询
+      isHideDictDefaultValue: false
+      // 是否隐藏字典默认值
+    },
+    elData: inputAttrConfigMap
+  }
+});
+let config = {
+  // 配置
+  baseConfig: {
+    title: {
+      subTitle: "表单项属性"
+    },
+    visible: true,
+    list: [
+      {
+        prop: "shortcut",
+        label: "快捷键",
+        el: "hs-select",
+        slotValue: "shortcut"
+      },
+      {
+        prop: "label",
+        label: "参数名称",
+        el: "hs-input"
+      },
+      {
+        prop: "prop",
+        label: "查询参数",
+        slotValue: "prop",
+        el: "hs-input"
+      },
+      {
+        prop: "el",
+        label: "组件类型",
+        clearable: false,
+        tooltip: "下拉选择组件类型，组件类型取自配置文件",
+        el: "hs-select",
+        cel: "hs-option",
+        op: configElList.value
+      },
+      {
+        prop: "label-width",
+        label: "标签宽度",
+        el: "hs-input"
+      },
+      {
+        prop: "isSlot",
+        label: "是否自定义插槽",
+        el: "hs-switch"
+      },
+      {
+        prop: "isApply",
+        label: "是否启用",
+        tooltip: "是否启用该表单项",
+        el: "hs-switch"
+      },
+      {
+        prop: "isShow",
+        label: "是否显示该表单项",
+        el: "hs-switch"
+      },
+      {
+        prop: "isCloseQuickSearch",
+        label: "是否关闭快捷查询",
+        tooltip: "输入框回车查询，下拉框关闭弹窗查询",
+        el: "hs-switch"
+      },
+      {
+        prop: "isHideDictDefaultValue",
+        label: "隐藏字典默认值",
+        tooltip: "不显示字典默认值",
+        el: "hs-switch"
+      },
+      {
+        prop: "groupMark",
+        label: "分组标识",
+        el: "hs-input",
+        tooltip: "如果【分组标识】有值则代表该字段为组里的一项，只有分组标识相同的才能为一组"
+      },
+      {
+        prop: "positionInGroup",
+        label: "组字段位置",
+        tooltip: "字段在分组中是开始位置 还是 结束为止",
+        el: "hs-select",
+        cel: "hs-option",
+        show: true,
+        op: [
+          {
+            label: "开始",
+            value: "begin"
+          },
+          {
+            label: "结束",
+            value: "end"
+          }
+        ]
+      }
+    ],
+    rules: formBaseRule
+  },
+  elConfig: {
+    title: {
+      subTitle: "元素项属性"
+    },
+    visible: true,
+    list: []
+  }
+};
+let emptyFormItemData = ref({
+  id: "",
+  // 配置绑定的值
+  data: {
+    baseData: {},
+    elData: {
+      // hs-input组件属性
+    }
+  }
+});
+let formTitleConfig = ref({
+  code: {
+    visible: false,
+    subTitle: "表单配置代码",
+    class: "font-bold my-3",
+    iconSize: 20
+  },
+  form: {
+    visible: true,
+    subTitle: "表单配置",
+    class: "font-bold my-3",
+    iconSize: 20
+  },
+  formItem: {
+    visible: true,
+    subTitle: "表单元素配置项集合",
+    class: "font-bold my-3",
+    iconSize: 20
+  },
+  formExample: {
+    visible: false,
+    subTitle: "表单配置示例",
+    class: "font-bold my-3",
+    iconSize: 20
+  }
+});
+const formItemAspectConfig = {
+  currentPage: {
+    baseData: {
+      isApply: true,
+      isShow: false
+    },
+    elData: {
+      attrs: {
+        defaultValue: 1
+      }
+    }
+  },
+  pageSize: {
+    baseData: {
+      isApply: true,
+      isShow: false
+    },
+    elData: {
+      attrs: {
+        defaultValue: 10
+      }
+    }
+  }
+};
+export {
+  config as a,
+  configElList as b,
+  compConfig as c,
+  formItemAspectConfig as d,
+  emptyFormItemData as e,
+  formItemConfig as f,
+  parentFormConfig as g,
+  formTitleConfig as h,
+  parentFormData as p
+};