@web-utils/component 2.7.36 → 2.8.0

package/dist/components/fy-curd/style.css

@@ -1,239 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.avue-crud {
-  margin: 0 auto;
-  width: 100%;
-}
-.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 {
-  margin-bottom: 0;
-  display: inline-block;
-  width: 100%;
-}
-.avue-crud .el-table .el-form-item__label {
-  position: absolute;
-  left: 2px;
-}
-.avue-crud .el-table .el-form-item__content {
-  line-height: inherit;
-  font-size: inherit;
-}
-.avue-crud .el-table .el-form-item__error {
-  width: 100%;
-  text-align: left;
-  position: relative;
-}
-.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 {
-  display: flex;
-  justify-content: space-between;
-  position: relative;
-  width: 100%;
-  min-height: 40px;
-  height: auto;
-  overflow: hidden;
-  margin-bottom: 5px;
-  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 {
-  word-break: break-word;
-  color: rgba(0, 0, 0, 0.85);
-  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 {
-  word-break: break-word;
-  color: rgba(0, 0, 0, 0.85);
-  background-color: #fafafa;
-}
-.avue-crud__color {
-  margin: 0 auto;
-  width: 40px;
-  height: 40px;
-  border-radius: 5px;
-  display: block;
-}
-.avue-crud__icon {
-  font-size: 45px;
-}
-.avue-crud__icon--small {
-  font-size: 20px;
-  width: 20px;
-  height: 20px;
-}
-.avue-crud__ghost {
-  cursor: move;
-  opacity: 0.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 {
-  font-weight: bold;
-  margin-bottom: 20px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  font-size: 22px;
-}
-.avue-crud__tip {
-  margin: 0 0 8px 0;
-  display: flex;
-  align-items: center;
-  font-size: 12px;
-}
-.avue-crud__tip-name {
-  margin-right: 10px;
-}
-.avue-crud__tip-count {
-  font-size: 16px;
-  font-weight: 600;
-}
-.avue-crud__tip .el-button {
-  margin-bottom: 0;
-}
-.avue-crud__filter-item {
-  margin-bottom: 12px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.avue-crud__filter-menu {
-  padding: 0 5px;
-  margin-bottom: 20px;
-}
-.avue-crud__filter-label {
-  margin: 0 5px;
-  width: 120px !important;
-}
-.avue-crud__filter-symbol {
-  margin: 0 5px;
-  width: 80px !important;
-}
-.avue-crud__filter-value {
-  margin: 0 5px;
-  width: 150px !important;
-}
-.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/dist/components/fy-date/index.js

@@ -1,90 +0,0 @@
-import { p as props, e as event } from "../../chunks/event.812c361c.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("div", {
-    staticClass: "avue-date"
-  }, [_c("ElDatePicker", {
-    attrs: {
-      "type": _vm.type,
-      "popper-class": _vm.popperClass,
-      "size": _vm.size,
-      "editable": _vm.editable,
-      "unlink-panels": _vm.unlinkPanels,
-      "readonly": _vm.readonly,
-      "default-value": _vm.defaultValue,
-      "default-time": _vm.defaultTime,
-      "range-separator": _vm.rangeSeparator,
-      "start-placeholder": _vm.startPlaceholder || "开始",
-      "end-placeholder": _vm.endPlaceholder || "结束",
-      "format": _vm.format,
-      "clearable": _vm.clearableVal,
-      "picker-options": _vm.pickerOptions,
-      "value-format": _vm.valueFormat,
-      "placeholder": _vm.placeholder,
-      "disabled": _vm.disabled
-    },
-    on: {
-      "blur": _vm.handleBlur,
-      "focus": _vm.handleFocus
-    },
-    nativeOn: {
-      "click": function($event) {
-        return _vm.handleClick.apply(null, arguments);
-      }
-    },
-    model: {
-      value: _vm.text,
-      callback: function($$v) {
-        _vm.text = $$v;
-      },
-      expression: "text"
-    }
-  })], 1);
-};
-var staticRenderFns = [];
-const FyDate_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "FyDate",
-  mixins: [props, event],
-  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
-  }
-};
-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 FyDate = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  FyDate as default
-};

package/dist/components/fy-date/style.css

@@ -1,21 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.avue-date__group {
-  display: flex;
-  align-items: center;
-}
-.avue-date__radio .el-radio-button:last-child .el-radio-button__inner {
-  border-radius: 0;
-  border-right: 0;
-}
-.avue-date__date {
-  width: 300px;
-}
-.avue-date__date .el-date-editor {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}

package/dist/components/fy-dialog-form/index.js

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