@web-utils/component 2.7.36 → 2.8.0

package/dist/components/form-date-picker/index.js

@@ -1,260 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { f as formInputMixin } from "../../chunks/form-input-mixin.3e63b57f.js";
-import { f as formPickMixin } from "../../chunks/form-pick-mixin.822300f3.js";
-import { toDate } from "@web-utils/integrations/dayjs";
-import { d as filterProperties, n as normalizeProps } from "../../chunks/utils.2a3ffac9.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("FormItem", _vm._b({
-    attrs: {
-      "rules": _vm.computeRules,
-      "disabled": _vm.inputDisabled
-    },
-    scopedSlots: _vm._u([{
-      key: "default",
-      fn: function() {
-        return [_c("ElDatePicker", _vm._g(_vm._b({
-          staticStyle: {
-            "width": "100%"
-          },
-          attrs: {
-            "picker-options": _vm.pickerOption,
-            "value": _vm.innerVal,
-            "size": "mini",
-            "placeholder": _vm.computePlaceholder,
-            "type": _vm.type,
-            "disabled": _vm.inputDisabled
-          },
-          on: {
-            "input": _vm.emitInput
-          }
-        }, "ElDatePicker", _vm.inputProps, false), _vm.listeners)), _vm.$slots.warn ? _c("div", {
-          staticClass: "el-form-item__warn"
-        }, [_vm._t("warn")], 2) : _vm._e()];
-      },
-      proxy: true
-    }, {
-      key: "error",
-      fn: function(_ref) {
-        var error = _ref.error;
-        return [_vm.$scopedSlots.error && _vm.$scopedSlots.error(error) ? _c("div", {
-          staticClass: "el-form-item__error"
-        }, [_vm._t("error", function() {
-          return [_vm._v(" " + _vm._s(error) + " ")];
-        }, {
-          "error": error
-        })], 2) : _vm._e()];
-      }
-    }, {
-      key: "label",
-      fn: function() {
-        return [_vm._t("label")];
-      },
-      proxy: true
-    }], null, true)
-  }, "FormItem", _vm.formItemProps, false));
-};
-var staticRenderFns = [];
-const autoBindKeys = ["type", "timeArrowControl", "size", "format", "valueFormat", "readonly", "placeholder", "startPlaceholder", "endPlaceholder", "prefixIcon", "clearIcon", "name", "disabled", "clearable", "id", "popperClass", "editable", "align", "value", "defaultValue", "defaultTime", "rangeSeparator", "pickerOptions", "unlinkPanels", "validateEvent"].filter((key) => !["value", "placeholder", "disabled", "type", "pickerOptions"].includes(key));
-const __vue2_script = {
-  name: "FormDatePicker",
-  mixins: [formInputMixin, formPickMixin],
-  props: {
-    format: {
-      type: String
-    },
-    valueFormat: {
-      type: String
-    },
-    rangeSeparator: {
-      type: String
-    },
-    startPlaceholder: {
-      type: String
-    },
-    endPlaceholder: {
-      type: String
-    },
-    start: {
-      type: String
-    },
-    end: {
-      type: String
-    },
-    year: Boolean,
-    month: Boolean,
-    dates: Boolean,
-    week: Boolean,
-    dateTime: Boolean,
-    dateTimeRange: Boolean,
-    dateRange: Boolean,
-    monthRange: Boolean,
-    miniDate: {
-      type: String
-    },
-    maxDate: {
-      type: String
-    },
-    pickerOptions: {
-      type: Object
-    },
-    split: {
-      type: Boolean,
-      default: true
-    }
-  },
-  computed: {
-    prefix() {
-      return "请选择";
-    },
-    mini() {
-      if (this.miniDate) {
-        const date = toDate(this.miniDate);
-        date.setDate(date.getDate() - 1);
-        return date;
-      } else {
-        return null;
-      }
-    },
-    max() {
-      if (this.maxDate) {
-        return toDate(this.maxDate);
-      } else {
-        return null;
-      }
-    },
-    pickerOption() {
-      return __spreadValues({
-        disabledDate: (time) => {
-          if (!this.mini && !this.max) {
-            return false;
-          }
-          const currentTime = time.getTime();
-          if (this.mini && !this.max) {
-            return currentTime <= this.mini.getTime();
-          } else if (!this.mini && this.max) {
-            return currentTime >= this.max.getTime();
-          } else if (this.mini && this.max) {
-            return currentTime <= this.mini.getTime() && currentTime >= this.max.getTime();
-          } else {
-            return false;
-          }
-        }
-      }, this.pickerOptions);
-    },
-    innerVal() {
-      if (this.range && this.split) {
-        const val = [];
-        val.push(this.start || "");
-        val.push(this.end || "");
-        return val;
-      } else {
-        return this.value;
-      }
-    },
-    fat() {
-      if (this.year) {
-        return "yyyy";
-      } else if (this.month || this.monthRange) {
-        return "yyyy-MM";
-      } else if (this.week) {
-        return "yyyy 第 WW 周";
-      } else if (this.dateTime || this.dateTimeRange) {
-        return "yyyy-MM-dd HH:mm";
-      } else {
-        return "yyyy-MM-dd";
-      }
-    },
-    inputProps() {
-      return filterProperties(__spreadProps(__spreadValues(__spreadValues({}, normalizeProps(this.$attrs)), this.$props), {
-        valueFormat: this.week ? "yyyy-MM-dd" : this.valueFormat || this.fat,
-        format: this.format || this.fat,
-        rangeSeparator: this.rangeSeparator || "至",
-        startPlaceholder: this.startPlaceholder || "开始日期",
-        endPlaceholder: this.endPlaceholder || "结束日期"
-      }), autoBindKeys);
-    },
-    range() {
-      return this.dateTimeRange || this.dateRange || this.monthRange;
-    },
-    type() {
-      if (this.year) {
-        return "year";
-      } else if (this.month) {
-        return "month";
-      } else if (this.dates) {
-        return "dates";
-      } else if (this.week) {
-        return "week";
-      } else if (this.dateTime) {
-        return "datetime";
-      } else if (this.dateTimeRange) {
-        return "datetimerange";
-      } else if (this.dateRange) {
-        return "daterange";
-      } else if (this.monthRange) {
-        return "monthrange";
-      } else {
-        return "date";
-      }
-    }
-  },
-  methods: {
-    emitInput(val) {
-      if (this.range && this.split) {
-        if (val) {
-          this.$emit("update:start", val[0]);
-          this.$emit("update:end", val[1]);
-        } else {
-          this.$emit("update:start", null);
-          this.$emit("update:end", null);
-        }
-      } else {
-        this.$emit("input", val);
-      }
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const FormDatePicker = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  FormDatePicker as default
-};

package/dist/components/form-group/index.js

@@ -1,128 +0,0 @@
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _vm.display ? _c("div", {
-    class: ["avue-group", {
-      "avue-group--header": !_vm.isHeader,
-      "avue-group__arrow": !_vm.arrow
-    }]
-  }, [_vm._t("tabs"), _c("ElCollapse", {
-    attrs: {
-      "value": _vm.text
-    },
-    on: {
-      "change": _vm.handleChange
-    },
-    model: {
-      value: _vm.activeName,
-      callback: function($$v) {
-        _vm.activeName = $$v;
-      },
-      expression: "activeName"
-    }
-  }, [_c("ElCollapseItem", {
-    attrs: {
-      "name": 1,
-      "disabled": !_vm.arrow
-    }
-  }, [_vm.$slots.header && _vm.header ? _c("div", {
-    staticClass: "avue-group__header",
-    attrs: {
-      "slot": "title"
-    },
-    slot: "title"
-  }, [_vm._t("header")], 2) : (_vm.label || _vm.icon) && _vm.header ? _c("div", {
-    staticClass: "avue-group__header",
-    attrs: {
-      "slot": "title"
-    },
-    slot: "title"
-  }, [_vm.icon ? _c("i", {
-    class: [_vm.icon, "avue-group__icon"]
-  }) : _vm._e(), _vm.label ? _c("h1", {
-    staticClass: "avue-group__title"
-  }, [_vm._v(" " + _vm._s(_vm.label) + " ")]) : _vm._e()]) : _vm._e(), _vm._t("default")], 2)], 1)], 2) : _vm._e();
-};
-var staticRenderFns = [];
-const FormGroup_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "FormGroup",
-  props: {
-    arrow: {
-      type: Boolean,
-      default: true
-    },
-    collapse: {
-      type: Boolean,
-      default: true
-    },
-    header: {
-      type: Boolean,
-      default: true
-    },
-    icon: {
-      type: String
-    },
-    display: {
-      type: Boolean,
-      default: true
-    },
-    card: {
-      type: Boolean,
-      default: false
-    },
-    label: {
-      type: String
-    }
-  },
-  data() {
-    return {
-      activeName: ""
-    };
-  },
-  computed: {
-    text() {
-      return this.collapse ? 1 : 0;
-    },
-    isHeader() {
-      return this.$slots.header && this.header || (this.label || this.icon) && this.header;
-    }
-  },
-  watch: {
-    text(val) {
-      this.activeName = [val];
-    }
-  },
-  created() {
-    this.activeName = [this.text];
-  },
-  methods: {
-    handleChange(activeNames) {
-      this.$emit("change", activeNames);
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const FormGroup = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  FormGroup as default
-};

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

@@ -1,76 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.avue-group {
-  width: 100%;
-}
-.avue-group .el-collapse, .avue-group .el-collapse-item__wrap {
-  border-color: #fff;
-}
-.avue-group .el-collapse-item__header {
-  height: inherit;
-  border: none;
-  border-bottom: 1px solid #eee;
-  margin-bottom: 20px;
-}
-.avue-group .el-collapse-item__content, .avue-group .van-collapse-item__content {
-  padding-bottom: 0;
-}
-.avue-group .van-collapse-item__content {
-  padding: 0 2px;
-}
-.avue-group--arrow .el-collapse-item__arrow, .avue-group--arrow .van-icon-arrow {
-  display: none;
-}
-.avue-group .van-hairline--top-bottom::after, .avue-group .van-hairline-unset--top-bottom::after {
-  display: none;
-}
-.avue-group .van-collapse-item__title {
-  padding: 0 10px;
-  display: flex;
-  align-items: center;
-}
-.avue-group .van-collapse-item__title::after {
-  left: 0 !important;
-}
-.avue-group--none {
-  margin: 0 !important;
-  border: none !important;
-}
-.avue-group--header .el-collapse-item__header, .avue-group--header .van-collapse-item__title {
-  display: none;
-}
-.avue-group--collapse .el-collapse-item__arrow, .avue-group--collapse .el-collapse-item__header {
-  display: flex !important;
-}
-.avue-group__item {
-  margin-bottom: 10px;
-  background-color: #fff;
-  border-bottom: 1px solid #eee;
-  border-radius: 5px;
-  box-sizing: border-box;
-}
-.avue-group__item:last-child {
-  border-bottom: none;
-}
-.avue-group__header {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  height: 50px;
-  line-height: 50px;
-  box-sizing: border-box;
-}
-.avue-group__icon {
-  margin-right: 8px;
-  font-size: 20px;
-  color: rgba(0, 0, 0, 0.85);
-}
-.avue-group__title {
-  font-size: 16px;
-  font-weight: 500;
-  color: rgba(0, 0, 0, 0.85);
-}

package/dist/components/form-holder/index.js

@@ -1,140 +0,0 @@
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-import { warning } from "@web-utils/core";
-import { e as findParent } from "../../chunks/utils.2a3ffac9.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("ElForm", _vm._g(_vm._b({
-    ref: "form",
-    staticClass: "clear-fix",
-    attrs: {
-      "model": _vm.model,
-      "size": _vm.size,
-      "disabled": _vm.disabled,
-      "label-width": _vm.labelWidth,
-      "label-position": _vm.labelPosition
-    }
-  }, "ElForm", _vm.$attrs, false), _vm.$listeners), [_vm._t("default")], 2);
-};
-var staticRenderFns = [];
-const __vue2_script = {
-  name: "FormHolder",
-  provide() {
-    return {
-      formHolder: this
-    };
-  },
-  props: {
-    /**
-     * 表单实体
-     */
-    model: {
-      type: Object
-    },
-    /**
-     * 表单元素大小
-     */
-    size: {
-      type: String,
-      default: "mini"
-    },
-    /**
-     * 是否禁用
-     */
-    disabled: Boolean,
-    /**
-     * 表单组件 label 位置,可选值 top,right,left
-     */
-    labelPosition: {
-      type: String,
-      default: "right"
-    },
-    /**
-     * 表单组件 label 宽度
-     */
-    labelWidth: {
-      type: String,
-      default: "160px"
-    },
-    /**
-     * 表单组件是否必填,设置为 false 即使表单输入组件设置了必填也不会校验必填,但可以使用 requiredFields 来排除需要必填的字段
-     */
-    required: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * 需要校验必填的字段, required 设置为 false 时有效
-     */
-    requiredFields: {
-      type: Array
-    }
-  },
-  watch: {
-    required() {
-      this.clearValidate();
-    }
-  },
-  created() {
-    if (!this.required) {
-      warning.call(findParent(this, (parent) => ["FormView", "FormHolder"].includes(parent.$options.name)), "一般情况下不建议设置 required=false,因为 required 设置为 false 后必填字段要自行维护,在处理表格时会比较复杂,请自行权衡利弊");
-    }
-  },
-  methods: {
-    clearValidate(fields) {
-      var _a;
-      (_a = this.$refs.form) == null ? void 0 : _a.clearValidate(fields);
-    },
-    validate() {
-      return __async(this, null, function* () {
-        return this.$refs.form.validate();
-      });
-    },
-    resetFields() {
-      return this.$refs.form.resetFields();
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const FormHolder = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  FormHolder as default
-};