@web-utils/component 2.7.36 → 2.8.0

package/fy-curd/style.css

@@ -0,0 +1 @@
+.avue-crud{width:100%;margin:0 auto}.avue-crud .el-card+.el-card{margin-top:8px}.avue-crud--card .el-card{border:none}.avue-crud--card .el-card__body{padding:0}.avue-crud--card .el-card+.el-card{margin-top:0}.avue-crud .el-table .el-form-item{display:inline-block;width:100%;margin-bottom:0}.avue-crud .el-table .el-form-item__label{position:absolute;left:2px}.avue-crud .el-table .el-form-item__content{font-size:inherit;line-height:inherit}.avue-crud .el-table .el-form-item__error{position:relative;width:100%;text-align:left}.avue-crud .el-dropdown+.el-button{margin-left:10px}.avue-crud .el-checkbox:last-of-type{margin-right:0}.avue-crud .el-range-editor--mini{height:28px}.avue-crud__img{display:flex;justify-content:center}.avue-crud__img>*{height:50px;margin-right:5px;object-fit:contain;font-size:50px}.avue-crud__column .el-checkbox{margin-bottom:10px;cursor:move}.avue-crud__menu{position:relative;display:flex;justify-content:space-between;width:100%;height:auto;min-height:40px;margin-bottom:5px;overflow:hidden;background-color:#fff}.avue-crud__search .el-form-item--medium.el-form-item{margin-bottom:22px}.avue-crud__search .el-form-item--mini.el-form-item,.avue-crud__search .el-form-item--small.el-form-item{margin-bottom:14px}.avue-crud .el-table--mini .avue-crud__color{width:20px;height:20px}.avue-crud .el-table--mini .avue-crud__icon{font-size:20px}.avue-crud .el-table--small .avue-crud__color{width:30px;height:30px}.avue-crud .el-table--small .avue-crud__icon{font-size:30px}.avue-crud th{color:#000000d9;word-break:break-word;background-color:#fafafa}.avue-crud table td{line-height:26px}.avue-crud--indeterminate .is-indeterminate .el-checkbox__inner{background-color:#fff;border-color:#dcdfe6}.avue-crud .el-table th{color:#000000d9;word-break:break-word;background-color:#fafafa}.avue-crud__color{display:block;width:40px;height:40px;margin:0 auto;border-radius:5px}.avue-crud__icon{font-size:45px}.avue-crud__icon--small{width:20px;height:20px;font-size:20px}.avue-crud__ghost{cursor:move;opacity:.4}.is-always-shadow+.avue-crud__pagination{padding:0}.avue-crud__pagination{position:relative;padding:25px 0 20px 20px;text-align:right}.avue-crud__pagination .el-pagination{display:inline-block}.avue-crud__form{padding:0 8px}.avue-crud__empty{padding:20px 0}.avue-crud__empty .el-empty__description{margin-top:0}.avue-crud__header{margin-bottom:10px}.avue-crud__header>.el-button{padding:12px 25px}.avue-crud__title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-weight:700;font-size:22px}.avue-crud__tip{display:flex;align-items:center;margin:0 0 8px;font-size:12px}.avue-crud__tip-name{margin-right:10px}.avue-crud__tip-count{font-weight:600;font-size:16px}.avue-crud__tip .el-button{margin-bottom:0}.avue-crud__filter-item{display:flex;align-items:center;justify-content:center;margin-bottom:12px}.avue-crud__filter-menu{margin-bottom:20px;padding:0 5px}.avue-crud__filter-label{width:120px!important;margin:0 5px}.avue-crud__filter-symbol{width:80px!important;margin:0 5px}.avue-crud__filter-value{width:150px!important;margin:0 5px}.avue-crud__filter-value .el-date-editor.el-input,.avue-crud__filter-value .el-date-editor.el-input__inner{width:100%}.avue-crud__filter-icon{margin-left:10px}.avue-crud__dialog .el-drawer__header .avue-crud__dialog__menu{padding-right:0}.avue-crud__dialog__header{display:flex;align-items:center;justify-content:space-between}.avue-crud__dialog__menu{padding-right:20px}.avue-crud__dialog__menu i{color:#909399;font-size:15px}.avue-crud__dialog__menu i:hover{color:#409eff}.avue-crud__dialog .el-dialog__body,.avue-crud__dialog .el-drawer__body{padding:20px 20px 5px 10px}.avue-crud__dialog .el-drawer__close-btn{margin-top:2px;font-size:18px}.avue-crud__dialog .el-scrollbar__wrap{overflow-x:hidden}.avue-crud__dialog .avue-form__menu{padding-top:15px}

package/fy-date/index.mjs

@@ -0,0 +1,84 @@
+import { p as n, e as o } from "../chunks/event.a018cb06.mjs";
+import { n as i } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var s = function() {
+  var e = this, a = e.$createElement, t = e._self._c || a;
+  return t("div", {
+    staticClass: "avue-date"
+  }, [t("ElDatePicker", {
+    attrs: {
+      type: e.type,
+      "popper-class": e.popperClass,
+      size: e.size,
+      editable: e.editable,
+      "unlink-panels": e.unlinkPanels,
+      readonly: e.readonly,
+      "default-value": e.defaultValue,
+      "default-time": e.defaultTime,
+      "range-separator": e.rangeSeparator,
+      "start-placeholder": e.startPlaceholder || "开始",
+      "end-placeholder": e.endPlaceholder || "结束",
+      format: e.format,
+      clearable: e.clearableVal,
+      "picker-options": e.pickerOptions,
+      "value-format": e.valueFormat,
+      placeholder: e.placeholder,
+      disabled: e.disabled
+    },
+    on: {
+      blur: e.handleBlur,
+      focus: e.handleFocus
+    },
+    nativeOn: {
+      click: function(l) {
+        return e.handleClick.apply(null, arguments);
+      }
+    },
+    model: {
+      value: e.text,
+      callback: function(l) {
+        e.text = l;
+      },
+      expression: "text"
+    }
+  })], 1);
+}, c = [];
+const u = {
+  name: "FyDate",
+  mixins: [n, o],
+  props: {
+    editable: Boolean,
+    unlinkPanels: Boolean,
+    startPlaceholder: String,
+    endPlaceholder: String,
+    rangeSeparator: String,
+    defaultValue: [String, Array],
+    defaultTime: [String, Array],
+    pickerOptions: Object,
+    type: {
+      type: String,
+      default: "date"
+    },
+    valueFormat: String,
+    format: String
+  }
+}, r = {};
+var p = /* @__PURE__ */ i(
+  u,
+  s,
+  c,
+  !1,
+  d,
+  null,
+  null,
+  null
+);
+function d(e) {
+  for (let a in r)
+    this[a] = r[a];
+}
+const m = /* @__PURE__ */ function() {
+  return p.exports;
+}();
+export {
+  m as default
+};

package/fy-date/style.css

@@ -0,0 +1 @@
+.avue-date__group{display:flex;align-items:center}.avue-date__radio .el-radio-button:last-child .el-radio-button__inner{border-right:0;border-radius:0}.avue-date__date{width:300px}.avue-date__date .el-date-editor{border-top-left-radius:0;border-bottom-left-radius:0}

package/fy-dialog-form/index.mjs

@@ -0,0 +1,278 @@
+import { c as d } from "../chunks/config.46422d7f.mjs";
+import { d as l, o as a, u, v as n } from "../chunks/util.17330567.mjs";
+import { isBlank as r } from "@web-utils/core";
+import { n as h } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var p = function() {
+  var t = this, e = t.$createElement, i = t._self._c || e;
+  return t.boxVisible ? i(t.dialogType, t._b({
+    tag: "Component",
+    class: {
+      "dialog-form": !t.isView
+    },
+    attrs: {
+      "lock-scroll": "",
+      "show-full-screen": "",
+      "destroy-on-close": t.crud.tableOption.dialogDestroy,
+      "wrapper-closable": t.crud.tableOption.dialogClickModal,
+      direction: t.direction,
+      "custom-class": t.crud.tableOption.dialogCustomClass,
+      "modal-append-to-body": "",
+      "append-to-body": "",
+      top: t.dialogTop,
+      title: t.dialogTitle,
+      "close-on-press-escape": t.crud.tableOption.dialogEscape,
+      "close-on-click-modal": t.optVal(t.crud.tableOption.dialogClickModal, !1),
+      modal: t.crud.tableOption.dialogModal,
+      "show-close": t.crud.tableOption.dialogCloseBtn,
+      visible: t.boxVisible,
+      "before-close": t.hide
+    },
+    on: {
+      "update:visible": function(s) {
+        t.boxVisible = s;
+      }
+    }
+  }, "Component", t.params, !1), [i("FyForm", t._b({
+    ref: "tableForm",
+    attrs: {
+      status: t.disabled,
+      option: t.option
+    },
+    on: {
+      "update:status": function(s) {
+        t.disabled = s;
+      },
+      change: t.handleChange,
+      submit: t.handleSubmit,
+      "reset-change": t.hide,
+      "tab-click": t.handleTabClick,
+      error: t.handleError
+    },
+    scopedSlots: t._u([t._l(t.crud.formSlot, function(s) {
+      return {
+        key: t.getSlotName(s),
+        fn: function(o) {
+          return [t._t(s, null, null, Object.assign(o, {
+            type: t.boxType
+          }))];
+        }
+      };
+    })], null, !0),
+    model: {
+      value: t.crud.tableForm,
+      callback: function(s) {
+        t.$set(t.crud, "tableForm", s);
+      },
+      expression: "crud.tableForm"
+    }
+  }, "FyForm", t.uploadFun({}, t.crud), !1)), i("span", {
+    staticClass: "avue-dialog__footer",
+    class: `avue-dialog__footer--${t.dialogMenuPosition}`
+  }, [t.optVal(t.option.submitBtn, !0) && !t.isView ? i("ElButton", {
+    attrs: {
+      loading: t.disabled,
+      size: t.crud.controlSize,
+      icon: t.option.submitIcon,
+      type: "primary"
+    },
+    on: {
+      click: t.submit
+    }
+  }, [t._v(t._s(t.option.submitText))]) : t._e(), t.optVal(t.option.emptyBtn, !0) && !t.isView ? i("ElButton", {
+    attrs: {
+      disabled: t.disabled,
+      size: t.crud.controlSize,
+      icon: t.option.emptyIcon
+    },
+    on: {
+      click: t.reset
+    }
+  }, [t._v(t._s(t.option.emptyText))]) : t._e(), t._t("menuForm", null, {
+    disabled: t.disabled,
+    size: t.crud.controlSize,
+    type: t.boxType
+  })], 2)], 1) : t._e();
+}, b = [];
+const m = {
+  name: "FyDialogForm",
+  inject: ["crud"],
+  props: {
+    value: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      disabled: !1,
+      boxType: "",
+      fullscreen: !1,
+      size: null,
+      boxVisible: !1
+    };
+  },
+  computed: {
+    option() {
+      const t = l(this.crud.tableOption);
+      return t.boxType = this.boxType, t.column = l(this.crud.propOption), t.menuBtn = !1, this.isAdd ? (t.submitBtn = t.saveBtn, t.submitText = this.crud.menuIcon("saveBtn"), t.submitIcon = this.crud.getBtnIcon("saveBtn")) : this.isEdit ? (t.submitBtn = t.updateBtn, t.submitText = this.crud.menuIcon("updateBtn"), t.submitIcon = this.crud.getBtnIcon("updateBtn")) : this.isView && (t.detail = !0), t.emptyBtn = t.cancelBtn, t.emptyText = this.crud.menuIcon("cancelBtn"), t.emptyIcon = this.crud.getBtnIcon("cancelBtn"), this.crud.isGroup || (t.dicFlag = !1, t.dicData = this.crud.DIC), r(t.dicFlag) || t.column.forEach((e) => {
+        e.boxType = this.boxType, e.dicFlag = e.dicFlag || t.dicFlag;
+      }), t;
+    },
+    isView() {
+      return this.boxType === "view";
+    },
+    isAdd() {
+      return this.boxType === "add";
+    },
+    isEdit() {
+      return this.boxType === "edit";
+    },
+    direction() {
+      return this.crud.tableOption.dialogDirection;
+    },
+    width() {
+      return a(`${this.crud.tableOption.dialogWidth}`, this.crud.isMobile ? "100%" : `${d.dialogWidth}`);
+    },
+    dialogType() {
+      return this.isDrawer ? "ElDrawer" : "ElementDialog";
+    },
+    dialogTop() {
+      return !this.isDrawer && !this.fullscreen ? this.crud.tableOption.dialogTop : "0";
+    },
+    isDrawer() {
+      return this.crud.tableOption.dialogType === "drawer";
+    },
+    params() {
+      return this.isDrawer ? {
+        size: this.fullscreen ? "100%" : this.width,
+        direction: this.crud.tableOption.dialogDirection
+      } : {
+        width: this.width,
+        fullscreen: this.fullscreen
+      };
+    },
+    dialogTitle() {
+      const t = `${this.boxType}`;
+      if (!r(this.boxType)) {
+        const e = {
+          tipStartTitle: "当前表格已选择",
+          tipEndTitle: "项",
+          editTitle: "编 辑",
+          copyTitle: "复 制",
+          addTitle: "新 增",
+          viewTitle: "查 看",
+          filterTitle: "过滤条件",
+          showTitle: "列显隐"
+        };
+        return this.crud.tableOption[`${t}Title`] || e[`${t}Title`];
+      }
+      return "";
+    },
+    dialogMenuPosition() {
+      return this.crud.option.dialogMenuPosition || "right";
+    }
+  },
+  methods: {
+    optVal: a,
+    uploadFun: u,
+    submit() {
+      this.$refs.tableForm.submit();
+    },
+    reset() {
+      this.$refs.tableForm.resetForm(!1);
+    },
+    getSlotName(t) {
+      return t.replace("Form", "");
+    },
+    initFun() {
+      ["clearValidate", "validate", "resetForm", "validateField"].forEach((t) => {
+        this.crud[t] = this.$refs.tableForm[t];
+      });
+    },
+    handleChange() {
+      this.crud.setVal();
+    },
+    handleTabClick(t, e) {
+      this.crud.$emit("tab-click", t, e);
+    },
+    handleFullScreen() {
+      this.isDrawer && (r(this.size) ? this.size = "100%" : this.size = ""), this.fullscreen = !this.fullscreen;
+    },
+    handleError(t) {
+      this.crud.$emit("error", t);
+    },
+    handleSubmit(t, e) {
+      this.isAdd ? this.rowSave(e) : this.isEdit && this.rowUpdate(e);
+    },
+    // 保存
+    rowSave(t) {
+      this.crud.$emit(
+        "row-save",
+        n(this.crud.tableForm, ["$"]),
+        this.closeDialog,
+        t
+      );
+    },
+    // 更新
+    rowUpdate(t) {
+      this.crud.$emit(
+        "row-update",
+        n(this.crud.tableForm, ["$"]),
+        this.crud.tableIndex,
+        this.closeDialog,
+        t
+      );
+    },
+    closeDialog(t) {
+      t = l(t), t && (() => {
+        if (this.isEdit) {
+          const { parentList: i, index: s } = this.crud.findData(t[this.crud.rowKey]);
+          if (i) {
+            const o = i.splice(s, 1)[0];
+            t[this.crud.childrenKey] = o[this.crud.childrenKey], i.splice(s, 0, t);
+          }
+        } else if (this.isAdd) {
+          const { item: i } = this.crud.findData(t[this.crud.rowParentKey]);
+          i ? (i[this.crud.childrenKey] || this.$set(i, this.crud.childrenKey, []), this.crud.tableOption.lazy && this.$set(i, this.crud.hasChildrenKey, !0), i[this.crud.childrenKey].push(t)) : this.crud.list.push(t);
+        }
+      })(), this.hide();
+    },
+    // 隐藏表单
+    hide(t) {
+      const e = () => {
+        t && t(), this.crud.tableIndex = -1, this.crud.tableForm = {}, this.crud.setVal(), this.boxVisible = !1;
+      };
+      typeof this.crud.beforeClose == "function" ? this.crud.beforeClose(e, this.boxType) : e();
+    },
+    // 显示表单
+    show(t) {
+      this.boxType = t;
+      const e = () => {
+        this.fullscreen = this.crud.tableOption.dialogFullscreen, this.boxVisible = !0, this.$nextTick(() => {
+          this.initFun();
+        });
+      };
+      typeof this.crud.beforeOpen == "function" ? this.crud.beforeOpen(e, this.boxType) : e();
+    }
+  }
+}, c = {};
+var f = /* @__PURE__ */ h(
+  m,
+  p,
+  b,
+  !1,
+  y,
+  null,
+  null,
+  null
+);
+function y(t) {
+  for (let e in c)
+    this[e] = c[e];
+}
+const x = /* @__PURE__ */ function() {
+  return f.exports;
+}();
+export {
+  x as default
+};