hs-admin-ui 1.1.0 → 1.1.2

package/dist/baseFormConfig-gsmhhpHy.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
+      },
+      {
+        prop: "prop",
+        label: "查询参数",
+        el: "hs-input",
+        slotValue: "prop"
+      },
+      {
+        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
+};

package/dist/classic-D18AphRd.mjs

@@ -0,0 +1,61 @@
+import { defineComponent as d, defineAsyncComponent as t, ref as w, computed as R, onMounted as k, watch as i, nextTick as u, resolveComponent as x, openBlock as f, createBlock as m, withCtx as p, createVNode as o, unref as a, createElementVNode as M, createCommentVNode as b } from "vue";
+import { u as L, c as S, s as V } from "./index-Bx9hvGCK.mjs";
+const B = { class: "flex-center layout-backtop" }, N = d({
+  name: "layoutClassic"
+}), q = /* @__PURE__ */ d({
+  ...N,
+  setup(A) {
+    const _ = t(() => import("./aside-DLYe0Wqn.mjs")), y = t(() => import("./header-CWSyPWWN.mjs")), h = t(() => import("./main-X6VMrJfy.mjs")), v = t(() => import("./tagsView-V2HPZEk7.mjs")), e = w(), T = L(), g = S(), { themeConfig: s } = V(g), C = R(() => s.value.isTagsview), c = () => {
+      var n;
+      (n = e.value) == null || n.layoutMainScrollbarRef.update();
+    }, r = () => {
+      u(() => {
+        setTimeout(() => {
+          c(), e.value && (e.value.layoutMainScrollbarRef.wrapRef.scrollTop = 0);
+        }, 500);
+      });
+    };
+    return k(() => {
+      r();
+    }), i(
+      () => T.path,
+      () => {
+        r();
+      }
+    ), i(
+      () => s.value.isTagsview,
+      () => {
+        u(() => {
+          c();
+        });
+      },
+      {
+        deep: !0
+      }
+    ), (n, H) => {
+      const l = x("el-container");
+      return f(), m(l, { class: "layout-container flex-center" }, {
+        default: p(() => [
+          o(a(y)),
+          o(l, { class: "layout-mian-height-50" }, {
+            default: p(() => [
+              o(a(_)),
+              M("div", B, [
+                C.value ? (f(), m(a(v), { key: 0 })) : b("", !0),
+                o(a(h), {
+                  ref_key: "layoutMainRef",
+                  ref: e
+                }, null, 512)
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  q as default
+};

package/dist/classic-DHHg5mJX.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index-BDaBXqUr.js"),y={class:"flex-center layout-backtop"},_=e.defineComponent({name:"layoutClassic"}),h=e.defineComponent({..._,setup(v){const i=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./aside-DS0xvSma.js"))),u=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./header-DtJ6Ytxv.js"))),l=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./main-BZth8M7W.js"))),f=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./tagsView-BkMUtl4m.js"))),t=e.ref(),d=n.useRoute(),m=n.useThemeConfig(),{themeConfig:r}=n.storeToRefs(m),p=e.computed(()=>r.value.isTagsview),a=()=>{var o;(o=t.value)==null||o.layoutMainScrollbarRef.update()},c=()=>{e.nextTick(()=>{setTimeout(()=>{a(),t.value&&(t.value.layoutMainScrollbarRef.wrapRef.scrollTop=0)},500)})};return e.onMounted(()=>{c()}),e.watch(()=>d.path,()=>{c()}),e.watch(()=>r.value.isTagsview,()=>{e.nextTick(()=>{a()})},{deep:!0}),(o,C)=>{const s=e.resolveComponent("el-container");return e.openBlock(),e.createBlock(s,{class:"layout-container flex-center"},{default:e.withCtx(()=>[e.createVNode(e.unref(u)),e.createVNode(s,{class:"layout-mian-height-50"},{default:e.withCtx(()=>[e.createVNode(e.unref(i)),e.createElementVNode("div",y,[p.value?(e.openBlock(),e.createBlock(e.unref(f),{key:0})):e.createCommentVNode("",!0),e.createVNode(e.unref(l),{ref_key:"layoutMainRef",ref:t},null,512)])]),_:1})]),_:1})}}});exports.default=h;

package/dist/columns-Dj4TomJ8.mjs

@@ -0,0 +1,67 @@
+import { defineComponent as _, defineAsyncComponent as t, ref as i, onMounted as T, watch as f, nextTick as p, resolveComponent as m, openBlock as w, createBlock as k, withCtx as n, createVNode as e, unref as a } from "vue";
+import { u as M, c as S, s as g } from "./index-Bx9hvGCK.mjs";
+const x = _({
+  name: "layoutColumns"
+}), N = /* @__PURE__ */ _({
+  ...x,
+  setup(A) {
+    const d = t(() => import("./aside-DLYe0Wqn.mjs")), y = t(() => import("./header-CWSyPWWN.mjs")), v = t(() => import("./main-X6VMrJfy.mjs")), R = t(() => import("./columnsAside-CV51D85s.mjs")), l = i(""), o = i(), h = M(), C = S(), { themeConfig: r } = g(C), s = () => {
+      l.value.update(), o.value && o.value.layoutMainScrollbarRef.update();
+    }, c = () => {
+      p(() => {
+        setTimeout(() => {
+          s(), l.value.wrapRef.scrollTop = 0, o.value.layoutMainScrollbarRef.wrapRef.scrollTop = 0;
+        }, 500);
+      });
+    };
+    return T(() => {
+      c();
+    }), f(
+      () => h.path,
+      () => {
+        c();
+      }
+    ), f(
+      () => [r.value.isTagsview, r.value.isFixedHeader],
+      () => {
+        p(() => {
+          s();
+        });
+      },
+      {
+        deep: !0
+      }
+    ), (B, H) => {
+      const b = m("el-scrollbar"), u = m("el-container");
+      return w(), k(u, { class: "layout-container" }, {
+        default: n(() => [
+          e(a(R)),
+          e(u, { class: "layout-columns-warp layout-container-view h100" }, {
+            default: n(() => [
+              e(a(d)),
+              e(b, {
+                ref_key: "layoutScrollbarRef",
+                ref: l,
+                class: "layout-backtop"
+              }, {
+                default: n(() => [
+                  e(a(y)),
+                  e(a(v), {
+                    ref_key: "layoutMainRef",
+                    ref: o
+                  }, null, 512)
+                ]),
+                _: 1
+              }, 512)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  N as default
+};

package/dist/columns-Dn1oBjdc.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index-BDaBXqUr.js"),y=e.defineComponent({name:"layoutColumns"}),_=e.defineComponent({...y,setup(v){const s=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./aside-DS0xvSma.js"))),u=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./header-DtJ6Ytxv.js"))),i=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./main-BZth8M7W.js"))),f=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./columnsAside-y_fOY1sn.js"))),t=e.ref(""),o=e.ref(),d=n.useRoute(),p=n.useThemeConfig(),{themeConfig:r}=n.storeToRefs(p),a=()=>{t.value.update(),o.value&&o.value.layoutMainScrollbarRef.update()},l=()=>{e.nextTick(()=>{setTimeout(()=>{a(),t.value.wrapRef.scrollTop=0,o.value.layoutMainScrollbarRef.wrapRef.scrollTop=0},500)})};return e.onMounted(()=>{l()}),e.watch(()=>d.path,()=>{l()}),e.watch(()=>[r.value.isTagsview,r.value.isFixedHeader],()=>{e.nextTick(()=>{a()})},{deep:!0}),(h,C)=>{const m=e.resolveComponent("el-scrollbar"),c=e.resolveComponent("el-container");return e.openBlock(),e.createBlock(c,{class:"layout-container"},{default:e.withCtx(()=>[e.createVNode(e.unref(f)),e.createVNode(c,{class:"layout-columns-warp layout-container-view h100"},{default:e.withCtx(()=>[e.createVNode(e.unref(s)),e.createVNode(m,{ref_key:"layoutScrollbarRef",ref:t,class:"layout-backtop"},{default:e.withCtx(()=>[e.createVNode(e.unref(u)),e.createVNode(e.unref(i),{ref_key:"layoutMainRef",ref:o},null,512)]),_:1},512)]),_:1})]),_:1})}}});exports.default=_;