@web-utils/component 2.0.13 → 2.2.0

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

@@ -1,161 +0,0 @@
-import { f as formInputMixin } from "../../chunks/de9fe802.js";
-import { f as formPickMixin } from "../../chunks/822300f3.js";
-import { Cascader } from "element-ui";
-import { i as filterProperties, n as normalizeProps } from "../../chunks/c69d5628.js";
-import { findTreeChildren, cloneDeep, setParent } from "@web-utils/core";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.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 [_vm._t("default", function() {
-          return [_c("ElCascader", _vm._g(_vm._b({
-            class: {
-              "is-readonly": _vm.readonly
-            },
-            staticStyle: {
-              "width": "100%"
-            },
-            attrs: {
-              "value": _vm.inputVal,
-              "show-all-levels": _vm.showAllLevels,
-              "separator": _vm.separator,
-              "readonly": _vm.readonly,
-              "options": _vm.innerOptions,
-              "props": {
-                checkStrictly: _vm.checkStrictly,
-                label: _vm.labelKey,
-                value: _vm.valueKey
-              },
-              "disabled": _vm.inputDisabled,
-              "placeholder": _vm.computePlaceholder
-            },
-            on: {
-              "input": _vm.emitInput
-            }
-          }, "ElCascader", _vm.inputProps, false), _vm.listeners))];
-        })];
-      },
-      proxy: true
-    }, {
-      key: "error",
-      fn: function(_ref) {
-        var error = _ref.error;
-        return [_vm._t("error", null, {
-          "error": error
-        })];
-      }
-    }, {
-      key: "label",
-      fn: function() {
-        return [_vm._t("label")];
-      },
-      proxy: true
-    }], null, true)
-  }, "FormItem", _vm.formItemProps, false));
-};
-var staticRenderFns = [];
-const autoBindKeys = Object.keys(Cascader.props).filter((key) => !["value", "placeholder", "disabled", "options", "showAllLevels", "show-all-levels", "separator"].includes(key));
-const __vue2_script = {
-  name: "FormCascader",
-  mixins: [formInputMixin, formPickMixin],
-  props: {
-    value: {
-      type: [String, Number]
-    },
-    options: {
-      type: Array,
-      default: () => []
-    },
-    showAllLevels: Boolean,
-    separator: {
-      type: String,
-      default: "/"
-    },
-    last: {
-      type: Boolean,
-      default: true
-    },
-    checkStrictly: {
-      type: Boolean,
-      default: true
-    },
-    labelKey: {
-      type: String,
-      default: "label"
-    },
-    valueKey: {
-      type: String,
-      default: "value"
-    }
-  },
-  data() {
-    return {
-      innerOptions: []
-    };
-  },
-  computed: {
-    inputProps() {
-      return filterProperties({ ...normalizeProps(this.$attrs), ...this.$props }, autoBindKeys);
-    },
-    inputVal() {
-      let [parent] = findTreeChildren(this.innerOptions, (node) => node[this.valueKey] === this.value);
-      const val = [];
-      while (parent) {
-        val.push(parent[this.valueKey]);
-        parent = parent.parent;
-      }
-      return val.reverse();
-    }
-  },
-  watch: {
-    options: {
-      immediate: true,
-      handler(newVal) {
-        if (newVal) {
-          const options = cloneDeep(newVal);
-          setParent(options);
-          this.innerOptions = options;
-        } else {
-          this.innerOptions = [];
-        }
-      }
-    }
-  },
-  methods: {
-    emitInput(val) {
-      const v = this.last ? val[val.length - 1] : val;
-      this.$emit("input", v);
-    }
-  }
-};
-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 FormCascader = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  FormCascader as default
-};

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

@@ -1,217 +0,0 @@
-import { f as formInputMixin } from "../../chunks/de9fe802.js";
-import { f as formPickMixin } from "../../chunks/822300f3.js";
-import { i as filterProperties, n as normalizeProps } from "../../chunks/c69d5628.js";
-import { CheckboxGroup } from "element-ui";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("FormItem", _vm._b({
-    class: ["form-checkbox-group", {
-      "form-checkbox-group-row": _vm.fillRow
-    }, _vm.ellipsis ? "form-checkbox-group-row-ellipsis" : _vm.fillRow ? "form-checkbox-group-row-break-word" : ""],
-    attrs: {
-      "rules": _vm.computeRules,
-      "disabled": _vm.inputDisabled
-    },
-    scopedSlots: _vm._u([{
-      key: "default",
-      fn: function() {
-        return [_c("ElCheckboxGroup", _vm._g(_vm._b({
-          attrs: {
-            "disabled": _vm.inputDisabled,
-            "value": _vm.computeVal,
-            "placeholder": _vm.computePlaceholder
-          },
-          on: {
-            "input": _vm.emitInput
-          }
-        }, "ElCheckboxGroup", _vm.inputProps, false), _vm.listeners), _vm._l(_vm.innerOptions, function(item) {
-          return _c("ElCheckbox", {
-            key: item[_vm.valueKey],
-            attrs: {
-              "label": item[_vm.valueKey]
-            }
-          }, [_vm._v(" " + _vm._s(item[_vm.labelKey]) + " ")]);
-        }), 1), _vm.computeVal.includes(_vm.otherVal) ? _c("FormInput", {
-          staticClass: "form-checkbox-group-other",
-          style: !_vm.otherLabel ? {
-            marginBottom: 0,
-            width: _vm.otherWidth
-          } : {
-            width: _vm.otherWidth
-          },
-          attrs: {
-            "wrap-col": false,
-            "label-width": "0",
-            "prop": _vm.otherProp,
-            "required": !!_vm.otherProp,
-            "placeholder": _vm.otherPlaceholder,
-            "label": _vm.otherLabel,
-            "show-message": !!_vm.otherLabel,
-            "value": _vm.other
-          },
-          on: {
-            "input": function(val) {
-              return _vm.$emit("update:other", val);
-            }
-          }
-        }) : _vm._e()];
-      },
-      proxy: true
-    }, {
-      key: "error",
-      fn: function(_ref) {
-        var error = _ref.error;
-        return [_vm._t("error", null, {
-          "error": error
-        })];
-      }
-    }, {
-      key: "label",
-      fn: function() {
-        return [_vm._t("label")];
-      },
-      proxy: true
-    }, {
-      key: "below",
-      fn: function() {
-        return [_vm._t("below")];
-      },
-      proxy: true
-    }], null, true)
-  }, "FormItem", _vm.formItemProps, false));
-};
-var staticRenderFns = [];
-const FormCheckboxGroup_vue_vue_type_style_index_0_lang = "";
-const autoBindKeys = Object.keys(CheckboxGroup.props).filter((key) => !["value", "placeholder", "disabled"].includes(key));
-const __vue2_script = {
-  name: "FormCheckboxGroup",
-  mixins: [formInputMixin, formPickMixin],
-  props: {
-    options: {
-      type: Array,
-      default: () => []
-    },
-    value: {
-      type: [String, Array]
-    },
-    other: {
-      type: String
-    },
-    otherVal: {
-      type: String
-    },
-    otherProp: {
-      type: String
-    },
-    otherPlaceholder: {
-      type: String
-    },
-    otherLabel: {
-      type: String
-    },
-    otherWidth: {
-      type: String,
-      default: "200px"
-    },
-    gender: Boolean,
-    confirm: Boolean,
-    labelProp: {
-      type: String,
-      default: "name"
-    },
-    valueProp: {
-      type: String,
-      default: "code"
-    },
-    split: Boolean,
-    classic: Boolean,
-    fillRow: Boolean,
-    ellipsis: Boolean
-  },
-  computed: {
-    prefix() {
-      return "请选择";
-    },
-    labelKey() {
-      return this.classic ? "label" : this.labelProp;
-    },
-    valueKey() {
-      return this.classic ? "value" : this.valueProp;
-    },
-    inputProps() {
-      return filterProperties({ ...normalizeProps(this.$attrs), ...this.$props }, autoBindKeys);
-    },
-    innerOptions() {
-      if (this.gender) {
-        return [
-          {
-            [this.labelKey]: "男",
-            [this.valueKey]: "男"
-          },
-          {
-            [this.labelKey]: "女",
-            [this.valueKey]: "女"
-          }
-        ];
-      }
-      if (this.confirm) {
-        return [
-          {
-            [this.labelKey]: "是",
-            [this.valueKey]: "是"
-          },
-          {
-            [this.labelKey]: "否",
-            [this.valueKey]: "否"
-          }
-        ];
-      }
-      return this.options;
-    },
-    computeVal() {
-      if (this.split) {
-        if (this.value) {
-          return this.value.split(",");
-        } else {
-          return [];
-        }
-      } else {
-        return this.value || [];
-      }
-    }
-  },
-  methods: {
-    emitInput(val) {
-      if (this.split) {
-        this.$emit("input", val.join(","));
-      } 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 FormCheckboxGroup = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  FormCheckboxGroup as default
-};

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

@@ -1,51 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.form-checkbox-group.form-checkbox-group-row.form-checkbox-group-row-ellipsis .el-checkbox__label {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.form-checkbox-group.form-checkbox-group-row.form-checkbox-group-row-break-word .el-checkbox__label {
-  word-wrap: break-word;
-  word-break: break-all;
-}
-.form-checkbox-group.form-checkbox-group-row .el-checkbox-group {
-  display: block;
-}
-.form-checkbox-group.form-checkbox-group-row .el-checkbox {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  width: 100%;
-}
-.form-checkbox-group.form-checkbox-group-row .el-checkbox__input {
-  flex-shrink: 0;
-  top: 3px;
-}
-.form-checkbox-group.form-checkbox-group-row .el-checkbox__label {
-  flex: 1 1 auto;
-  display: block;
-  margin-bottom: 6px;
-  vertical-align: sub;
-}
-.form-checkbox-group .form-checkbox-group-other {
-  display: inline-block;
-  margin-left: 10px;
-}
-.form-checkbox-group .form-checkbox-group-other .el-form-item__label {
-  display: none;
-}
-.form-checkbox-group .el-checkbox-group {
-  line-height: inherit;
-}
-.form-checkbox-group .el-checkbox {
-  margin-right: 10px;
-  vertical-align: middle;
-}
-.form-checkbox-group .el-checkbox__label {
-  padding-left: 4px;
-}

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

@@ -1,244 +0,0 @@
-import { f as formInputMixin } from "../../chunks/de9fe802.js";
-import { f as formPickMixin } from "../../chunks/822300f3.js";
-import { toDate } from "@web-utils/core";
-import { i as filterProperties, n as normalizeProps } from "../../chunks/c69d5628.js";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.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 {
-        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({
-        ...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
-};