@web-utils/component 2.0.13 → 2.7.0

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

@@ -1,158 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.form-view {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-.form-view .form-scroller-wrapper {
-  position: relative;
-  flex: 1;
-}
-.form-view .not-form {
-  margin: 0 auto;
-}
-.form-view .form-view-toolbar {
-  overflow: hidden;
-}
-.form-view .form-scroller {
-  flex: 1;
-  overflow: auto;
-}
-.form-view .form-scroller .el-row {
-  position: static;
-}
-.form-view .form-content .el-form .el-row {
-  padding-right: 2rem;
-}
-.form-view .form-content .el-form .el-row .el-row {
-  padding-right: 0;
-}
-.form-view .form-card {
-  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-  max-width: 1000px;
-  margin: 14px auto;
-  padding: 20px;
-  color: #303133;
-  background-color: #fff;
-  border: 1px solid #ebeef5;
-  border-radius: 4px;
-  transition: 0.3s;
-}
-.form-view .form-card.un-limit {
-  max-width: 100%;
-}
-.form-view .form-nav {
-  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-  position: absolute;
-  top: 55px;
-  left: 20px;
-  background-color: white;
-}
-.form-view .form-nav-list {
-  min-width: 180px;
-  padding: 10px 20px;
-}
-.form-view .form-nav-header {
-  position: relative;
-  padding: 5px 20px;
-  color: #e34e55;
-  font-weight: bold;
-  font-size: 15px;
-  background-color: #f3f5fb;
-}
-.form-view .form-nav-item {
-  position: relative;
-  padding: 5px 0;
-  font-family: element-icons !important;
-  cursor: pointer;
-}
-.form-view .form-nav-item.active, .form-view .form-nav-item:hover {
-  color: #e34e55;
-  font-weight: bold;
-}
-.form-view .form-nav-item.active::before {
-  position: absolute;
-  left: -14px;
-  content: "\e6e0";
-}
-.form-view .form-view-title {
-  width: 100%;
-  height: 36px;
-  margin-bottom: 10px;
-  color: #333;
-  font-size: 22px;
-  line-height: 36px;
-  text-align: center;
-  background-color: #fff;
-}
-.form-view .tip {
-  margin: 20px 0;
-  padding: 8px 16px;
-  background-color: #ecf8ff;
-  border-left: 5px solid #50bfff;
-  border-radius: 4px;
-}
-.form-view .tip p {
-  color: #5e6d82;
-  font-size: 14px;
-  line-height: 1.5em;
-}
-.form-view .tip.danger {
-  background-color: #fde2e2;
-  border-left-color: #f56c6c;
-}
-.form-view .tip.danger p {
-  color: #564646;
-}
-.form-view .tip.warning {
-  background-color: #f7efe2;
-  border-left-color: #e6a23c;
-}
-.form-view .tip.warning p {
-  color: #5d564b;
-}
-.form-view .select-num {
-  color: #898989;
-  font-size: 12px;
-}
-.form-view .select-num .num {
-  font-size: 19px;
-  font-family: impact, Constantia, Georgia;
-}
-.form-view .el-table .el-table__header th {
-  color: #595959;
-  font-weight: normal;
-  background: #fff;
-}
-.form-view .el-table td {
-  padding: 4px 0;
-}
-.form-view .el-table td .cell .el-input .el-input__inner {
-  padding-left: 4px;
-}
-.form-view .el-table td .cell .el-input.el-input--prefix .el-input__inner {
-  padding-left: 30px;
-}
-.form-view .el-table td .cell .el-input.is-disabled .el-input__suffix {
-  display: none;
-}
-.form-view .el-table td .cell .el-input.is-disabled .el-input__inner {
-  padding: 0;
-  padding-left: 4px;
-  line-height: 1.6;
-  white-space: normal;
-  word-break: break-word;
-  background: transparent;
-  border: 0;
-}
-@media screen and (min-width: 1700px) {
-.form-view.form-view__lg .form-card {
-    position: relative;
-    left: 60px;
-}
-}
+.form-view{display:flex;flex-direction:column;height:100%}.form-view .form-scroller-wrapper{position:relative;flex:1}.form-view .not-form{margin:0 auto}.form-view .form-view-toolbar{overflow:hidden}.form-view .form-scroller{flex:1;overflow:auto}.form-view .form-scroller .el-row{position:static}.form-view .form-content .el-form .el-row{padding-right:2rem}.form-view .form-content .el-form .el-row .el-row{padding-right:0}.form-view .form-card{box-shadow:0 2px 12px #0000001a;max-width:1000px;margin:14px auto;padding:20px;color:#303133;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;transition:.3s}.form-view .form-card.un-limit{max-width:100%}.form-view .form-nav{box-shadow:0 2px 12px #0000001a;position:absolute;top:55px;left:20px;background-color:#fff}.form-view .form-nav-list{min-width:180px;padding:10px 20px}.form-view .form-nav-header{position:relative;padding:5px 20px;color:#e34e55;font-weight:700;font-size:15px;background-color:#f3f5fb}.form-view .form-nav-item{position:relative;padding:5px 0;font-family:element-icons!important;cursor:pointer}.form-view .form-nav-item.active,.form-view .form-nav-item:hover{color:#e34e55;font-weight:700}.form-view .form-nav-item.active:before{position:absolute;left:-14px;content:"\e6e0"}.form-view .form-view-title{width:100%;height:36px;margin-bottom:10px;color:#333;font-size:22px;line-height:36px;text-align:center;background-color:#fff}.form-view .tip{margin:20px 0;padding:8px 16px;background-color:#ecf8ff;border-left:5px solid #50bfff;border-radius:4px}.form-view .tip p{color:#5e6d82;font-size:14px;line-height:1.5em}.form-view .tip.danger{background-color:#fde2e2;border-left-color:#f56c6c}.form-view .tip.danger p{color:#564646}.form-view .tip.warning{background-color:#f7efe2;border-left-color:#e6a23c}.form-view .tip.warning p{color:#5d564b}.form-view .select-num{color:#898989;font-size:12px}.form-view .select-num .num{font-size:19px;font-family:impact,Constantia,Georgia}.form-view .el-table .el-table__header th{color:#595959;font-weight:400;background:#fff}.form-view .el-table td{padding:4px 0}.form-view .el-table td .cell .el-input .el-input__inner{padding-left:4px}.form-view .el-table td .cell .el-input.el-input--prefix .el-input__inner{padding-left:30px}.form-view .el-table td .cell .el-input.is-disabled .el-input__suffix{display:none}.form-view .el-table td .cell .el-input.is-disabled .el-input__inner{padding:0 0 0 4px;line-height:1.6;white-space:normal;word-break:break-word;background:transparent;border:0}@media screen and (min-width: 1700px){.form-view.form-view__lg .form-card{position:relative;left:60px}}

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

@@ -0,0 +1,132 @@
+import { p as d, e as u } from "../../chunks/event.50c365eb.js";
+import { n as p } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var h = function() {
+  var e = this, t = e.$createElement, s = e._self._c || t;
+  return s("ElCascader", {
+    attrs: {
+      options: e.dic,
+      placeholder: e.placeholder,
+      props: e.allProps,
+      size: e.size,
+      clearable: e.clearableVal,
+      "show-all-levels": e.showAllLevels,
+      filterable: e.filterable,
+      "popper-class": e.popperClass,
+      separator: e.separator,
+      disabled: e.disabled,
+      "collapse-tags": e.tags
+    },
+    on: {
+      focus: e.handleFocus,
+      blur: e.handleBlur
+    },
+    nativeOn: {
+      click: function(l) {
+        return e.handleClick.apply(null, arguments);
+      }
+    },
+    scopedSlots: e._u([{
+      key: "default",
+      fn: function(l) {
+        var a = l.data, n = l.node;
+        return [e.$scopedSlots.default ? e._t("default", null, {
+          data: a,
+          node: n
+        }) : s("span", [e._v(e._s(a[e.labelKey]))])];
+      }
+    }], null, !0),
+    model: {
+      value: e.text,
+      callback: function(l) {
+        e.text = l;
+      },
+      expression: "text"
+    }
+  });
+}, f = [];
+const y = {
+  name: "FyCascader",
+  mixins: [d, u],
+  props: {
+    checkStrictly: {
+      type: Boolean,
+      default: !1
+    },
+    emitPath: {
+      type: Boolean,
+      default: !0
+    },
+    tags: {
+      type: Boolean,
+      default: !1
+    },
+    expandTrigger: {
+      type: String,
+      default: "hover"
+    },
+    showAllLevels: {
+      type: Boolean,
+      default: !0
+    },
+    lazy: {
+      type: Boolean,
+      default: !1
+    },
+    lazyLoad: Function,
+    filterable: {
+      type: Boolean,
+      default: !1
+    },
+    separator: {
+      type: String
+    }
+  },
+  data() {
+    return {};
+  },
+  computed: {
+    allProps() {
+      return {
+        label: this.labelKey,
+        value: this.valueKey,
+        children: this.childrenKey,
+        checkStrictly: this.checkStrictly,
+        multiple: this.multiple,
+        emitPath: this.emitPath,
+        lazy: this.lazy,
+        lazyLoad: (e, t) => {
+          let s = (l) => {
+            let a = (n, i, c) => {
+              n.forEach((r) => {
+                r[this.valueKey] === i ? r[this.childrenKey] = c : r[this.childrenKey] && a(r[this.childrenKey]);
+              });
+            };
+            a(this.dic, e[this.valueKey], l), t(l);
+          };
+          this.lazyLoad && this.lazyLoad(e, s);
+        },
+        expandTrigger: this.expandTrigger
+      };
+    }
+  }
+}, o = {};
+var v = /* @__PURE__ */ p(
+  y,
+  h,
+  f,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(e) {
+  for (let t in o)
+    this[t] = o[t];
+}
+const g = /* @__PURE__ */ function() {
+  return v.exports;
+}();
+export {
+  g as default
+};

package/dist/components/fy-checkbox/index.js

@@ -0,0 +1,116 @@
+import { p as i, e as c } from "../../chunks/event.50c365eb.js";
+import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var r = function() {
+  var e = this, t = e.$createElement, l = e._self._c || t;
+  return l("div", {
+    staticClass: "avue-checkbox"
+  }, [e.all ? l("ElCheckbox", {
+    attrs: {
+      disabled: e.disabled,
+      indeterminate: e.isIndeterminate
+    },
+    on: {
+      change: e.handleCheckAll
+    },
+    model: {
+      value: e.checkAll,
+      callback: function(n) {
+        e.checkAll = n;
+      },
+      expression: "checkAll"
+    }
+  }, [e._v(" 全选 ")]) : e._e(), l("ElCheckboxGroup", {
+    attrs: {
+      disabled: e.disabled,
+      size: e.size,
+      min: e.min,
+      max: e.max
+    },
+    on: {
+      change: e.handleCheckChange
+    },
+    nativeOn: {
+      click: function(n) {
+        return e.handleClick.apply(null, arguments);
+      }
+    },
+    model: {
+      value: e.text,
+      callback: function(n) {
+        e.text = n;
+      },
+      expression: "text"
+    }
+  }, e._l(e.dic, function(n, s) {
+    return l(e.componentName, {
+      key: s,
+      tag: "Component",
+      attrs: {
+        label: n[e.valueKey],
+        border: e.border,
+        size: e.size,
+        readonly: e.readonly,
+        disabled: n[e.disabledKey]
+      }
+    }, [e._v(" " + e._s(n[e.labelKey]) + " ")]);
+  }), 1)], 1);
+}, h = [];
+const d = {
+  name: "FyCheckbox",
+  mixins: [i, c],
+  props: {
+    all: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data() {
+    return {
+      checkAll: !1,
+      isIndeterminate: !1,
+      name: "checkbox"
+    };
+  },
+  watch: {
+    dic() {
+      this.handleCheckChange();
+    },
+    text: {
+      handler(e) {
+        this.handleCheckChange();
+      }
+    }
+  },
+  methods: {
+    handleCheckAll(e) {
+      this.all && (this.text = e ? this.dic.map((t) => t[this.valueKey]) : [], this.isIndeterminate = !1);
+    },
+    handleCheckChange() {
+      let e = this.text;
+      if (!this.all)
+        return;
+      let t = e.length, l = this.dic.length;
+      this.checkAll = t === l, this.isIndeterminate = t > 0 && t < l;
+    }
+  }
+}, a = {};
+var u = /* @__PURE__ */ o(
+  d,
+  r,
+  h,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(e) {
+  for (let t in a)
+    this[t] = a[t];
+}
+const v = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  v as default
+};

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

@@ -0,0 +1 @@
+.avue-checkbox .el-checkbox+.el-checkbox{margin-left:0}.avue-checkbox .el-checkbox{margin-right:10px}.avue-checkbox__all{display:none}