hs-admin-ui 1.0.8 → 1.0.9

package/dist/baseFormConfig-Obs44-OZ.mjs

@@ -0,0 +1,535 @@
+import { ref as e } from "vue";
+let i = e({
+  size: "default",
+  rules: "",
+  //  表单校验规则
+  labelWidth: "80",
+  // 表单域标签的宽度
+  hideRequiredAsterisk: !1,
+  // 是否隐藏必填标识
+  showMessage: !0,
+  // 是否显示校验错误信息
+  inlineMessage: !1,
+  // 是否以行内展示校验信息
+  disabled: !1,
+  // 是否禁用该表单项
+  gutter: 10,
+  // 栅格间隔
+  justify: "start",
+  // flex 布局下的水平排列方式
+  align: "",
+  // flex 布局下的垂直排列方式
+  isSetDictDefaultValue: !0,
+  // 是否取字典项的默认值
+  isSupportShortcutKey: !0,
+  // 是否支持表单回车快捷功能
+  rowGap: 0,
+  // 行间隔
+  columnGap: 0
+  // 列间隔
+}), p = e([
+  { prop: "rules", label: "表单验证规则", type: "textarea", el: "hs-input" },
+  {
+    prop: "labelWidth",
+    label: "标签的宽度",
+    tooltip: '标签的长度，例如 "50px"。 作为 Form 直接子元素的 form-item 会继承该值。 可以使用 auto。',
+    el: "hs-input"
+  },
+  {
+    prop: "hideRequiredAsterisk",
+    label: "是否隐藏必填标识",
+    tooltip: "是否隐藏必填字段标签旁边的红色星号。",
+    el: "hs-switch"
+  },
+  {
+    prop: "showMessage",
+    label: "是否显示校验错误信息",
+    tooltip: "是否显示校验错误信息",
+    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"
+  },
+  {
+    label: "是否取字典项的默认值",
+    prop: "isSetDictDefaultValue",
+    el: "hs-switch",
+    tooltip: "当校验有失败结果时，滚动到第一个失败的表单项目 可通过 scrollIntoView 配置"
+  },
+  {
+    label: "是否支持表单回车快捷功能",
+    prop: "isSupportShortcutKey",
+    el: "hs-switch"
+  },
+  {
+    label: "行间隔",
+    prop: "rowGap",
+    type: "number",
+    el: "hs-input"
+  },
+  {
+    label: "列间隔",
+    prop: "columnGap",
+    type: "number",
+    el: "hs-input"
+  },
+  {
+    label: "区域背景色",
+    prop: "bg",
+    el: "hs-color-picker"
+  }
+]);
+const l = e([
+  { 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: "hs-tree-select" }
+]), t = e([
+  { label: "string", value: "string" },
+  { label: "number", value: "number" },
+  { label: "boolean", value: "boolean" }
+]), a = e([
+  { label: "Array", value: "Array" },
+  { label: "Object", value: "Object" }
+]), r = {
+  "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",
+  "hs-tree-select": "hs-config-tree-select"
+};
+let b = e({
+  id: "",
+  // 配置绑定的值
+  data: {
+    baseData: {
+      label: "参数名称",
+      prop: "",
+      el: "",
+      // 'hs-input',
+      isSlot: !1,
+      isApply: !0,
+      isShow: !0
+    },
+    elementItem: [
+      {
+        baseData: {
+          label: "参数名称",
+          prop: "",
+          el: "",
+          // 'hs-input',
+          isSlot: !1,
+          isApply: !0,
+          isShow: !0
+        },
+        elData: {}
+      }
+    ],
+    layoutData: {
+      rowSpan: 1,
+      colSpan: 1,
+      labelBg: "#F5F5F5",
+      labelColor: "#606266"
+    }
+  },
+  // 配置
+  baseConfig: {
+    title: {
+      subTitle: "表单项属性"
+    },
+    visible: !0,
+    list: [
+      {
+        prop: "label",
+        label: "参数名称",
+        el: "hs-input",
+        required: !1,
+        slotValue: "label"
+      },
+      {
+        prop: "prop",
+        label: "查询参数",
+        el: "hs-input"
+      },
+      {
+        prop: "el",
+        label: "组件类型",
+        clearable: !1,
+        tooltip: "下拉选择组件类型，组件类型取自配置文件",
+        el: "hs-select",
+        cel: "hs-option",
+        op: l.value
+      },
+      {
+        prop: "baseType",
+        label: "基础类型",
+        clearable: !1,
+        tooltip: "基础类型",
+        el: "hs-select",
+        cel: "hs-option",
+        op: t.value
+      },
+      {
+        prop: "complexType",
+        label: "复杂类型",
+        clearable: !0,
+        tooltip: "复杂类型",
+        el: "hs-select",
+        cel: "hs-option",
+        op: a.value
+      },
+      {
+        prop: "isSlot",
+        label: "是否自定义插槽",
+        el: "hs-switch",
+        tooltip: "下拉选择，自定义模板，选择的名称就是模板名称"
+      },
+      {
+        prop: "isApply",
+        label: "是否启用",
+        tooltip: "是否启用该表单项",
+        el: "hs-switch"
+      },
+      {
+        prop: "isShow",
+        label: "是否显示该表单项",
+        el: "hs-switch"
+      }
+    ]
+  },
+  baseConfig2: {
+    title: {
+      subTitle: "表单项属性"
+    },
+    visible: !0,
+    list: [
+      // {
+      // 	prop: 'label',
+      // 	label: '参数名称',
+      // 	el: 'hs-input',
+      // 	required: false,
+      // },
+      // {
+      // 	prop: 'prop',
+      // 	label: '查询参数',
+      // 	el: 'hs-input',
+      // },
+      {
+        prop: "el",
+        label: "组件类型",
+        clearable: !1,
+        tooltip: "下拉选择组件类型，组件类型取自配置文件",
+        el: "hs-select",
+        cel: "hs-option",
+        op: l.value
+      },
+      {
+        prop: "isSlot",
+        label: "是否自定义插槽",
+        el: "hs-switch",
+        tooltip: "下拉选择，自定义模板，选择的名称就是模板名称"
+      },
+      {
+        prop: "isApply",
+        label: "是否启用",
+        tooltip: "是否启用该表单项",
+        el: "hs-switch"
+      },
+      {
+        prop: "isShow",
+        label: "是否显示该表单项",
+        el: "hs-switch"
+      }
+    ]
+  },
+  elConfig: {
+    title: {
+      subTitle: "元素项属性"
+    },
+    visible: !0,
+    list: []
+  },
+  layoutConfig: {
+    title: {
+      subTitle: "布局配置"
+    },
+    visible: !1,
+    list: [
+      {
+        prop: "rowSpan",
+        label: "行数",
+        tooltip: "栅格占据的行数",
+        type: "number",
+        el: "hs-input"
+      },
+      {
+        prop: "colSpan",
+        label: "列数",
+        tooltip: "栅格占据的列数",
+        type: "number",
+        el: "hs-input"
+      },
+      {
+        prop: "labelBg",
+        label: "标签背景色",
+        tooltip: "标签背景色",
+        type: "string",
+        el: "hs-color-picker"
+      },
+      {
+        prop: "labelColor",
+        label: "标签字体颜色",
+        tooltip: "标签字体颜色",
+        type: "string",
+        el: "hs-color-picker"
+      }
+    ]
+  },
+  defaultConfig: {
+    title: {
+      subTitle: "数据配置"
+    },
+    visible: !1,
+    list: []
+  }
+}), u = e({
+  id: "",
+  // 配置绑定的值
+  data: {
+    layoutData: {},
+    defaultData: {},
+    elementItem: [
+      {
+        baseData: {},
+        elData: {}
+      }
+    ]
+  },
+  // 配置
+  baseConfig: {
+    title: {
+      subTitle: "表单项属性"
+    },
+    visible: !0,
+    list: []
+  },
+  // [],
+  elConfig: {
+    title: {
+      subTitle: "元素项属性"
+    },
+    visible: !0,
+    list: []
+  },
+  layoutConfig: {
+    title: {
+      subTitle: "布局配置"
+    },
+    visible: !1,
+    list: []
+  },
+  defaultConfig: {
+    title: {
+      subTitle: "默认数据配置"
+    },
+    visible: !1,
+    list: []
+  }
+}), n = e({
+  code: {
+    visible: !1,
+    subTitle: "表单配置代码",
+    class: "font-bold my-3",
+    iconSize: 20
+  },
+  form: {
+    visible: !0,
+    subTitle: "表单项配置",
+    class: "font-bold my-3",
+    iconSize: 20
+  },
+  formItem: {
+    visible: !0,
+    subTitle: "表单元素配置项集合",
+    class: "font-bold my-3",
+    iconSize: 20
+  },
+  formExample: {
+    visible: !1,
+    subTitle: "表单配置示例",
+    class: "font-bold my-3",
+    iconSize: 20
+  },
+  component: {
+    visible: !0,
+    subTitle: "组件配置",
+    class: "font-bold my-3",
+    iconSize: 20
+  },
+  slot: {
+    visible: !0,
+    subTitle: "插槽配置",
+    class: "font-bold my-3",
+    iconSize: 20
+  },
+  base: {
+    visible: !0,
+    subTitle: "基础表单项配置",
+    class: "font-bold my-3",
+    iconSize: 20
+  },
+  baseForm: {
+    visible: !0,
+    subTitle: "基础表单配置",
+    class: "font-bold my-3",
+    iconSize: 20
+  }
+});
+const h = {
+  label: [{ required: !1, message: "请输入参数名称" }],
+  prop: [{ required: !1, message: "请输入查询参数" }],
+  el: [{ required: !0, message: "请选择组件类型" }],
+  baseType: [{ required: !0, message: "请选择基础类型" }]
+}, s = e([
+  { 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: "hs-tree-select" }
+]), c = e([
+  { prop: "name", label: "选择组件", el: "hs-select", op: s.value, cel: "hs-option" }
+]), f = e([{ prop: "name", label: "插槽名称", el: "hs-input" }]), m = e([
+  { prop: "label", label: "表单标题", el: "hs-input" },
+  { prop: "fieldID", label: "字段标识", el: "hs-input" },
+  { prop: "grid", label: "栅格", el: "hs-input", type: "number" }
+]), v = e([
+  {
+    prop: "labelWidth",
+    label: "标签的宽度",
+    tooltip: '标签的长度，例如 "50px"。 作为 Form 直接子元素的 form-item 会继承该值。 可以使用 auto。',
+    el: "hs-input"
+  },
+  {
+    prop: "labelPosition",
+    label: "表单域标签的位置",
+    el: "hs-select",
+    tooltip: "表单域标签的位置， 当设置为 left 或 right 时，则也需要设置 label-width 属性",
+    required: !1,
+    multiple: !1,
+    op: [
+      { label: " 靠左", value: "left" },
+      { label: "靠右", value: "right" },
+      { label: "靠上", value: "top" }
+    ],
+    cel: "hs-option"
+  },
+  {
+    prop: "size",
+    label: "表单项组件的尺寸",
+    el: "hs-select",
+    tooltip: "用于控制该表单内组件的尺寸",
+    op: [
+      { label: " 大尺寸", value: "large" },
+      { label: "默认尺寸", value: "default" },
+      { label: "小尺寸", value: "small" }
+    ],
+    cel: "hs-option"
+  },
+  {
+    prop: "labelSuffix",
+    label: "表单域标签的后缀",
+    tooltip: "表单域标签的后缀",
+    el: "hs-input"
+  },
+  {
+    prop: "requireAsteriskPosition",
+    label: "必填标识的位置",
+    tooltip: "星号的位置。",
+    el: "hs-select",
+    op: [
+      { label: " 靠左", value: "left" },
+      { label: "靠右", value: "right" }
+    ],
+    cel: "hs-option"
+  },
+  {
+    prop: "statusIcon",
+    label: "是否框中显示校验反馈图标",
+    tooltip: "是否在输入框中显示校验结果反馈图标",
+    el: "hs-switch"
+  },
+  {
+    prop: "validateOnRuleChange",
+    label: "是否触发第一次验证",
+    tooltip: "是否在 rules 属性改变后立即触发一次验证",
+    el: "hs-switch"
+  },
+  {
+    prop: "scrollToError",
+    label: "滚动至首个校验失败的表单",
+    tooltip: "当校验失败时，滚动到第一个错误表单项",
+    el: "hs-switch"
+  }
+]), d = {
+  baseData: {
+    label: "参数名称",
+    prop: "",
+    el: "",
+    // 'hs-input',
+    isSlot: !1,
+    isApply: !0,
+    isShow: !0
+  },
+  elData: {}
+};
+export {
+  h as a,
+  b,
+  r as c,
+  n as d,
+  u as e,
+  d as f,
+  m as g,
+  p as h,
+  c as i,
+  f as j,
+  i as k,
+  v as p
+};