@web-utils/component 2.7.36 → 2.7.37

package/dist/components/form-input-phone-number/index.mjs

@@ -0,0 +1,109 @@
+var i = Object.defineProperty;
+var o = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
+var l = (e, t, r) => t in e ? i(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, n = (e, t) => {
+  for (var r in t || (t = {}))
+    p.call(t, r) && l(e, r, t[r]);
+  if (o)
+    for (var r of o(t))
+      m.call(t, r) && l(e, r, t[r]);
+  return e;
+};
+import { f as c } from "../../chunks/form-input-mixin.e3b4c68c.mjs";
+import { validatePhoneNum as d } from "@web-utils/core";
+import { d as f, n as _ } from "../../chunks/index.9b7a65d1.mjs";
+import h from "element-ui/lib/input";
+import { n as v } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var y = function() {
+  var e = this, t = e.$createElement, r = e._self._c || t;
+  return r("FormItem", e._b({
+    attrs: {
+      rules: e.computeRules,
+      disabled: e.inputDisabled
+    },
+    scopedSlots: e._u([{
+      key: "default",
+      fn: function() {
+        return [r("ElInput", e._g(e._b({
+          class: {
+            "is-readonly": e.readonly
+          },
+          attrs: {
+            value: e.value,
+            readonly: e.readonly,
+            maxlength: e.maxLength,
+            disabled: e.inputDisabled,
+            placeholder: e.computePlaceholder
+          },
+          on: {
+            input: e.emitInput
+          }
+        }, "ElInput", e.inputProps, !1), e.listeners))];
+      },
+      proxy: !0
+    }, {
+      key: "error",
+      fn: function(u) {
+        var a = u.error;
+        return [e._t("error", null, {
+          error: a
+        })];
+      }
+    }, {
+      key: "label",
+      fn: function() {
+        return [e._t("label")];
+      },
+      proxy: !0
+    }], null, !0)
+  }, "FormItem", e.formItemProps, !1));
+}, b = [];
+const I = Object.keys(h.props).filter((e) => !["value", "placeholder", "disabled"].includes(e)), x = {
+  name: "FormInputPhoneNumber",
+  mixins: [c],
+  props: {
+    value: {
+      type: String
+    },
+    maxLength: {
+      type: String,
+      default: "200"
+    }
+  },
+  computed: {
+    inputProps() {
+      return f(n(n({}, _(this.$attrs)), this.$props), I);
+    }
+  },
+  methods: {
+    getRules() {
+      return [{
+        validator: d,
+        message: "请输入正确的手机号码！"
+      }];
+    },
+    emitInput(e) {
+      this.$emit("input", e);
+    }
+  }
+}, s = {};
+var P = /* @__PURE__ */ v(
+  x,
+  y,
+  b,
+  !1,
+  g,
+  null,
+  null,
+  null
+);
+function g(e) {
+  for (let t in s)
+    this[t] = s[t];
+}
+const R = /* @__PURE__ */ function() {
+  return P.exports;
+}();
+export {
+  R as default
+};

package/dist/components/form-input-time/index.mjs

@@ -0,0 +1,135 @@
+var u = Object.defineProperty;
+var o = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
+var i = (e, t, r) => t in e ? u(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, a = (e, t) => {
+  for (var r in t || (t = {}))
+    m.call(t, r) && i(e, r, t[r]);
+  if (o)
+    for (var r of o(t))
+      p.call(t, r) && i(e, r, t[r]);
+  return e;
+};
+import { f as c } from "../../chunks/form-input-mixin.e3b4c68c.mjs";
+import f from "element-ui/lib/time-picker";
+import { d, n as _ } from "../../chunks/index.9b7a65d1.mjs";
+import { n as v } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var y = function() {
+  var e = this, t = e.$createElement, r = e._self._c || t;
+  return r("FormItem", e._b({
+    attrs: {
+      rules: e.computeRules,
+      disabled: e.inputDisabled
+    },
+    scopedSlots: e._u([{
+      key: "default",
+      fn: function() {
+        return [r("ElTimePicker", e._g(e._b({
+          attrs: {
+            "is-range": e.range,
+            value: e.value,
+            disabled: e.inputDisabled,
+            format: e.format,
+            "value-format": e.valueFormat || e.format,
+            clearable: "",
+            "picker-options": {
+              start: e.start,
+              end: e.end,
+              step: e.step,
+              minTime: e.minTime,
+              maxTime: e.maxTime,
+              selectableRange: e.selectableRange
+            },
+            "start-placeholder": "开始时间",
+            "end-placeholder": "结束时间",
+            placeholder: e.computePlaceholder
+          },
+          on: {
+            input: function(n) {
+              return e.$emit("input", n);
+            }
+          }
+        }, "ElTimePicker", e.inputProps, !1), e.listeners))];
+      },
+      proxy: !0
+    }, {
+      key: "error",
+      fn: function(n) {
+        var s = n.error;
+        return [e._t("error", null, {
+          error: s
+        })];
+      }
+    }, {
+      key: "label",
+      fn: function() {
+        return [e._t("label")];
+      },
+      proxy: !0
+    }], null, !0)
+  }, "FormItem", e.formItemProps, !1));
+}, g = [];
+const b = Object.keys(f.props).filter((e) => !["value", "placeholder", "disabled"].includes(e)), x = {
+  name: "FormInputTime",
+  mixins: [c],
+  props: {
+    range: Boolean,
+    format: {
+      type: String,
+      default: "HH:mm:ss"
+    },
+    valueFormat: {
+      type: String
+    },
+    start: {
+      type: String,
+      default: "09:00"
+    },
+    end: {
+      type: String,
+      default: "18:00"
+    },
+    step: {
+      type: String,
+      default: "00:30"
+    },
+    minTime: {
+      type: String,
+      default: "00:00"
+    },
+    maxTime: {
+      type: String,
+      default: ""
+    },
+    selectableRange: {
+      type: String
+    }
+  },
+  computed: {
+    prefix() {
+      return "请选择";
+    },
+    inputProps() {
+      return d(a(a({}, _(this.$attrs)), this.$props), b);
+    }
+  }
+}, l = {};
+var T = /* @__PURE__ */ v(
+  x,
+  y,
+  g,
+  !1,
+  h,
+  null,
+  null,
+  null
+);
+function h(e) {
+  for (let t in l)
+    this[t] = l[t];
+}
+const R = /* @__PURE__ */ function() {
+  return T.exports;
+}();
+export {
+  R as default
+};

package/dist/components/form-item/index.mjs

@@ -0,0 +1,147 @@
+var M = Object.defineProperty;
+var q = Object.getOwnPropertySymbols;
+var P = Object.prototype.hasOwnProperty, T = Object.prototype.propertyIsEnumerable;
+var F = (e, r, t) => r in e ? M(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, _ = (e, r) => {
+  for (var t in r || (r = {}))
+    P.call(r, t) && F(e, t, r[t]);
+  if (q)
+    for (var t of q(r))
+      T.call(r, t) && F(e, t, r[t]);
+  return e;
+};
+var h = (e, r, t) => new Promise((i, f) => {
+  var s = (l) => {
+    try {
+      a(t.next(l));
+    } catch (n) {
+      f(n);
+    }
+  }, o = (l) => {
+    try {
+      a(t.throw(l));
+    } catch (n) {
+      f(n);
+    }
+  }, a = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(s, o);
+  a((t = t.apply(e, r)).next());
+});
+import { f as V } from "../../chunks/form-item-mixin.149d5844.mjs";
+import { hasOwn as w } from "@web-utils/core";
+import { n as z } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+const B = {
+  name: "FormItem",
+  mixins: [V],
+  inject: {
+    formHolder: {
+      default: ""
+    },
+    formItemConfig: {
+      default: null
+    }
+  },
+  computed: {
+    gutter() {
+      var r;
+      let e = this.$parent;
+      for (; e && e.$options.componentName !== "ElRow"; )
+        e = e.$parent;
+      return (r = e == null ? void 0 : e.gutter) != null ? r : 0;
+    }
+  },
+  methods: {
+    renderFormItem() {
+      var v, b, g;
+      const e = this.$createElement, {
+        label: r,
+        labelWidth: t,
+        prop: i,
+        rules: f,
+        $scopedSlots: s,
+        elFormItemProps: o,
+        elForm: a,
+        formHolder: l,
+        formItemClass: n,
+        required: u,
+        block: k,
+        half: y,
+        wrapCol: $,
+        wrapFormItem: R,
+        disabled: E,
+        formItemConfig: d,
+        getRequireRule: W
+      } = this;
+      let m = f, c = u, p = u, I = k, C = $;
+      d && (w(d, "block") && (I = d.block), w(d, "wrapCol") && (C = d.wrapCol));
+      const j = I && y && C ? `calc( 50% - ${this.gutter / 2}px)` : "";
+      return E || a != null && a.disabled ? (m = [], l && !l.required && !((v = l.requiredFields) != null && v.includes(i)) && (p = !1)) : (l && !l.required && !((b = l.requiredFields) != null && b.includes(i)) && (c = !1), c && !(m != null && m.length) && i ? m = [W()] : c || (p = !1, m && (m = m.filter((H) => !H.required)))), R ? e("ElFormItem", {
+        style: {
+          width: j
+        },
+        key: `${i}-${c}`,
+        class: p ? `form-item required ${n || ""}` : `${n || ""}`,
+        scopedSlots: s,
+        props: _({}, o),
+        attrs: {
+          label: r,
+          "label-width": t,
+          prop: i,
+          rules: m
+        },
+        ref: "formItem"
+      }) : e("div", [(g = s.default) == null ? void 0 : g.call(s)]);
+    },
+    clearValidate() {
+      return h(this, null, function* () {
+        var e, r;
+        yield this.$nextTick(), (r = (e = this.$refs.formItem).clearValidate) == null || r.call(e);
+      });
+    },
+    validate() {
+      return h(this, null, function* () {
+        var e, r;
+        yield this.$nextTick(), (r = (e = this.$refs.formItem).validate) == null || r.call(e);
+      });
+    }
+  },
+  render() {
+    var n, u;
+    const e = arguments[0], {
+      computeSpan: r,
+      wrapCol: t,
+      formItemConfig: i,
+      renderFormItem: f,
+      elColProps: s,
+      $scopedSlots: o,
+      unwrap: a
+    } = this;
+    let l = t;
+    return i && w(i, "wrapCol") && (l = i.wrapCol), a ? e("div", [(n = o.default) == null ? void 0 : n.call(o)]) : l ? e("ElCol", {
+      props: _({}, s),
+      attrs: {
+        span: r
+      }
+    }, [f(), (u = o == null ? void 0 : o.below) == null ? void 0 : u.call(o)]) : f();
+  }
+};
+let N, O;
+const x = {};
+var A = /* @__PURE__ */ z(
+  B,
+  N,
+  O,
+  !1,
+  D,
+  null,
+  null,
+  null
+);
+function D(e) {
+  for (let r in x)
+    this[r] = x[r];
+}
+const Q = /* @__PURE__ */ function() {
+  return A.exports;
+}();
+export {
+  Q as default
+};

package/dist/components/form-item/style.css

@@ -1,11 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.form-item.el-form-item.required:not(.is-no-asterisk) .el-form-item__label::before {
-  margin-right: 4px;
-  color: #f56c6c;
-  content: "*";
-}
+.form-item.el-form-item.required:not(.is-no-asterisk) .el-form-item__label:before{margin-right:4px;color:#f56c6c;content:"*"}

package/dist/components/form-item-config-provider/index.mjs

@@ -0,0 +1,63 @@
+import { n as r } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+const n = {
+  name: "FormItemConfigProvider",
+  provide() {
+    return {
+      formItemConfig: this.config
+    };
+  },
+  props: {
+    block: Boolean,
+    wrapCol: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  data() {
+    return {
+      config: {
+        block: !1,
+        wrapCol: !0
+      }
+    };
+  },
+  watch: {
+    block: {
+      immediate: !0,
+      handler(e) {
+        this.config.block = e;
+      }
+    },
+    wrapCol: {
+      immediate: !0,
+      handler(e) {
+        this.config.wrapCol = e;
+      }
+    }
+  },
+  render() {
+    return this.$scopedSlots.default();
+  }
+};
+let l, i;
+const t = {};
+var a = /* @__PURE__ */ r(
+  n,
+  l,
+  i,
+  !1,
+  s,
+  null,
+  null,
+  null
+);
+function s(e) {
+  for (let o in t)
+    this[o] = t[o];
+}
+const u = /* @__PURE__ */ function() {
+  return a.exports;
+}();
+export {
+  u as default
+};

package/dist/components/form-item-group/index.mjs

@@ -0,0 +1,169 @@
+import { isFunction as m } from "@web-utils/core";
+import { n as u } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+const r = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth", "hideRequiredAsterisk", "$emit", "validate", "clearValidate"], c = ["$emit", "validate", "clearValidate"], p = {
+  name: "FormItemGroup",
+  inject: {
+    elForm: {
+      default: {}
+    }
+  },
+  provide() {
+    return {
+      elForm: this.formConfig,
+      formItemGroup: this
+    };
+  },
+  props: {
+    blockTitle: {
+      type: String
+    },
+    active: Boolean,
+    enabled: Boolean,
+    disabled: Boolean,
+    wrapRow: {
+      type: Boolean,
+      default: !0
+    },
+    gutter: {
+      type: Number,
+      default: 20
+    },
+    collapse: Boolean
+  },
+  data() {
+    const e = {};
+    return r.forEach((t) => {
+      e[t] = null;
+    }), {
+      expand: !0,
+      formConfig: e
+    };
+  },
+  computed: {
+    formCfg() {
+      const e = {
+        enabled: this.enabled,
+        forbidden: this.disabled
+      };
+      return r.forEach((t) => {
+        e[t] = this.elForm[t];
+      }), e;
+    }
+  },
+  watch: {
+    collapse: {
+      immediate: !0,
+      handler(e) {
+        this.expand = !e;
+      }
+    },
+    formCfg: {
+      immediate: !0,
+      handler() {
+        this.formConfig.disabled = this.isDisabled(), r.forEach((e) => {
+          var t;
+          e !== "disabled" && (c.includes(e) ? this.formConfig[e] = (t = this.elForm[e]) == null ? void 0 : t.bind(this.elForm) : this.formConfig[e] = this.elForm[e]);
+        });
+      }
+    }
+  },
+  mounted() {
+    this.dispatch("FormView", "FormView.addGroup", [this]);
+  },
+  beforeDestroy() {
+    this.dispatch("FormView", "FormView.removeGroup", [this]);
+  },
+  methods: {
+    isDisabled() {
+      return this.disabled ? this.disabled : this.enabled ? !this.enabled : this.elForm.disabled;
+    },
+    dispatch(e, t, s) {
+      let i = this.$parent || this.$root, o = i.$options.name;
+      for (; i && (!o || o !== e); )
+        i = i.$parent, i && (o = i.$options.name);
+      i && i.$emit.apply(i, [t].concat(s));
+    },
+    renderDefault() {
+      const e = this.$createElement, {
+        wrapRow: t,
+        gutter: s,
+        formConfig: i,
+        $scopedSlots: o
+      } = this;
+      return m(o.default) ? t ? e("ElRow", {
+        attrs: {
+          gutter: s
+        },
+        class: "form-item-group-row"
+      }, [o.default({
+        disabled: i.disabled
+      })]) : o.default({
+        disabled: i.disabled
+      }) : e("EmptyView", {
+        attrs: {
+          "font-size": "14px",
+          "empty-tips": "暂无信息"
+        }
+      });
+    },
+    toggle() {
+      this.expand = !this.expand;
+    },
+    open() {
+      this.expand = !0;
+    }
+  },
+  render() {
+    const e = arguments[0], {
+      renderDefault: t,
+      blockTitle: s,
+      active: i,
+      expand: o,
+      toggle: n,
+      $scopedSlots: a,
+      isDisabled: d
+    } = this;
+    return e("div", {
+      class: ["form-item-group", {
+        "default-active": i,
+        "is-disabled": d()
+      }]
+    }, [e("div", {
+      class: "form-item-group-title",
+      on: {
+        click: n
+      }
+    }, [e("span", {
+      class: "flex-item"
+    }, [s, a["title-right"] ? a["title-right"]() : null]), " ", e("i", {
+      class: o ? "el-icon-arrow-down" : "el-icon-arrow-right"
+    })]), e("ElCollapseTransition", [e("div", {
+      directives: [{
+        name: "show",
+        value: o
+      }]
+    }, [t()])])]);
+  }
+};
+let f, h;
+const l = {};
+var b = /* @__PURE__ */ u(
+  p,
+  f,
+  h,
+  !1,
+  g,
+  null,
+  null,
+  null
+);
+function g(e) {
+  for (let t in l)
+    this[t] = l[t];
+}
+const w = /* @__PURE__ */ function() {
+  return b.exports;
+}();
+export {
+  w as default
+};

package/dist/components/form-item-group/style.css

@@ -1,30 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.form-item-group {
-  margin-bottom: 10px;
-  background-color: #fff;
-}
-.form-item-group.is-disabled .is-required .el-form-item__label::before, .form-item-group.is-disabled .required .el-form-item__label::before {
-  display: none;
-}
-.form-item-group .form-item-group-row {
-  margin: 0 !important;
-}
-.form-item-group .form-item-group-title {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  height: 30px;
-  margin: 0 0 10px;
-  padding: 0 10px;
-  color: #333;
-  font-weight: bold;
-  font-size: 14px;
-  line-height: 30px;
-  background-color: #f3f5fb;
-  cursor: pointer;
-}
+.form-item-group{margin-bottom:10px;background-color:#fff}.form-item-group.is-disabled .is-required .el-form-item__label:before,.form-item-group.is-disabled .required .el-form-item__label:before{display:none}.form-item-group .form-item-group-row{margin:0!important}.form-item-group .form-item-group-title{display:flex;flex-direction:row;align-items:center;height:30px;margin:0 0 10px;padding:0 10px;color:#333;font-weight:700;font-size:14px;line-height:30px;background-color:#f3f5fb;cursor:pointer}