@fangzhongya/fang-ui 0.0.28 → 0.0.30

package/dist/components/page/index.scss

@@ -1,5 +1,9 @@
 @use '../css/common.scss' as *;
 
+@use '../forms/index.scss' as *;
+@use '../lists/index.scss' as *;
+@use '../dialog/index.scss' as *;
+@use '../tablesp/index.scss' as *;
 $page: 'page';
 @include b($page) {
 	height: 100%;

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

@@ -3,10 +3,12 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const index = require("../../../hooks/cssname/index.cjs");
 const index$2 = require("../../forms/index.cjs");
-const index$4 = require("../../tables-pagin/index.cjs");
+const index$5 = require("../../tablesp/index.cjs");
 const index$3 = require("../../lists/index.cjs");
 const index$1 = require("../../dialog/index.cjs");
-const elementPlus = require("element-plus");
+const index$4 = require("element-plus/es/components/button/index");
+const index$6 = require("element-plus/es/components/message/index");
+const index$7 = require("element-plus/es/components/message-box/index");
 const setColumn = require("./set-column.cjs");
 const urls = require("../../common/urls.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -109,8 +111,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const query = vue.ref(props.value);
     const isSenior = vue.ref(false);
     const getListQuery = () => {
-      var _a;
-      const v = (_a = props.config.query) == null ? void 0 : _a.list;
+      const v = props.config.query?.list;
       if (v && Array.isArray(v) && v.length > 0) {
         return getColumnList(v);
       } else {
@@ -123,9 +124,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     const listQuery = vue.ref([]);
     const setListQuery = () => {
-      var _a;
       const list2 = getListQuery();
-      if ((_a = props.config.query) == null ? void 0 : _a.senior) {
+      if (props.config.query?.senior) {
         let i = 0;
         list2.forEach((obj) => {
           if (obj.querybasis) {
@@ -143,8 +143,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       listQuery.value = list2;
     };
     const onRefresh = () => {
-      var _a;
-      (_a = tableRef.value) == null ? void 0 : _a.getList();
+      tableRef.value?.getList();
     };
     const onQuery = (data) => {
       console.log("onQuery", data);
@@ -152,9 +151,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       onRefresh();
     };
     const onReset = (data) => {
-      var _a;
       console.log("onReset", data);
-      if ((_a = props.config.query) == null ? void 0 : _a.reset) {
+      if (props.config.query?.reset) {
         query.value = data;
         onRefresh();
       }
@@ -170,7 +168,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     const butQuery = vue.ref([]);
     const getButQuery = () => {
-      var _a;
       const arr = [
         {
           _id: "1",
@@ -183,7 +180,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           type: "default"
         }
       ];
-      if ((_a = props.config.query) == null ? void 0 : _a.senior) {
+      if (props.config.query?.senior) {
         const obj = {
           _id: "3",
           label: "高级",
@@ -219,9 +216,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       setList.value = getList();
     };
     const tableList = vue.computed(() => {
-      var _a;
       const arr = [];
-      if (((_a = props.config.table) == null ? void 0 : _a.operation) !== false) {
+      if (props.config.table?.operation !== false) {
         arr.push({
           prop: "operation",
           label: "操作",
@@ -234,9 +230,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     let operationColumn = [];
     const getOperationColumn = () => {
-      var _a, _b, _c;
       const array = [];
-      if (((_a = props.config.edit) == null ? void 0 : _a.is) !== false) {
+      if (props.config.edit?.is !== false) {
         array.push({
           prop: 2,
           label: "编辑",
@@ -244,7 +239,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           text: true
         });
       }
-      if (((_b = props.config.delete) == null ? void 0 : _b.is) !== false) {
+      if (props.config.delete?.is !== false) {
         array.push({
           prop: 4,
           label: "删除",
@@ -252,7 +247,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           text: true
         });
       }
-      if (((_c = props.config.details) == null ? void 0 : _c.is) !== false) {
+      if (props.config.details?.is !== false) {
         array.push({
           prop: 9,
           label: "详情",
@@ -264,16 +259,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     let operationTop = [];
     const getOperationTop = () => {
-      var _a, _b, _c;
       const array = [];
-      if (((_a = props.config.add) == null ? void 0 : _a.is) !== false) {
+      if (props.config.add?.is !== false) {
         array.push({
           prop: 1,
           label: "添加",
           type: "primary"
         });
       }
-      if (((_b = props.config.delete) == null ? void 0 : _b.is) !== false && ((_c = tableConfig.value.config) == null ? void 0 : _c.ischecked)) {
+      if (props.config.delete?.is !== false && tableConfig.value.config?.ischecked) {
         array.push({
           prop: 8,
           label: "批量删除",
@@ -283,43 +277,41 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return array;
     };
     const onDelete = (array) => {
-      var _a, _b, _c;
       const ts = ["是否删除所选" + props.config.name + "？"];
-      const label = ((_a = props.config.delete) == null ? void 0 : _a.label) || "name";
-      const prop = ((_b = props.config.delete) == null ? void 0 : _b.prop) || "id";
-      const name = ((_c = listObj[label]) == null ? void 0 : _c.label) || "内容";
+      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] ?? ""));
       });
-      elementPlus.ElMessageBox.confirm(ts.join("<br>"), "提示", {
+      index$7.ElMessageBox.confirm(ts.join("<br>"), "提示", {
         confirmButtonText: "确认",
         cancelButtonText: "取消",
         type: "warning",
         dangerouslyUseHTMLString: true
       }).then(() => {
-        var _a2, _b2;
-        const name2 = ((_a2 = props.config.delete) == null ? void 0 : _a2.name) || "ids";
+        const name2 = props.config.delete?.name || "ids";
         const value = { [name2]: array.map((o) => o[prop]) };
         console.log("onDelete", value);
-        const ajax = (_b2 = props.config.delete) == null ? void 0 : _b2.ajax;
+        const ajax = props.config.delete?.ajax;
         if (ajax) {
           const param = {
             param: props.value
           };
           if (typeof ajax === "object") {
-            param.onRequestBefore = ajax == null ? void 0 : ajax.onRequestBefore;
-            param.onRequestAfter = ajax == null ? void 0 : ajax.onRequestAfter;
-            param.ajax = ajax == null ? void 0 : ajax.url;
-            param.ajaxConfig = ajax == null ? void 0 : ajax.config;
+            param.onRequestBefore = ajax?.onRequestBefore;
+            param.onRequestAfter = ajax?.onRequestAfter;
+            param.ajax = ajax?.url;
+            param.ajaxConfig = ajax?.config;
           } else {
             param.ajax = ajax;
           }
           urls.comHandle(param, value).then((res) => {
             if (res.result) {
-              elementPlus.ElMessage.success(res.info || "删除成功");
+              index$6.ElMessage.success(res.info || "删除成功");
               onRefresh();
             } else {
-              elementPlus.ElMessage.error(res.info || "删除失败");
+              index$6.ElMessage.error(res.info || "删除失败");
             }
           }).catch((err) => {
             console.error("删除失败", err);
@@ -333,10 +325,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       });
     };
     const onOperation = (item, row = {}) => {
-      var _a, _b;
       if (item.prop === 1) {
         dialog.value = {
-          ...(_a = props.config.add) == null ? void 0 : _a.value
+          ...props.config.add?.value
         };
         dialog.type = "add";
         dialog.visible = true;
@@ -350,23 +341,23 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       } else if (item.prop === 8) {
         console.log("批量删除", selection.value);
         if (selection.value.length === 0) {
-          elementPlus.ElMessage.warning("请至少选择一条记录");
+          index$6.ElMessage.warning("请至少选择一条记录");
           return;
         }
         onDelete(selection.value);
       } else if (item.prop === 9) {
         details.value = row;
         details.visible = true;
-        const ajax = (_b = props.config.details) == null ? void 0 : _b.ajax;
+        const ajax = props.config.details?.ajax;
         if (ajax) {
           const param = {
             param: props.value
           };
           if (typeof ajax === "object") {
-            param.onRequestBefore = ajax == null ? void 0 : ajax.onRequestBefore;
-            param.onRequestAfter = ajax == null ? void 0 : ajax.onRequestAfter;
-            param.ajax = ajax == null ? void 0 : ajax.url;
-            param.ajaxConfig = ajax == null ? void 0 : ajax.config;
+            param.onRequestBefore = ajax?.onRequestBefore;
+            param.onRequestAfter = ajax?.onRequestAfter;
+            param.ajax = ajax?.url;
+            param.ajaxConfig = ajax?.config;
           } else {
             param.ajax = ajax;
           }
@@ -375,7 +366,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               details.value = res.data || row;
               details.visible = true;
             } else {
-              elementPlus.ElMessage.error(res.info || "查询详情失败");
+              index$6.ElMessage.error(res.info || "查询详情失败");
             }
           }).catch((err) => {
             console.error("查询详情失败", err);
@@ -433,31 +424,30 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const onConfirm = () => {
       if (formRef.value) {
         formRef.value.validate().then((data) => {
-          var _a, _b;
           if (dialog.type === "add") {
             console.log("添加", data);
-            const ajax = (_a = props.config.add) == null ? void 0 : _a.ajax;
+            const ajax = props.config.add?.ajax;
             if (ajax) {
               const param = {
                 param: props.value
               };
               if (typeof ajax === "object") {
-                param.onRequestBefore = ajax == null ? void 0 : ajax.onRequestBefore;
-                param.onRequestAfter = ajax == null ? void 0 : ajax.onRequestAfter;
-                param.ajax = ajax == null ? void 0 : ajax.url;
-                param.ajaxConfig = ajax == null ? void 0 : ajax.config;
+                param.onRequestBefore = ajax?.onRequestBefore;
+                param.onRequestAfter = ajax?.onRequestAfter;
+                param.ajax = ajax?.url;
+                param.ajaxConfig = ajax?.config;
               } else {
                 param.ajax = ajax;
               }
               urls.comHandle(param, data).then((res) => {
                 if (res.result) {
-                  elementPlus.ElMessage.success(
+                  index$6.ElMessage.success(
                     res.info || "添加成功"
                   );
                   dialog.visible = false;
                   onRefresh();
                 } else {
-                  elementPlus.ElMessage.error(res.info || "添加失败");
+                  index$6.ElMessage.error(res.info || "添加失败");
                 }
               }).catch((err) => {
                 console.error("添加失败", err);
@@ -470,28 +460,28 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             }
           } else if (dialog.type === "edit") {
             console.log("编辑", data);
-            const ajax = (_b = props.config.edit) == null ? void 0 : _b.ajax;
+            const ajax = props.config.edit?.ajax;
             if (ajax) {
               const param = {
                 param: props.value
               };
               if (typeof ajax === "object") {
-                param.onRequestBefore = ajax == null ? void 0 : ajax.onRequestBefore;
-                param.onRequestAfter = ajax == null ? void 0 : ajax.onRequestAfter;
-                param.ajax = ajax == null ? void 0 : ajax.url;
-                param.ajaxConfig = ajax == null ? void 0 : ajax.config;
+                param.onRequestBefore = ajax?.onRequestBefore;
+                param.onRequestAfter = ajax?.onRequestAfter;
+                param.ajax = ajax?.url;
+                param.ajaxConfig = ajax?.config;
               } else {
                 param.ajax = ajax;
               }
               urls.comHandle(param, data).then((res) => {
                 if (res.result) {
-                  elementPlus.ElMessage.success(
+                  index$6.ElMessage.success(
                     res.info || "编辑成功"
                   );
                   dialog.visible = false;
                   onRefresh();
                 } else {
-                  elementPlus.ElMessage.error(res.info || "编辑失败");
+                  index$6.ElMessage.error(res.info || "编辑失败");
                 }
               }).catch((err) => {
                 console.error("编辑失败", err);
@@ -509,9 +499,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const getListForm = () => {
-      var _a, _b;
       if (dialog.type === "edit") {
-        const v = (_a = props.config.edit) == null ? void 0 : _a.list;
+        const v = props.config.edit?.list;
         if (v && Array.isArray(v) && v.length > 0) {
           return getColumnList(v);
         } else {
@@ -520,7 +509,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           });
         }
       } else {
-        const v = (_b = props.config.add) == null ? void 0 : _b.list;
+        const v = props.config.add?.list;
         if (v && Array.isArray(v) && v.length > 0) {
           return getColumnList(v);
         } else {
@@ -539,8 +528,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       value: {}
     });
     const getListDetails = () => {
-      var _a;
-      const v = (_a = props.config.details) == null ? void 0 : _a.list;
+      const v = props.config.details?.list;
       if (v && Array.isArray(v) && v.length > 0) {
         return getColumnList(v);
       } else {
@@ -554,19 +542,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     vue.watch(
       () => props.config,
       (newValue) => {
-        var _a, _b, _c, _d;
         if (newValue) {
           if (props.config.table) {
             tableConfig.value = getTableConfig();
           }
-          if (((_a = props.config.query) == null ? void 0 : _a.is) !== false) {
+          if (props.config.query?.is !== false) {
             setListQuery();
             butQuery.value = getButQuery();
           }
-          if (((_b = props.config.details) == null ? void 0 : _b.is) !== false) {
+          if (props.config.details?.is !== false) {
             setListDetails();
           }
-          if (((_c = props.config.add) == null ? void 0 : _c.is) !== false || ((_d = props.config.edit) == null ? void 0 : _d.is) !== false) {
+          if (props.config.add?.is !== false || props.config.edit?.is !== false) {
             setListForm();
           }
           operationColumn = getOperationColumn();
@@ -581,16 +568,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     vue.watch(
       () => props.list,
       () => {
-        var _a, _b, _c, _d;
         listObj = getListObj();
         setSetList();
-        if (((_a = props.config.query) == null ? void 0 : _a.is) !== false) {
+        if (props.config.query?.is !== false) {
           setListQuery();
         }
-        if (((_b = props.config.details) == null ? void 0 : _b.is) !== false) {
+        if (props.config.details?.is !== false) {
           setListDetails();
         }
-        if (((_c = props.config.add) == null ? void 0 : _c.is) !== false || ((_d = props.config.edit) == null ? void 0 : _d.is) !== false) {
+        if (props.config.add?.is !== false || props.config.edit?.is !== false) {
           setListForm();
         }
       },
@@ -600,7 +586,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      var _a, _b, _c;
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(vue.unref(cs).z())
       }, [
@@ -639,37 +624,34 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => details.visible = $event),
           "no-footer": ""
         }, {
-          default: vue.withCtx(() => {
-            var _a2;
-            return [
-              vue.createVNode(vue.unref(index$3.Lists), vue.mergeProps((_a2 = props.config.details) == null ? void 0 : _a2.config, {
-                value: details.value,
-                options: props.options,
-                compons: props.compons,
-                list: list.value
-              }), vue.createSlots({ _: 2 }, [
-                vue.renderList(listSlots, (k) => {
-                  return {
-                    name: k,
-                    fn: vue.withCtx((scope) => [
-                      vue.unref(slots)["list-" + k] ? vue.renderSlot(_ctx.$slots, "list-" + k, vue.normalizeProps(vue.mergeProps({ key: 0 }, scope))) : vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.mergeProps({ key: 1 }, scope)))
-                    ])
-                  };
-                })
-              ]), 1040, ["value", "options", "compons", "list"])
-            ];
-          }),
+          default: vue.withCtx(() => [
+            vue.createVNode(vue.unref(index$3.Lists), vue.mergeProps(props.config.details?.config, {
+              value: details.value,
+              options: props.options,
+              compons: props.compons,
+              list: list.value
+            }), vue.createSlots({ _: 2 }, [
+              vue.renderList(listSlots, (k) => {
+                return {
+                  name: k,
+                  fn: vue.withCtx((scope) => [
+                    vue.unref(slots)["list-" + k] ? vue.renderSlot(_ctx.$slots, "list-" + k, vue.normalizeProps(vue.mergeProps({ key: 0 }, scope))) : vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.mergeProps({ key: 1 }, scope)))
+                  ])
+                };
+              })
+            ]), 1040, ["value", "options", "compons", "list"])
+          ]),
           _: 3
         }, 8, ["title", "modelValue"]),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(vue.unref(cs).z("header"))
         }, [
           vue.renderSlot(_ctx.$slots, dataSlot.header),
-          ((_a = props.config.query) == null ? void 0 : _a.is) !== false ? (vue.openBlock(), vue.createElementBlock("div", {
+          props.config.query?.is !== false ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: vue.normalizeClass(vue.unref(cs).z("query"))
           }, [
-            vue.createVNode(vue.unref(index$2.Forms), vue.mergeProps((_b = props.config.query) == null ? void 0 : _b.config, {
+            vue.createVNode(vue.unref(index$2.Forms), vue.mergeProps(props.config.query?.config, {
               query: "",
               "label-position": "auto",
               "model-value": props.value,
@@ -705,7 +687,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 class: vue.normalizeClass(vue.unref(cs).z("top-operation"))
               }, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(operationTop), (item, index2) => {
-                  return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
+                  return vue.openBlock(), vue.createBlock(vue.unref(index$4.ElButton), {
                     key: index2,
                     type: item.type,
                     onClick: vue.withModifiers(($event) => onOperation(item), ["stop"])
@@ -725,10 +707,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 list: props.list
               }, null, 8, ["modelValue", "list"])) : vue.createCommentVNode("", true)
             ], 2),
-            vue.createVNode(vue.unref(index$4.TablesPagin), {
+            vue.createVNode(vue.unref(index$5.Tablesp), {
               ref_key: "tableRef",
               ref: tableRef,
-              load: ((_c = props.config.query) == null ? void 0 : _c.is) === false,
+              load: props.config.query?.is === false,
               config: tableConfig.value,
               param: query.value,
               options: props.options,
@@ -742,7 +724,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   class: vue.normalizeClass(vue.unref(cs).z("operations"))
                 }, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(operationColumn), (item, index2) => {
-                    return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
+                    return vue.openBlock(), vue.createBlock(vue.unref(index$4.ElButton), {
                       key: index2,
                       type: item.type,
                       text: item.text,