@fangzhongya/fang-ui 0.0.38 → 0.0.39

package/dist/components/page/src/index.js

@@ -1,764 +1,4 @@
-import { defineComponent, useSlots, ref, computed, reactive, watch, createElementBlock, openBlock, normalizeClass, unref, createVNode, createElementVNode, withCtx, createBlock, createCommentVNode, mergeProps, createSlots, renderList, renderSlot, normalizeProps, Fragment, withModifiers, createTextVNode, toDisplayString } from "vue";
-import { useCssName } from "../../../hooks/cssname/index.js";
-import { Forms } from "../../forms/index.js";
-import { Tablesp } from "../../tablesp/index.js";
-import { Lists } from "../../lists/index.js";
-import { Dialogs } from "../../dialogs/index.js";
-import { ElButton } from "element-plus/es/components/button/index";
-import { ElMessage } from "element-plus/es/components/message/index";
-import { ElMessageBox } from "element-plus/es/components/message-box/index";
-import SetColumn from "./set-column.js";
-import { comHandle } from "../../common/urls.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    value: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    list: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    /**
-     * @props { Object } options 选择数据集合
-     */
-    options: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    /**
-     * @props { Object } compons 外部组件集合
-     */
-    compons: {
-      type: Object,
-      default() {
-        return {};
-      }
-    }
-  },
-  emits: ["delete", "add", "edit"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const cs = useCssName("page");
-    const slots = useSlots();
-    const tableRef = ref();
-    let listObj = {};
-    const getListObj = () => {
-      const value = {};
-      const filtration = (arr, listobj) => {
-        arr.forEach((obj) => {
-          if (listobj) {
-            obj.father = obj.father ?? listobj;
-          }
-          if (obj.prop) {
-            value[obj.prop] = obj;
-          }
-          if (obj.children) {
-            filtration(obj.children, obj);
-          }
-        });
-      };
-      filtration(props.list);
-      return value;
-    };
-    const getColumnList = (array, callback) => {
-      const filtration = (value2, arr) => {
-        arr.forEach((item) => {
-          let obj = {};
-          if (typeof item === "string") {
-            const v = listObj[item] || {
-              prop: item,
-              label: item
-            };
-            obj = { ...v };
-          } else {
-            obj = { ...item };
-          }
-          const is = callback ? callback(obj) : true;
-          if (is) {
-            if (obj.children) {
-              const children = [];
-              filtration(children, obj.children);
-              obj.children = children;
-            }
-            if (obj.prop) {
-              obj = Object.assign({}, listObj[obj.prop] || {}, obj);
-            }
-            value2.push(obj);
-          }
-        });
-      };
-      const value = [];
-      filtration(value, array);
-      return value;
-    };
-    const query = ref(props.value);
-    const isSenior = ref(false);
-    const getListQuery = () => {
-      const v = props.config.query?.list;
-      if (v && Array.isArray(v) && v.length > 0) {
-        return getColumnList(v);
-      } else {
-        return getColumnList(props.list, (obj) => {
-          obj.required = false;
-          obj.whole = false;
-          return Boolean(obj.query);
-        });
-      }
-    };
-    const listQuery = ref([]);
-    const setListQuery = () => {
-      const list2 = getListQuery();
-      if (props.config.query?.senior) {
-        let i = 0;
-        list2.forEach((obj) => {
-          if (obj.querybasis) {
-            i++;
-          } else {
-            obj.hide = () => {
-              return !isSenior.value;
-            };
-          }
-        });
-        if (i == 0) {
-          list2[0].hide = void 0;
-        }
-      }
-      listQuery.value = list2;
-    };
-    const onRefresh = () => {
-      tableRef.value?.getList();
-    };
-    const onQuery = (data) => {
-      console.log("onQuery", data);
-      query.value = data;
-      onRefresh();
-    };
-    const onReset = (data) => {
-      console.log("onReset", data);
-      if (props.config.query?.reset) {
-        query.value = data;
-        onRefresh();
-      }
-    };
-    const onSenior = (obj) => {
-      isSenior.value = !isSenior.value;
-      if (isSenior.value) {
-        obj.label = "收起";
-      } else {
-        obj.label = "高级";
-      }
-      setListQuery();
-    };
-    const butQuery = ref([]);
-    const getButQuery = () => {
-      const arr = [
-        {
-          _id: "1",
-          label: "查询",
-          type: "primary"
-        },
-        {
-          _id: "2",
-          label: "重置",
-          type: "default"
-        }
-      ];
-      if (props.config.query?.senior) {
-        const obj = {
-          _id: "3",
-          label: "高级",
-          type: "primary",
-          click: onSenior
-        };
-        arr.push(obj);
-      }
-      return arr;
-    };
-    const tableConfig = ref({});
-    const getTableConfig = () => {
-      const config = props.config.table || {};
-      config.config = {
-        height: "100%",
-        adaptive: true,
-        isserial: true,
-        ischecked: true,
-        ...config.config
-      };
-      return config;
-    };
-    const getList = () => {
-      return getColumnList(props.list, (obj) => {
-        if (obj.componform === true) {
-          obj.compon = void 0;
-        }
-        return true;
-      });
-    };
-    const setList = ref([]);
-    const setSetList = () => {
-      setList.value = getList();
-    };
-    const tableList = computed(() => {
-      const arr = [];
-      if (props.config.table?.operation !== false) {
-        arr.push({
-          prop: "operation",
-          label: "操作",
-          width: 156,
-          fixed: true
-        });
-      }
-      arr.push(...setList.value);
-      return arr;
-    });
-    let operationColumn = [];
-    const getOperationColumn = () => {
-      const array = [];
-      if (props.config.edit?.is !== false) {
-        array.push({
-          prop: 2,
-          label: "编辑",
-          type: "primary",
-          text: true
-        });
-      }
-      if (props.config.delete?.is !== false) {
-        array.push({
-          prop: 4,
-          label: "删除",
-          type: "danger",
-          text: true
-        });
-      }
-      if (props.config.details?.is !== false) {
-        array.push({
-          prop: 9,
-          label: "详情",
-          type: "info",
-          text: true
-        });
-      }
-      return array;
-    };
-    let operationTop = [];
-    const getOperationTop = () => {
-      const array = [];
-      if (props.config.add?.is !== false) {
-        array.push({
-          prop: 1,
-          label: "添加",
-          type: "primary"
-        });
-      }
-      if (props.config.delete?.is !== false && tableConfig.value.config?.ischecked) {
-        array.push({
-          prop: 8,
-          label: "批量删除",
-          type: "danger"
-        });
-      }
-      return array;
-    };
-    const onDelete = (array) => {
-      const ts = ["是否删除所选" + props.config.name + "？"];
-      const label = props.config.delete?.label || "name";
-      const prop = props.config.delete?.prop || "id";
-      const name = listObj[label]?.label || "内容";
-      array.forEach((obj) => {
-        ts.push(name + "：" + (obj[label] ?? ""));
-      });
-      ElMessageBox.confirm(ts.join("<br>"), "提示", {
-        confirmButtonText: "确认",
-        cancelButtonText: "取消",
-        type: "warning",
-        dangerouslyUseHTMLString: true
-      }).then(() => {
-        const name2 = props.config.delete?.name || "ids";
-        const value = { [name2]: array.map((o) => o[prop]) };
-        console.log("onDelete", value);
-        const ajax = props.config.delete?.ajax;
-        if (ajax) {
-          const param = {
-            param: props.value
-          };
-          if (typeof ajax === "object") {
-            param.onRequestBefore = ajax?.onRequestBefore;
-            param.onRequestAfter = ajax?.onRequestAfter;
-            param.ajax = ajax?.url;
-            param.ajaxConfig = ajax?.config;
-          } else {
-            param.ajax = ajax;
-          }
-          comHandle(param, value).then((res) => {
-            if (res.result) {
-              ElMessage.success(res.info || "删除成功");
-              onRefresh();
-            } else {
-              ElMessage.error(res.info || "删除失败");
-            }
-          }).catch((err) => {
-            console.error("删除失败", err);
-          });
-        } else {
-          emit("delete", value, () => {
-            onRefresh();
-          });
-        }
-      }).catch(() => {
-      });
-    };
-    const onOperation = (item, row = {}) => {
-      if (item.prop === 1) {
-        dialog.value = {
-          ...props.config.add?.value
-        };
-        dialog.type = "add";
-        dialog.visible = true;
-      } else if (item.prop === 2) {
-        dialog.value = { ...row };
-        dialog.type = "edit";
-        dialog.visible = true;
-      } else if (item.prop === 4) {
-        console.log("删除", row);
-        onDelete([row]);
-      } else if (item.prop === 8) {
-        console.log("批量删除", selection.value);
-        if (selection.value.length === 0) {
-          ElMessage.warning("请至少选择一条记录");
-          return;
-        }
-        onDelete(selection.value);
-      } else if (item.prop === 9) {
-        details.value = row;
-        details.visible = true;
-        const ajax = props.config.details?.ajax;
-        if (ajax) {
-          const param = {
-            param: props.value
-          };
-          if (typeof ajax === "object") {
-            param.onRequestBefore = ajax?.onRequestBefore;
-            param.onRequestAfter = ajax?.onRequestAfter;
-            param.ajax = ajax?.url;
-            param.ajaxConfig = ajax?.config;
-          } else {
-            param.ajax = ajax;
-          }
-          comHandle(param, row).then((res) => {
-            if (res.result) {
-              details.value = res.data || row;
-              details.visible = true;
-            } else {
-              ElMessage.error(res.info || "查询详情失败");
-            }
-          }).catch((err) => {
-            console.error("查询详情失败", err);
-          });
-        } else {
-          details.value = row;
-          details.visible = true;
-        }
-      }
-    };
-    const selection = ref([]);
-    const onRowClick = (row) => {
-      console.log("点击列表行", row);
-    };
-    const formRef = ref();
-    const dataSlot = {
-      top: "top",
-      footer: "footer",
-      main: "main",
-      header: "header",
-      operation: "operation"
-    };
-    const formSlots = [];
-    const listSlots = [];
-    const tableSlots = [];
-    const querySlots = [];
-    const setSlots = () => {
-      const ds = Object.values(dataSlot);
-      Object.keys(slots || {}).forEach((key) => {
-        if (!ds.includes(key)) {
-          if (key.startsWith("query-")) {
-            querySlots.push(key.replace(/^query-/, ""));
-          } else if (key.startsWith("form-")) {
-            formSlots.push(key.replace(/^form-/, ""));
-          } else if (key.startsWith("list-")) {
-            listSlots.push(key.replace(/^list-/, ""));
-          } else if (key.startsWith("table-")) {
-            tableSlots.push(key.replace(/^table-/, ""));
-          } else {
-            querySlots.push(key);
-            formSlots.push(key);
-            listSlots.push(key);
-            tableSlots.push(key);
-          }
-        }
-      });
-    };
-    setSlots();
-    const dialog = reactive({
-      visible: false,
-      type: "add",
-      // or 'edit'
-      value: {}
-    });
-    const onConfirm = () => {
-      if (formRef.value) {
-        formRef.value.validate().then((data) => {
-          if (dialog.type === "add") {
-            console.log("添加", data);
-            const ajax = props.config.add?.ajax;
-            if (ajax) {
-              const param = {
-                param: props.value
-              };
-              if (typeof ajax === "object") {
-                param.onRequestBefore = ajax?.onRequestBefore;
-                param.onRequestAfter = ajax?.onRequestAfter;
-                param.ajax = ajax?.url;
-                param.ajaxConfig = ajax?.config;
-              } else {
-                param.ajax = ajax;
-              }
-              comHandle(param, data).then((res) => {
-                if (res.result) {
-                  ElMessage.success(
-                    res.info || "添加成功"
-                  );
-                  dialog.visible = false;
-                  onRefresh();
-                } else {
-                  ElMessage.error(res.info || "添加失败");
-                }
-              }).catch((err) => {
-                console.error("添加失败", err);
-              });
-            } else {
-              emit("add", data, () => {
-                dialog.visible = false;
-                onRefresh();
-              });
-            }
-          } else if (dialog.type === "edit") {
-            console.log("编辑", data);
-            const ajax = props.config.edit?.ajax;
-            if (ajax) {
-              const param = {
-                param: props.value
-              };
-              if (typeof ajax === "object") {
-                param.onRequestBefore = ajax?.onRequestBefore;
-                param.onRequestAfter = ajax?.onRequestAfter;
-                param.ajax = ajax?.url;
-                param.ajaxConfig = ajax?.config;
-              } else {
-                param.ajax = ajax;
-              }
-              comHandle(param, data).then((res) => {
-                if (res.result) {
-                  ElMessage.success(
-                    res.info || "编辑成功"
-                  );
-                  dialog.visible = false;
-                  onRefresh();
-                } else {
-                  ElMessage.error(res.info || "编辑失败");
-                }
-              }).catch((err) => {
-                console.error("编辑失败", err);
-              });
-            } else {
-              emit("edit", data, () => {
-                dialog.visible = false;
-                onRefresh();
-              });
-            }
-          }
-        }).catch((err) => {
-          console.error("表单验证失败", err);
-        });
-      }
-    };
-    const getListForm = () => {
-      if (dialog.type === "edit") {
-        const v = props.config.edit?.list;
-        if (v && Array.isArray(v) && v.length > 0) {
-          return getColumnList(v);
-        } else {
-          return getColumnList(props.list, (obj) => {
-            return obj.form && obj.noedit !== false;
-          });
-        }
-      } else {
-        const v = props.config.add?.list;
-        if (v && Array.isArray(v) && v.length > 0) {
-          return getColumnList(v);
-        } else {
-          return getColumnList(props.list, (obj) => {
-            return Boolean(obj.form);
-          });
-        }
-      }
-    };
-    const listForm = ref([]);
-    const setListForm = () => {
-      listForm.value = getListForm();
-    };
-    const details = reactive({
-      visible: false,
-      value: {}
-    });
-    const getListDetails = () => {
-      const v = props.config.details?.list;
-      if (v && Array.isArray(v) && v.length > 0) {
-        return getColumnList(v);
-      } else {
-        return getList();
-      }
-    };
-    const list = ref([]);
-    const setListDetails = () => {
-      list.value = getListDetails();
-    };
-    watch(
-      () => props.config,
-      (newValue) => {
-        if (newValue) {
-          if (props.config.table) {
-            tableConfig.value = getTableConfig();
-          }
-          if (props.config.query?.is !== false) {
-            setListQuery();
-            butQuery.value = getButQuery();
-          }
-          if (props.config.details?.is !== false) {
-            setListDetails();
-          }
-          if (props.config.add?.is !== false || props.config.edit?.is !== false) {
-            setListForm();
-          }
-          operationColumn = getOperationColumn();
-          operationTop = getOperationTop();
-        }
-      },
-      {
-        immediate: true,
-        deep: true
-      }
-    );
-    watch(
-      () => props.list,
-      () => {
-        listObj = getListObj();
-        setSetList();
-        if (props.config.query?.is !== false) {
-          setListQuery();
-        }
-        if (props.config.details?.is !== false) {
-          setListDetails();
-        }
-        if (props.config.add?.is !== false || props.config.edit?.is !== false) {
-          setListForm();
-        }
-      },
-      {
-        immediate: true,
-        deep: true
-      }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(cs).z())
-      }, [
-        createVNode(unref(Dialogs), {
-          title: (dialog.type == "add" ? "添加" : "编辑") + props.config.name,
-          modelValue: dialog.visible,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dialog.visible = $event),
-          onConfirm
-        }, {
-          default: withCtx(() => [
-            dialog.visible ? (openBlock(), createBlock(unref(Forms), mergeProps({ key: 0 }, props.config.form, {
-              ref_key: "formRef",
-              ref: formRef,
-              modelValue: dialog.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dialog.value = $event),
-              options: props.options,
-              compons: props.compons,
-              list: listForm.value,
-              buts: []
-            }), createSlots({ _: 2 }, [
-              renderList(formSlots, (k) => {
-                return {
-                  name: k,
-                  fn: withCtx((scope) => [
-                    unref(slots)["form-" + k] ? renderSlot(_ctx.$slots, "form-" + k, normalizeProps(mergeProps({ key: 0 }, scope))) : renderSlot(_ctx.$slots, k, normalizeProps(mergeProps({ key: 1 }, scope)))
-                  ])
-                };
-              })
-            ]), 1040, ["modelValue", "options", "compons", "list"])) : createCommentVNode("", true)
-          ]),
-          _: 3
-        }, 8, ["title", "modelValue"]),
-        createVNode(unref(Dialogs), {
-          title: props.config.name + "详情",
-          modelValue: details.visible,
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => details.visible = $event),
-          "no-footer": ""
-        }, {
-          default: withCtx(() => [
-            createVNode(unref(Lists), mergeProps(props.config.details?.config, {
-              value: details.value,
-              options: props.options,
-              compons: props.compons,
-              list: list.value
-            }), createSlots({ _: 2 }, [
-              renderList(listSlots, (k) => {
-                return {
-                  name: k,
-                  fn: withCtx((scope) => [
-                    unref(slots)["list-" + k] ? renderSlot(_ctx.$slots, "list-" + k, normalizeProps(mergeProps({ key: 0 }, scope))) : renderSlot(_ctx.$slots, k, normalizeProps(mergeProps({ key: 1 }, scope)))
-                  ])
-                };
-              })
-            ]), 1040, ["value", "options", "compons", "list"])
-          ]),
-          _: 3
-        }, 8, ["title", "modelValue"]),
-        createElementVNode("div", {
-          class: normalizeClass(unref(cs).z("header"))
-        }, [
-          renderSlot(_ctx.$slots, dataSlot.header),
-          props.config.query?.is !== false ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(unref(cs).z("query"))
-          }, [
-            createVNode(unref(Forms), mergeProps(props.config.query?.config, {
-              query: "",
-              "label-position": "auto",
-              "model-value": props.value,
-              options: props.options,
-              compons: props.compons,
-              list: listQuery.value,
-              buts: butQuery.value,
-              onSubmit: onQuery,
-              onCancel: onReset
-            }), createSlots({ _: 2 }, [
-              renderList(querySlots, (k) => {
-                return {
-                  name: k,
-                  fn: withCtx((scope) => [
-                    unref(slots)["query-" + k] ? renderSlot(_ctx.$slots, "query-" + k, normalizeProps(mergeProps({ key: 0 }, scope))) : renderSlot(_ctx.$slots, k, normalizeProps(mergeProps({ key: 1 }, scope)))
-                  ])
-                };
-              })
-            ]), 1040, ["model-value", "options", "compons", "list", "buts"])
-          ], 2)) : createCommentVNode("", true)
-        ], 2),
-        createElementVNode("div", {
-          class: normalizeClass(unref(cs).z("main"))
-        }, [
-          renderSlot(_ctx.$slots, dataSlot.main),
-          createElementVNode("div", {
-            class: normalizeClass(unref(cs).z("table"))
-          }, [
-            createElementVNode("div", {
-              class: normalizeClass(unref(cs).z("table-top"))
-            }, [
-              createElementVNode("div", {
-                class: normalizeClass(unref(cs).z("top-operation"))
-              }, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(operationTop), (item, index) => {
-                  return openBlock(), createBlock(unref(ElButton), {
-                    key: index,
-                    type: item.type,
-                    onClick: withModifiers(($event) => onOperation(item), ["stop"])
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(item.label), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["type", "onClick"]);
-                }), 128)),
-                renderSlot(_ctx.$slots, dataSlot.top)
-              ], 2),
-              props.config.setColumn ? (openBlock(), createBlock(SetColumn, {
-                key: 0,
-                modelValue: setList.value,
-                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => setList.value = $event),
-                list: props.list
-              }, null, 8, ["modelValue", "list"])) : createCommentVNode("", true)
-            ], 2),
-            createVNode(unref(Tablesp), {
-              ref_key: "tableRef",
-              ref: tableRef,
-              load: props.config.query?.is === false,
-              config: tableConfig.value,
-              param: query.value,
-              options: props.options,
-              compons: props.compons,
-              list: tableList.value,
-              onSelection: _cache[4] || (_cache[4] = (array) => selection.value = array),
-              onChange: onRowClick
-            }, createSlots({
-              operation: withCtx(({ row }) => [
-                createElementVNode("div", {
-                  class: normalizeClass(unref(cs).z("operations"))
-                }, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(operationColumn), (item, index) => {
-                    return openBlock(), createBlock(unref(ElButton), {
-                      key: index,
-                      type: item.type,
-                      text: item.text,
-                      onClick: withModifiers(($event) => onOperation(item, row), ["stop"])
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(item.label), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["type", "text", "onClick"]);
-                  }), 128)),
-                  renderSlot(_ctx.$slots, dataSlot.operation, { row })
-                ], 2)
-              ]),
-              _: 2
-            }, [
-              renderList(tableSlots, (k) => {
-                return {
-                  name: k,
-                  fn: withCtx((scope) => [
-                    unref(slots)["table-" + k] ? renderSlot(_ctx.$slots, "table-" + k, normalizeProps(mergeProps({ key: 0 }, scope))) : renderSlot(_ctx.$slots, k, normalizeProps(mergeProps({ key: 1 }, scope)))
-                  ])
-                };
-              })
-            ]), 1032, ["load", "config", "param", "options", "compons", "list"])
-          ], 2)
-        ], 2),
-        createElementVNode("div", {
-          class: normalizeClass(unref(cs).z("footer"))
-        }, [
-          renderSlot(_ctx.$slots, dataSlot.footer)
-        ], 2)
-      ], 2);
-    };
-  }
-});
+import _sfc_main from "./index2.js";
 export {
   _sfc_main as default
 };