@a2simcode/ui 0.0.42 → 0.0.43

package/dist/simcode-ui.es104.js

@@ -0,0 +1,403 @@
+import { defineComponent as ce, ref as p, computed as N, unref as w, onMounted as ie, watch as A, nextTick as T, resolveComponent as i, resolveDirective as ue, withDirectives as se, openBlock as d, createElementBlock as h, normalizeClass as V, createBlock as s, withCtx as k, createElementVNode as g, createCommentVNode as m, toDisplayString as E, Fragment as L, renderList as z, createVNode as x, withModifiers as fe, normalizeStyle as ye } from "vue";
+import { useAppInject as pe } from "./simcode-ui.es174.js";
+import { useLayer as he } from "./simcode-ui.es64.js";
+import { deepClone as ke } from "./simcode-ui.es57.js";
+const ge = { class: "j-tree-item-text" }, me = {
+  key: 2,
+  class: "j-tree-item-button-group"
+}, ve = {
+  key: 1,
+  class: "j-block",
+  style: { display: "flex", "align-items": "center", "justify-content": "center" }
+}, Ke = /* @__PURE__ */ ce({
+  name: "JTree",
+  __name: "tree",
+  props: {
+    /**
+     * @zh 加载数据方法
+     */
+    loadData: Function,
+    /**
+     * @zh 加载数据后
+     */
+    afterLoadData: Function,
+    /**
+     * @zh 点击方法
+     */
+    click: Function,
+    /**
+     * @zh 是否立即执行加载数据
+     */
+    immediate: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 是否全部展开
+     */
+    defaultExpandAll: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 默认选中
+     */
+    defaultCheckedKeys: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * @zh 默认展开
+     */
+    defaultExpandedKeys: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * @zh 是否每次只打开一个同级树节点展开
+     */
+    accordion: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否高亮当前选中节点
+     */
+    highlightCurrent: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 过滤树节点函数
+     */
+    filterNode: Function,
+    /**
+     * @zh 是否在展开节点后渲染
+     */
+    renderAfterExpand: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 显示字段
+     */
+    labelKey: {
+      type: String,
+      default: "label"
+    },
+    /**
+     * @zh 值字段
+     */
+    valueKey: {
+      type: String,
+      default: "value"
+    },
+    /**
+     * @zh 父级字段
+     */
+    pidKey: {
+      type: String,
+      default: "pid"
+    },
+    /**
+     * @zh id字段
+     */
+    idKey: {
+      type: String
+    },
+    /**
+     * @zh 图标字段
+     */
+    iconKey: {
+      type: String,
+      default: "nodeIcon"
+    },
+    /**
+     * @zh 图标颜色字段
+     */
+    iconColorKey: {
+      type: String,
+      default: "nodeIconColor"
+    },
+    /**
+     * @zh 数据
+     */
+    list: {
+      type: Array
+    },
+    /**
+     * @zh 数据类型
+     */
+    dataType: String,
+    /**
+     * @zh 数据编码
+     */
+    dataCode: String,
+    /**
+     * @zh 是否可选择
+     */
+    checkable: Boolean,
+    /**
+     * @zh 勾选方法
+     */
+    check: Function,
+    /**
+     * @zh 空状态数据描述
+     */
+    emptyDes: {
+      type: String,
+      default: "暂无数据"
+    },
+    /**
+     * @zh 设置该组件的默认图标（优先使用节点数据中自定义的图标）
+     */
+    defaultIcon: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @zh 设置该组件的默认图标颜色（优先使用节点数据中自定义的图标颜色）
+     */
+    defaultIconColor: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @zh 树按钮(右击显示)
+     */
+    treeButtons: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * @zh 过滤按钮
+     */
+    filterButton: Function,
+    /**
+     * @zh 树按钮默认图标
+     */
+    buttonDefaultIcon: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @zh 树按钮图标默认颜色
+     */
+    buttonIconColor: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @zh 执行事件编排方法
+     */
+    runFlow: {
+      type: Function
+    },
+    /**
+     * @zh 事件编排
+     */
+    nodeClickFlow: {
+      type: String
+    },
+    /**
+     * @zh 是否根据高度自动调整（关闭虚拟滚动）
+     */
+    isHeightAuto: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 主题 default | menu
+     */
+    theme: {
+      type: String,
+      default: "default"
+    },
+    /**
+     * @zh 是否可拖拽
+     */
+    draggable: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否在点击节点的时候展开或者收缩节点， 默认值为 false，则只有点箭头图标的时候才会展开或者收缩节点。
+     */
+    expandOnClickNode: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 允许放置的节点
+     */
+    allowDrop: Function
+  },
+  emits: ["node-drop"],
+  setup(t, { expose: O, emit: J }) {
+    const e = t, M = J, { useData: R, t: D } = pe(), { getTreeData: K, loadData: B } = R(), f = p(), u = p(!1), j = p(""), S = p([]), H = {
+      children: "children",
+      label: "label",
+      disabled: "disabled"
+    }, P = N(() => K ? K({
+      dataType: e.dataType,
+      dataCode: e.dataCode,
+      labelKey: e.labelKey,
+      valueKey: e.valueKey,
+      pidKey: e.pidKey,
+      idKey: e.idKey,
+      notLoad: !0
+    }) || [] : []), v = N(() => e.dataCode || e.dataType ? P.value : e.list ? w(e.list) : S.value), C = async () => {
+      u.value = !0, e.loadData && (S.value = await e.loadData() || []), B && await B(e.dataType, e.dataCode), u.value = !1, T(() => {
+        e.afterLoadData && e.afterLoadData(v.value || []);
+      });
+    }, $ = (a, n = !0) => {
+      f.value?.setCurrentKey(a, n);
+    }, q = () => f.value?.getCurrentKey(), G = (a, n = !1) => {
+      f.value?.setCheckedKeys(a, n);
+    }, Q = (a = !1) => f.value?.getCheckedKeys(a), U = async (a, n, l, c) => {
+      if (j.value = a.value, e.nodeClickFlow && e.runFlow) {
+        const y = JSON.parse(e.nodeClickFlow);
+        await e.runFlow(y, { value: a.value });
+      }
+      e.click && e.click(a.value, a, c);
+    }, W = (a, { checkedKeys: n, checkedNodes: l, halfCheckedKeys: c, halfCheckedNodes: y }) => {
+      e.check && e.check(n, { node: a, checkedNodes: l, halfCheckedKeys: c, halfCheckedNodes: y });
+    }, X = (a, n, l, c) => {
+      M("node-drop", a, n, l, c);
+    }, I = (a) => {
+      const n = ke(e.treeButtons);
+      return a && e.filterButton ? e.filterButton({ buttons: n, node: a }) : n;
+    }, { openLayer: Y } = he(), Z = (a, n) => {
+      a.config?.disabled || a.click && a.click({ data: n, openLayer: Y });
+    }, b = p(""), _ = (a, n) => {
+      b.value = a ? n.value : "", console.log(b.value, "row");
+    }, ee = (a, n, l) => e.allowDrop ? e.allowDrop(a, n, l) : !(l == "inner" && !n.data.canInner);
+    return ie(async () => {
+      (e.immediate && e.loadData || e.dataType || e.dataCode) && await C();
+    }), A(
+      () => e.list,
+      () => {
+        u.value = !0, T(() => {
+          u.value = !1;
+        });
+      }
+    ), A(
+      () => e.dataCode || e.dataType,
+      () => {
+        C();
+      }
+    ), O({
+      refreshData: C,
+      setValue: $,
+      getValue: q,
+      setCheck: G,
+      getCheck: Q
+    }), (a, n) => {
+      const l = i("j-icon"), c = i("j-button"), y = i("el-dropdown-item"), te = i("el-dropdown-menu"), ae = i("el-dropdown"), ne = i("el-tree"), oe = i("el-empty"), le = ue("loading");
+      return se((d(), h("div", {
+        class: V(["j-block", "j-tree", { "j-tree-menu": t.theme === "menu" }]),
+        style: { "min-height": "60px" }
+      }, [
+        !u.value && v.value.length > 0 ? (d(), s(ne, {
+          key: 0,
+          ref_key: "treeRef",
+          ref: f,
+          "node-key": t.idKey || t.valueKey,
+          "default-checked-keys": t.defaultCheckedKeys,
+          "default-expanded-keys": t.defaultExpandedKeys,
+          "current-node-key": j.value,
+          data: v.value,
+          "default-expand-all": t.defaultExpandAll,
+          "show-checkbox": t.checkable,
+          props: H,
+          "highlight-current": t.highlightCurrent,
+          accordion: t.accordion,
+          "filter-node-method": t.filterNode,
+          "render-after-expand": t.renderAfterExpand,
+          draggable: t.draggable,
+          "allow-drop": ee,
+          "expand-on-click-node": t.expandOnClickNode,
+          onNodeClick: U,
+          onCheck: W,
+          onNodeDrop: X
+        }, {
+          default: k(({ node: o }) => [
+            g("div", {
+              class: V(["j-tree-item-wraper", { "is-focus": b.value === o.data.value }])
+            }, [
+              o.data.openIcon ? (d(), s(l, {
+                key: 0,
+                class: "j-tree-item-open-icon",
+                size: 18,
+                icon: o.data.openIcon,
+                color: o.data[t.iconColorKey] || t.defaultIconColor || ""
+              }, null, 8, ["icon", "color"])) : m("", !0),
+              o.data[t.iconKey] || t.defaultIcon ? (d(), s(l, {
+                key: 1,
+                class: "j-tree-item-default-icon",
+                size: 18,
+                icon: o.data[t.iconKey] || t.defaultIcon || "",
+                color: o.data[t.iconColorKey] || t.defaultIconColor || ""
+              }, null, 8, ["icon", "color"])) : m("", !0),
+              g("div", ge, E(o.label), 1),
+              I(o.data).length ? (d(), h("div", me, [
+                (d(!0), h(L, null, z(I(o.data), (F, de) => (d(), s(ae, {
+                  key: de,
+                  trigger: "click",
+                  onVisibleChange: (r) => _(r, o.data)
+                }, {
+                  dropdown: k(() => [
+                    x(te, null, {
+                      default: k(() => [
+                        (d(!0), h(L, null, z(F.children, (r, re) => (d(), s(y, {
+                          key: re,
+                          disabled: r.disabled,
+                          divided: r.divided,
+                          onClick: fe((Ce) => Z(r, o.data), ["stop"])
+                        }, {
+                          default: k(() => [
+                            g("div", {
+                              class: "j-flex-item",
+                              style: ye({
+                                color: r.danger ? "var(--j-color-danger)" : r.color || t.buttonIconColor || "var(--j-color-text-2)"
+                              })
+                            }, [
+                              r.icon || t.buttonDefaultIcon ? (d(), s(l, {
+                                key: 0,
+                                icon: r.icon || t.buttonDefaultIcon
+                              }, null, 8, ["icon"])) : m("", !0),
+                              g("div", null, E(w(D)(r.label)), 1)
+                            ], 4)
+                          ]),
+                          _: 2
+                        }, 1032, ["disabled", "divided", "onClick"]))), 128))
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  default: k(() => [
+                    x(c, {
+                      icon: F.icon,
+                      type: "text"
+                    }, null, 8, ["icon"])
+                  ]),
+                  _: 2
+                }, 1032, ["onVisibleChange"]))), 128))
+              ])) : m("", !0)
+            ], 2)
+          ]),
+          _: 1
+        }, 8, ["node-key", "default-checked-keys", "default-expanded-keys", "current-node-key", "data", "default-expand-all", "show-checkbox", "highlight-current", "accordion", "filter-node-method", "render-after-expand", "draggable", "expand-on-click-node"])) : (d(), h("div", ve, [
+          x(oe, {
+            description: w(D)(t.emptyDes)
+          }, null, 8, ["description"])
+        ]))
+      ], 2)), [
+        [le, u.value]
+      ]);
+    };
+  }
+});
+export {
+  Ke as default
+};

package/dist/simcode-ui.es105.js

@@ -0,0 +1,219 @@
+import { defineComponent as $, computed as s, ref as E, watch as z, onMounted as L, onBeforeUnmount as q, resolveComponent as O, openBlock as f, createBlock as d, resolveDynamicComponent as S, mergeProps as g, createSlots as U, renderList as y, withCtx as I, createElementBlock as j, Fragment as b, createCommentVNode as H } from "vue";
+import { useCompInject as K, useFormInject as Q, usePageInject as X, useTableInject as Y, useTableProvide as Z } from "./simcode-ui.es174.js";
+import ee from "./simcode-ui.es107.js";
+import { getIsInputComp as te, getCompConfig as oe, getCompType as ae } from "./simcode-ui.es60.js";
+const fe = /* @__PURE__ */ $({
+  name: "JComp",
+  __name: "comp",
+  props: {
+    /**
+     * @zh 输入值
+     * @vModel
+     */
+    modelValue: {
+      type: [String, Number, Boolean, Array, Object],
+      default: void 0
+    },
+    /**
+     * @zh 组件 id
+     */
+    id: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @zh 组件类型
+     */
+    type: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @zh 获取组件类型
+     */
+    getCompType: {
+      type: Function,
+      default: void 0
+    },
+    /**
+     * @zh 组件配置
+     */
+    config: {
+      type: Object,
+      default: () => {
+      }
+    },
+    /**
+     * @zh 获取组件配置
+     */
+    getCompConfig: {
+      type: Function,
+      default: void 0
+    },
+    /**
+     * @zh 子集
+     */
+    children: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * @zh 行数据
+     */
+    row: {
+      type: Object,
+      default: void 0
+    },
+    /**
+     * @zh 是否是表格单元格
+     */
+    isTableCell: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(J, { emit: M }) {
+    const a = J, T = M, { contextType: P } = K(), { formData: p, formChange: V, gutter: A } = Q(), G = s(() => A?.value || 16), { registerMethod: x } = X(), { getTableData: _, row: N, rowChange: k } = Y(), c = a.row || N;
+    Z({ getTableData: _, row: c, rowChange: k });
+    const W = s(
+      () => te(r.value) && !n.value?.notInput || n.value?.isInput || r.value === "j-tabs" || r.value === "j-collapse"
+    ), D = s({
+      get() {
+        let e;
+        if (c ? e = c[a.id] : p ? e = p[a.id] : e = a.modelValue, e === void 0 && r.value === "j-tabs") {
+          if (n.value?.defaultValue)
+            return n.value.defaultValue;
+          const t = a.children.findIndex((l) => l.config?.active);
+          return t > -1 ? "_tab" + t : "_tab0";
+        }
+        if (e === void 0 && r.value === "j-collapse") {
+          if (n.value?.defaultValue)
+            return n.value.defaultValue;
+          const t = a.children.map((l, o) => ({ item: l, index: o })).filter(({ item: l }) => l.config?.active);
+          return n.value?.accordion ? t.length > 0 ? "_collapse" + t[0].index : "" : t.map(({ index: l }) => "_collapse" + l);
+        }
+        return e;
+      },
+      set(e) {
+        c ? c[a.id] = e : p && (p[a.id] = e), T("update:modelValue", e);
+      }
+    }), n = s(() => oe({
+      config: a.config,
+      getCompConfig: a.getCompConfig,
+      formData: p || {},
+      row: c,
+      getTableData: _
+    })), i = s(
+      () => ae({
+        type: a.type,
+        getCompType: a.getCompType,
+        config: n.value,
+        formData: p || {},
+        row: c,
+        getTableData: _
+      })
+    ), r = s(() => a.isTableCell && (i.value === "j-radio" || i.value === "j-checkbox") ? "j-select" : i.value === "j-textarea" ? "j-input" : ((i.value == null || i.value === "") && console.warn("组件类型不能为空"), i.value)), v = s(() => {
+      const e = { ...n.value };
+      return r.value === "j-layer-form" && (e.schema = a.children), r.value === "el-collapse-item" && e.label && (e.title = e.label, delete e.label), a.isTableCell && (i.value === "j-checkbox" && (e.multiple = !0), i.value === "j-select" && e.multiple && (e.collapseTags = !0, e.collapseTagsTooltip = !0), i.value === "j-switch" && (e.size = "small"), i.value === "j-textarea" && (e.type = "textarea")), e;
+    }), F = s(() => {
+      if (r.value === "j-layer-form")
+        return {};
+      const e = {};
+      return a.children.forEach((t, l) => {
+        let o = t;
+        r.value === "j-tabs" && (o = {
+          ...t,
+          type: "el-tab-pane",
+          config: {
+            ...t.config || {},
+            name: "_tab" + l
+          }
+        }, P == "form" && (o.config.needRow = o.config.needRow !== !1, o.config.needFormItem = o.config.needFormItem !== !1)), r.value === "j-collapse" && (o = {
+          ...t,
+          config: {
+            ...t.config || {},
+            name: "_collapse" + l
+          }
+        }), o.slot ? (e[o.slot] = e[o.slot] || [], e[o.slot].push(o)) : (e.default = e.default || [], e.default.push(o));
+      }), e;
+    }), B = (e) => {
+      const t = {
+        ...e,
+        id: a.id,
+        formData: p,
+        row: c,
+        getTableData: _,
+        config: n.value,
+        type: "change"
+      };
+      n.value?.change && n.value?.change(t), k && k(t), V && V(t), T("change", t);
+    }, h = E(), C = E([]), R = () => {
+      if (C.value.forEach((t) => t()), C.value = [], !x || !a.id || !h.value) return;
+      const e = Object.entries(h.value);
+      for (const [t, l] of e)
+        if (typeof l == "function" && !t.startsWith("_") && !t.startsWith("$")) {
+          const o = x(a.id, t, l);
+          o && typeof o == "function" && C.value.push(o);
+        }
+    };
+    return z(
+      () => h.value,
+      () => {
+        R();
+      }
+    ), L(() => {
+      R();
+    }), q(() => {
+      C.value.forEach((e) => e()), C.value = [];
+    }), (e, t) => {
+      const l = O("JComp"), o = O("el-row");
+      return v.value.display != !1 && W.value ? (f(), d(S(r.value), g({
+        key: 0,
+        ref_key: "compRef",
+        ref: h
+      }, v.value, {
+        modelValue: D.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (m) => D.value = m),
+        onChange: B
+      }), U({ _: 2 }, [
+        y(F.value, (m, w) => ({
+          name: w,
+          fn: I(() => [
+            (f(!0), j(b, null, y(m, (u) => (f(), d(l, g({
+              key: u.id
+            }, { ref_for: !0 }, u), null, 16))), 128))
+          ])
+        }))
+      ]), 1040, ["modelValue"])) : v.value.display != !1 ? (f(), d(S(r.value), g({
+        key: 1,
+        ref_key: "compRef",
+        ref: h
+      }, v.value, { onChange: B }), U({ _: 2 }, [
+        y(F.value, (m, w) => ({
+          name: w,
+          fn: I(() => [
+            v.value.needRow ? (f(), d(o, {
+              key: 0,
+              gutter: G.value
+            }, {
+              default: I(() => [
+                v.value.needFormItem ? (f(!0), j(b, { key: 0 }, y(m, (u) => (f(), d(ee, g({
+                  key: u.id
+                }, { ref_for: !0 }, u), null, 16))), 128)) : (f(!0), j(b, { key: 1 }, y(m, (u) => (f(), d(l, g({
+                  key: u.id
+                }, { ref_for: !0 }, u), null, 16))), 128))
+              ]),
+              _: 2
+            }, 1032, ["gutter"])) : (f(!0), j(b, { key: 1 }, y(m, (u) => (f(), d(l, g({
+              key: u.id
+            }, { ref_for: !0 }, u), null, 16))), 128))
+          ])
+        }))
+      ]), 1040)) : H("", !0);
+    };
+  }
+});
+export {
+  fe as default
+};