@web-utils/component 2.0.13 → 2.2.0

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

@@ -1,130 +0,0 @@
-import { f as formInputMixin } from "../../chunks/de9fe802.js";
-import { TimePicker } from "element-ui";
-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("ElTimePicker", _vm._g(_vm._b({
-          attrs: {
-            "is-range": _vm.range,
-            "value": _vm.value,
-            "disabled": _vm.inputDisabled,
-            "format": _vm.format,
-            "value-format": _vm.valueFormat || _vm.format,
-            "clearable": "",
-            "picker-options": {
-              start: _vm.start,
-              end: _vm.end,
-              step: _vm.step,
-              minTime: _vm.minTime,
-              maxTime: _vm.maxTime,
-              selectableRange: _vm.selectableRange
-            },
-            "start-placeholder": "开始时间",
-            "end-placeholder": "结束时间",
-            "placeholder": _vm.computePlaceholder
-          },
-          on: {
-            "input": function(val) {
-              return _vm.$emit("input", val);
-            }
-          }
-        }, "ElTimePicker", _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(TimePicker.props).filter((key) => !["value", "placeholder", "disabled"].includes(key));
-const __vue2_script = {
-  name: "FormInputTime",
-  mixins: [formInputMixin],
-  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 filterProperties({ ...normalizeProps(this.$attrs), ...this.$props }, autoBindKeys);
-    }
-  }
-};
-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 FormInputTime = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  FormInputTime as default
-};

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

@@ -1,162 +0,0 @@
-import { f as formItemMixin } from "../../chunks/5d33812d.js";
-import { hasOwn } from "@web-utils/core";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-const __vue2_script = {
-  name: "FormItem",
-  mixins: [formItemMixin],
-  inject: {
-    formHolder: {
-      default: ""
-    },
-    formItemConfig: {
-      default: null
-    }
-  },
-  computed: {
-    gutter() {
-      let parent = this.$parent;
-      while (parent && parent.$options.componentName !== "ElRow") {
-        parent = parent.$parent;
-      }
-      return (parent == null ? void 0 : parent.gutter) ?? 0;
-    }
-  },
-  methods: {
-    renderFormItem() {
-      var _a, _b, _c;
-      const h = this.$createElement;
-      const {
-        label,
-        labelWidth,
-        prop,
-        rules,
-        $scopedSlots,
-        elFormItemProps,
-        elForm,
-        formHolder,
-        formItemClass,
-        required,
-        block,
-        half,
-        wrapCol,
-        wrapFormItem,
-        disabled,
-        formItemConfig,
-        getRequireRule
-      } = this;
-      let filterRules = rules;
-      let formRequired = required;
-      let rawRequired = required;
-      let formBlock = block;
-      let formWrapCol = wrapCol;
-      if (formItemConfig) {
-        if (hasOwn(formItemConfig, "block")) {
-          formBlock = formItemConfig.block;
-        }
-        if (hasOwn(formItemConfig, "wrapCol")) {
-          formWrapCol = formItemConfig.wrapCol;
-        }
-      }
-      const width = formBlock && half && formWrapCol ? `calc( 50% - ${this.gutter / 2}px)` : "";
-      if (disabled || (elForm == null ? void 0 : elForm.disabled)) {
-        filterRules = [];
-        if (formHolder && !formHolder.required && !((_a = formHolder.requiredFields) == null ? void 0 : _a.includes(prop))) {
-          rawRequired = false;
-        }
-      } else {
-        if (formHolder && !formHolder.required && !((_b = formHolder.requiredFields) == null ? void 0 : _b.includes(prop))) {
-          formRequired = false;
-        }
-        if (formRequired && !(filterRules == null ? void 0 : filterRules.length) && prop) {
-          filterRules = [getRequireRule()];
-        } else {
-          if (!formRequired) {
-            rawRequired = false;
-            if (filterRules) {
-              filterRules = filterRules.filter((value) => !value.required);
-            }
-          }
-        }
-      }
-      return wrapFormItem ? h("ElFormItem", {
-        "style": {
-          width
-        },
-        "key": `${prop}-${formRequired}`,
-        "class": rawRequired ? `form-item required ${formItemClass || ""}` : `${formItemClass || ""}`,
-        "scopedSlots": $scopedSlots,
-        "props": {
-          ...elFormItemProps
-        },
-        "attrs": {
-          "label": label,
-          "label-width": labelWidth,
-          "prop": prop,
-          "rules": filterRules
-        },
-        "ref": "formItem"
-      }) : h("div", [(_c = $scopedSlots.default) == null ? void 0 : _c.call($scopedSlots)]);
-    },
-    async clearValidate() {
-      var _a, _b;
-      await this.$nextTick();
-      (_b = (_a = this.$refs.formItem).clearValidate) == null ? void 0 : _b.call(_a);
-    },
-    async validate() {
-      var _a, _b;
-      await this.$nextTick();
-      (_b = (_a = this.$refs.formItem).validate) == null ? void 0 : _b.call(_a);
-    }
-  },
-  render() {
-    var _a, _b;
-    const h = arguments[0];
-    const {
-      computeSpan,
-      wrapCol,
-      formItemConfig,
-      renderFormItem,
-      elColProps,
-      $scopedSlots,
-      unwrap
-    } = this;
-    let formWrapCol = wrapCol;
-    if (formItemConfig) {
-      if (hasOwn(formItemConfig, "wrapCol")) {
-        formWrapCol = formItemConfig.wrapCol;
-      }
-    }
-    return unwrap ? h("div", [(_a = $scopedSlots.default) == null ? void 0 : _a.call($scopedSlots)]) : formWrapCol ? h("ElCol", {
-      "props": {
-        ...elColProps
-      },
-      "attrs": {
-        "span": computeSpan
-      }
-    }, [renderFormItem(), (_b = $scopedSlots == null ? void 0 : $scopedSlots.below) == null ? void 0 : _b.call($scopedSlots)]) : renderFormItem();
-  }
-};
-const FormItem_vue_vue_type_style_index_0_lang = "";
-let __vue2_render, __vue2_staticRenderFns;
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  __vue2_render,
-  __vue2_staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const FormItem = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  FormItem as default
-};

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

@@ -1,11 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.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.js

@@ -1,64 +0,0 @@
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-const __vue2_script = {
-  name: "FormItemConfigProvider",
-  provide() {
-    return {
-      formItemConfig: this.config
-    };
-  },
-  props: {
-    block: Boolean,
-    wrapCol: {
-      type: Boolean,
-      default: true
-    }
-  },
-  data() {
-    return {
-      config: {
-        block: false,
-        wrapCol: true
-      }
-    };
-  },
-  watch: {
-    block: {
-      immediate: true,
-      handler(newVal) {
-        this.config.block = newVal;
-      }
-    },
-    wrapCol: {
-      immediate: true,
-      handler(newVal) {
-        this.config.wrapCol = newVal;
-      }
-    }
-  },
-  render() {
-    return this.$scopedSlots.default();
-  }
-};
-let __vue2_render, __vue2_staticRenderFns;
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  __vue2_render,
-  __vue2_staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const FormItemConfigProvider = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  FormItemConfigProvider as default
-};

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

@@ -1,195 +0,0 @@
-import { isFunction } from "@web-utils/core";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-const formProperties = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth", "hideRequiredAsterisk", "$emit", "validate", "clearValidate"];
-const formMethod = ["$emit", "validate", "clearValidate"];
-const __vue2_script = {
-  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: true
-    },
-    gutter: {
-      type: Number,
-      default: 20
-    },
-    collapse: Boolean
-  },
-  data() {
-    const formConfig = {};
-    formProperties.forEach((key) => {
-      formConfig[key] = null;
-    });
-    return {
-      expand: true,
-      formConfig
-    };
-  },
-  computed: {
-    formCfg() {
-      const formConfig = {
-        enabled: this.enabled,
-        forbidden: this.disabled
-      };
-      formProperties.forEach((key) => {
-        formConfig[key] = this.elForm[key];
-      });
-      return formConfig;
-    }
-  },
-  watch: {
-    collapse: {
-      immediate: true,
-      handler(newVal) {
-        this.expand = !newVal;
-      }
-    },
-    formCfg: {
-      immediate: true,
-      handler() {
-        this.formConfig.disabled = this.isDisabled();
-        formProperties.forEach((key) => {
-          var _a;
-          if (key !== "disabled") {
-            if (formMethod.includes(key)) {
-              this.formConfig[key] = (_a = this.elForm[key]) == null ? void 0 : _a.bind(this.elForm);
-            } else {
-              this.formConfig[key] = this.elForm[key];
-            }
-          }
-        });
-      }
-    }
-  },
-  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(componentName, eventName, params) {
-      let parent = this.$parent || this.$root;
-      let name = parent.$options.name;
-      while (parent && (!name || name !== componentName)) {
-        parent = parent.$parent;
-        if (parent) {
-          name = parent.$options.name;
-        }
-      }
-      if (parent) {
-        parent.$emit.apply(parent, [eventName].concat(params));
-      }
-    },
-    renderDefault() {
-      const h = this.$createElement;
-      const {
-        wrapRow,
-        gutter,
-        formConfig,
-        $scopedSlots
-      } = this;
-      if (isFunction($scopedSlots.default)) {
-        return wrapRow ? h("ElRow", {
-          "attrs": {
-            "gutter": gutter
-          },
-          "class": "form-item-group-row"
-        }, [$scopedSlots.default({
-          disabled: formConfig.disabled
-        })]) : $scopedSlots.default({
-          disabled: formConfig.disabled
-        });
-      } else {
-        return h("EmptyView", {
-          "attrs": {
-            "font-size": "14px",
-            "empty-tips": "暂无信息"
-          }
-        });
-      }
-    },
-    toggle() {
-      this.expand = !this.expand;
-    },
-    open() {
-      this.expand = true;
-    }
-  },
-  render() {
-    const h = arguments[0];
-    const {
-      renderDefault,
-      blockTitle,
-      active,
-      expand,
-      toggle,
-      $scopedSlots,
-      isDisabled
-    } = this;
-    return h("div", {
-      "class": ["form-item-group", {
-        "default-active": active,
-        "is-disabled": isDisabled()
-      }]
-    }, [h("div", {
-      "class": "form-item-group-title",
-      "on": {
-        "click": toggle
-      }
-    }, [h("span", {
-      "class": "flex-item"
-    }, [blockTitle, $scopedSlots["title-right"] ? $scopedSlots["title-right"]() : null]), " ", h("i", {
-      "class": expand ? "el-icon-arrow-down" : "el-icon-arrow-right"
-    })]), h("ElCollapseTransition", [h("div", {
-      "directives": [{
-        name: "show",
-        value: expand
-      }]
-    }, [renderDefault()])])]);
-  }
-};
-const FormItemGroup_vue_vue_type_style_index_0_lang = "";
-let __vue2_render, __vue2_staticRenderFns;
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  __vue2_render,
-  __vue2_staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const FormItemGroup = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  FormItemGroup as default
-};

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

@@ -1,30 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.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;
-}