@fangzhongya/fang-ui 0.0.11 → 0.0.13

package/dist/components/tables/common/table-list.js

@@ -0,0 +1,125 @@
+import { defineComponent, computed, createElementBlock, openBlock, Fragment, renderList, normalizeStyle, normalizeClass, toDisplayString } from "vue";
+import { eventAliass } from "./util.js";
+import { isObject } from "@fangzhongya/utils/basic/object/isObject";
+import { isArray } from "@fangzhongya/utils/basic/array/isArray";
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "table-list",
+  props: {
+    /**
+     * table列表
+     * {
+     *      label:"列表名称"
+     *      prop:"列表取值"
+     *      type:"列表类型"
+     * }
+     *
+     */
+    tableListObj: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    /**
+     * table数据
+     * row, column, $index
+     *
+     */
+    tableScope: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  emits: ["scope-click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function setValue(v) {
+      if (isArray(v)) {
+        return v;
+      } else if (isObject(v)) {
+        return [v];
+      } else {
+        return [
+          {
+            value: v
+          }
+        ];
+      }
+    }
+    function getValue(row, column, cellValue, index, formatter) {
+      if (formatter) {
+        const v = formatter(row, column, cellValue, index);
+        return setValue(v);
+      } else {
+        return setValue(cellValue);
+      }
+    }
+    const valueArr = computed(() => {
+      var _a;
+      const prop = props.tableListObj.prop || "";
+      const row = props.tableScope.row || {};
+      const column = props.tableScope.column || {};
+      const cellValue = row[prop];
+      const index = props.tableScope.$index;
+      const formatter = props.tableListObj.formatter;
+      const configFormatter = (_a = props.tableListObj.config) == null ? void 0 : _a.formatter;
+      if (configFormatter) {
+        const arr = configFormatter(row, column, cellValue, index);
+        return setValue(arr);
+      } else {
+        return getValue(row, column, cellValue, index, formatter);
+      }
+    });
+    function onClick($event) {
+      let obj = valueArr.value;
+      eventAliass(
+        (callback) => {
+          callback(obj, props.tableScope, props.tableListObj, "list-li");
+        },
+        "click",
+        props.tableListObj,
+        $event
+      );
+      emit("scope-click", obj, props.tableScope, props.tableListObj, "list");
+    }
+    function onClickList(obj, $event) {
+      eventAliass(
+        (callback) => {
+          callback(obj, props.tableScope, props.tableListObj, "list-li");
+        },
+        "click",
+        obj,
+        $event
+      );
+      emit(
+        "scope-click",
+        obj,
+        props.tableScope,
+        props.tableListObj,
+        "list-li"
+      );
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        onClick: _cache[0] || (_cache[0] = ($event) => onClick($event)),
+        class: "table-list"
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(valueArr.value, (item, index) => {
+          return openBlock(), createElementBlock("span", {
+            class: normalizeClass(["table-list-li", item.class]),
+            key: index,
+            onClick: ($event) => onClickList(item, $event),
+            style: normalizeStyle(item.style)
+          }, toDisplayString(item.value), 15, _hoisted_1);
+        }), 128))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/tables/common/table-list2.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const tableList_vue_vue_type_script_setup_true_lang = require("./table-list.cjs");
+exports.default = tableList_vue_vue_type_script_setup_true_lang.default;

package/dist/components/tables/common/table-list2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./table-list.js";
+export {
+  _sfc_main as default
+};

package/dist/components/tables/common/util.cjs

@@ -0,0 +1,134 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require$$0 = require("vue");
+const splitUpper = require("@fangzhongya/utils/basic/string/splitUpper");
+const isArray = require("@fangzhongya/utils/basic/array/isArray");
+require("@fangzhongya/utils/basic/object/isObject");
+require("@fangzhongya/utils/basic/string/firstLower");
+require("@fangzhongya/utils/basic/object/hasOwn");
+const firstUpper = require("@fangzhongya/utils/basic/string/firstUpper");
+require("@fangzhongya/utils/name/lineToLargeHump");
+require("@fangzhongya/utils/name/lineToSmallHump");
+require("@fangzhongya/utils/name/humpToLine");
+require("@fangzhongya/utils/basic/object/deepCopy");
+require("@fangzhongya/utils/basic/Array/toggleArray");
+require("@fangzhongya/utils/basic/object/objValue");
+require("../../../utils/vues/getBuildProps.cjs");
+require("@fangzhongya/utils/css/setObjStyle");
+require("@fangzhongya/utils/css/getCss");
+const index = require("../../../hooks/inherit/index.cjs");
+function setMinWidth(obj, props) {
+  const config = (props == null ? void 0 : props.table) ?? {};
+  if (obj.width) {
+    return;
+  }
+  const minWidth = index.useAttrValue(obj, "minWidth");
+  if (minWidth) {
+    if (typeof minWidth == "function") {
+      return minWidth(obj, config);
+    } else if (typeof minWidth == "boolean") {
+      return (obj.label || "").length * 16 + 24;
+    } else {
+      return minWidth;
+    }
+  } else {
+    const minWidth2 = index.useAttrValue(config, "minWidth");
+    if (minWidth2) {
+      return minWidth2;
+    } else {
+      return;
+    }
+  }
+}
+const eventAliasObj = {
+  //.stop - 调用 event.stopPropagation()。
+  stop(event) {
+    event.stopPropagation();
+    return true;
+  },
+  // .prevent - 调用 event.preventDefault()。
+  prevent(event) {
+    event.preventDefault();
+    return true;
+  },
+  // .self - 只有事件从元素本身发出才触发处理函数。
+  self(event) {
+    return event.target === event.currentTarget;
+  },
+  // .once - 最多触发一次处理函数。
+  once(event) {
+    var _a;
+    if ((_a = event.currentTarget) == null ? void 0 : _a.__once__) {
+      return false;
+    } else {
+      if (event.currentTarget) {
+        event.currentTarget.__once__ = true;
+      }
+      return true;
+    }
+  }
+  // .capture - 在捕获模式添加事件监听器。
+  // 处理事件是异步的，只有在触发了事件后才执行方法,
+  // 目前无法支持 capture
+  // capture(event) {
+  //     console.log('event', event);
+  //     return true;
+  // },
+};
+function eventAlias(key, callback, obj, $event) {
+  let is = false;
+  const name = "on" + firstUpper.firstUpper(key);
+  const arr = [];
+  Object.keys(obj).forEach((k) => {
+    if (k.startsWith(name)) {
+      arr.push(k);
+    }
+  });
+  const reg = new RegExp("^" + name);
+  arr.forEach((v) => {
+    let s = v.replace(reg, "");
+    if (s && $event) {
+      let ns = splitUpper.splitUpper(s);
+      if (ns.includes("passive")) {
+        ns = ns.filter((k) => {
+          return k != "prevent";
+        });
+      }
+      const fn = () => {
+        if (ns.includes("once")) {
+          let isc = eventAliasObj.once($event);
+          if (isc) {
+            callback(obj[v]);
+          }
+        } else {
+          callback(obj[v]);
+        }
+      };
+      require$$0.withModifiers(fn, ns)();
+    } else {
+      callback(obj[v]);
+    }
+    is = true;
+  });
+  return is;
+}
+function eventAliass(callback, arr, obj, $event) {
+  let is = false;
+  if (callback && obj) {
+    if (arr && arr.length > 0) {
+      if (isArray.isArray(arr)) {
+        arr = arr;
+        arr.forEach((key) => {
+          if (eventAlias(key, callback, obj, $event)) {
+            is = true;
+          }
+        });
+      } else {
+        is = eventAlias(arr, callback, obj, $event);
+      }
+    }
+  }
+  return is;
+}
+exports.eventAliass = eventAliass;
+exports.setMinWidth = setMinWidth;

package/dist/components/tables/common/util.d.ts

@@ -0,0 +1,9 @@
+export declare function setMinWidth(obj: ObjAny, props?: ObjAny): any;
+/**
+ * 支持事件别名处理
+ * @param {*} callback
+ * @param {*} arr
+ * @param {*} obj
+ * @param {*} $event
+ */
+export declare function eventAliass(callback: Function, arr: string | string[], obj: ObjAny, $event: Event): boolean;

package/dist/components/tables/common/util.js

@@ -0,0 +1,134 @@
+import { withModifiers } from "vue";
+import { splitUpper } from "@fangzhongya/utils/basic/string/splitUpper";
+import { isArray } from "@fangzhongya/utils/basic/array/isArray";
+import "@fangzhongya/utils/basic/object/isObject";
+import "@fangzhongya/utils/basic/string/firstLower";
+import "@fangzhongya/utils/basic/object/hasOwn";
+import { firstUpper } from "@fangzhongya/utils/basic/string/firstUpper";
+import "@fangzhongya/utils/name/lineToLargeHump";
+import "@fangzhongya/utils/name/lineToSmallHump";
+import "@fangzhongya/utils/name/humpToLine";
+import "@fangzhongya/utils/basic/object/deepCopy";
+import "@fangzhongya/utils/basic/Array/toggleArray";
+import "@fangzhongya/utils/basic/object/objValue";
+import "../../../utils/vues/getBuildProps.js";
+import "@fangzhongya/utils/css/setObjStyle";
+import "@fangzhongya/utils/css/getCss";
+import { useAttrValue } from "../../../hooks/inherit/index.js";
+function setMinWidth(obj, props) {
+  const config = (props == null ? void 0 : props.table) ?? {};
+  if (obj.width) {
+    return;
+  }
+  const minWidth = useAttrValue(obj, "minWidth");
+  if (minWidth) {
+    if (typeof minWidth == "function") {
+      return minWidth(obj, config);
+    } else if (typeof minWidth == "boolean") {
+      return (obj.label || "").length * 16 + 24;
+    } else {
+      return minWidth;
+    }
+  } else {
+    const minWidth2 = useAttrValue(config, "minWidth");
+    if (minWidth2) {
+      return minWidth2;
+    } else {
+      return;
+    }
+  }
+}
+const eventAliasObj = {
+  //.stop - 调用 event.stopPropagation()。
+  stop(event) {
+    event.stopPropagation();
+    return true;
+  },
+  // .prevent - 调用 event.preventDefault()。
+  prevent(event) {
+    event.preventDefault();
+    return true;
+  },
+  // .self - 只有事件从元素本身发出才触发处理函数。
+  self(event) {
+    return event.target === event.currentTarget;
+  },
+  // .once - 最多触发一次处理函数。
+  once(event) {
+    var _a;
+    if ((_a = event.currentTarget) == null ? void 0 : _a.__once__) {
+      return false;
+    } else {
+      if (event.currentTarget) {
+        event.currentTarget.__once__ = true;
+      }
+      return true;
+    }
+  }
+  // .capture - 在捕获模式添加事件监听器。
+  // 处理事件是异步的，只有在触发了事件后才执行方法,
+  // 目前无法支持 capture
+  // capture(event) {
+  //     console.log('event', event);
+  //     return true;
+  // },
+};
+function eventAlias(key, callback, obj, $event) {
+  let is = false;
+  const name = "on" + firstUpper(key);
+  const arr = [];
+  Object.keys(obj).forEach((k) => {
+    if (k.startsWith(name)) {
+      arr.push(k);
+    }
+  });
+  const reg = new RegExp("^" + name);
+  arr.forEach((v) => {
+    let s = v.replace(reg, "");
+    if (s && $event) {
+      let ns = splitUpper(s);
+      if (ns.includes("passive")) {
+        ns = ns.filter((k) => {
+          return k != "prevent";
+        });
+      }
+      const fn = () => {
+        if (ns.includes("once")) {
+          let isc = eventAliasObj.once($event);
+          if (isc) {
+            callback(obj[v]);
+          }
+        } else {
+          callback(obj[v]);
+        }
+      };
+      withModifiers(fn, ns)();
+    } else {
+      callback(obj[v]);
+    }
+    is = true;
+  });
+  return is;
+}
+function eventAliass(callback, arr, obj, $event) {
+  let is = false;
+  if (callback && obj) {
+    if (arr && arr.length > 0) {
+      if (isArray(arr)) {
+        arr = arr;
+        arr.forEach((key) => {
+          if (eventAlias(key, callback, obj, $event)) {
+            is = true;
+          }
+        });
+      } else {
+        is = eventAlias(arr, callback, obj, $event);
+      }
+    }
+  }
+  return is;
+}
+export {
+  eventAliass,
+  setMinWidth
+};

package/dist/components/tables/index.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const withInstall = require("../../utils/vues/withInstall.cjs");
+const index = require("./src/index.cjs");
+const Tables = withInstall.withInstall(index.default, "Tables");
+exports.Tables = Tables;
+exports.default = Tables;

package/dist/components/tables/index.css

@@ -0,0 +1,22 @@
+.table-pag[data-v-c77f76db] {
+  width: 100%;
+  height: 100%;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+.table-pag .table-pag-main[data-v-c77f76db] {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+}
+.table-pag .table-pag-main.is-radio[data-v-c77f76db] .el-table__header .el-table-column--selection .el-checkbox {
+  display: none;
+}
+.table-pag .table-pag-paginat[data-v-c77f76db] {
+  overflow: hidden;
+}
+.table-pag .table-pag-paginat .el-pagination[data-v-c77f76db] {
+  justify-content: flex-end;
+}

package/dist/components/tables/index.js

@@ -0,0 +1,7 @@
+import { withInstall } from "../../utils/vues/withInstall.js";
+import SrcVue from "./src/index.js";
+const Tables = withInstall(SrcVue, "Tables");
+export {
+  Tables,
+  Tables as default
+};

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index_vue_vue_type_script_setup_true_lang = require("./index2.cjs");
+;/* empty css         */
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.cjs");
+const SrcVue = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-c77f76db"]]);
+exports.default = SrcVue;

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

@@ -0,0 +1,7 @@
+import _sfc_main from "./index2.js";
+/* empty css       */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const SrcVue = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c77f76db"]]);
+export {
+  SrcVue as default
+};

package/dist/components/tables/src/index2.cjs

@@ -0,0 +1,115 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$0 = require("vue");
+const index$2 = require("../../el-tables/index.cjs");
+const index$1 = require("../../vxe-tables/index.cjs");
+const index$3 = require("../../pagin/index.cjs");
+const pagin = require("../common/pagin.cjs");
+const index = require("../../../hooks/cssname/index.cjs");
+const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+  __name: "index",
+  props: pagin.dataProps,
+  emits: pagin.dataEmit,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = index.useCssName("table-pag");
+    const slots = require$$0.useSlots();
+    const props = __props;
+    const emit = __emit;
+    const refTable = require$$0.ref();
+    const {
+      getSelection,
+      initData,
+      getData,
+      empty,
+      loading,
+      tableList,
+      tableConfig,
+      onRadioChange,
+      onSortChange,
+      onListEvents,
+      onSelect,
+      onRowClick,
+      onChange,
+      pagconfig,
+      formEvent,
+      onSizeChange,
+      onCurrentChange,
+      paginat,
+      data
+    } = pagin.useInit(props, emit, refTable);
+    __expose({
+      getSelection,
+      initData,
+      getList: getData,
+      empty
+    });
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d;
+      return require$$0.openBlock(), require$$0.createElementBlock("div", {
+        class: require$$0.normalizeClass(require$$0.unref(cs).z())
+      }, [
+        require$$0.unref(tableConfig).type == 1 ? (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$1.VxeTables), require$$0.mergeProps({ key: 0 }, require$$0.unref(tableConfig).config, require$$0.toHandlers(require$$0.unref(formEvent)), {
+          ref_key: "refTable",
+          ref: refTable,
+          class: [require$$0.unref(cs).z("main")],
+          size: (_a = require$$0.unref(tableConfig).config) == null ? void 0 : _a.size,
+          value: require$$0.unref(data).list,
+          list: require$$0.unref(tableList),
+          paginat: require$$0.unref(paginat),
+          loading: require$$0.unref(loading),
+          options: props.options,
+          compons: props.compons,
+          onSortChange: require$$0.unref(onSortChange),
+          onRadioChange: require$$0.unref(onRadioChange),
+          onSelectionChange: require$$0.unref(onChange),
+          onListEvents: require$$0.unref(onListEvents)
+        }), require$$0.createSlots({ _: 2 }, [
+          require$$0.renderList(Object.keys(require$$0.unref(slots)), (k, i) => {
+            return {
+              name: k,
+              fn: require$$0.withCtx((scope) => [
+                require$$0.renderSlot(_ctx.$slots, k, require$$0.normalizeProps(require$$0.guardReactiveProps(scope)), void 0, true)
+              ])
+            };
+          })
+        ]), 1040, ["class", "size", "value", "list", "paginat", "loading", "options", "compons", "onSortChange", "onRadioChange", "onSelectionChange", "onListEvents"])) : (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$2.ElTables), require$$0.mergeProps({ key: 1 }, require$$0.unref(tableConfig).config, require$$0.toHandlers(require$$0.unref(formEvent)), {
+          ref_key: "refTable",
+          ref: refTable,
+          class: [
+            require$$0.unref(cs).z("main"),
+            require$$0.unref(cs).is("radio", (_b = require$$0.unref(tableConfig).config) == null ? void 0 : _b.isradio)
+          ],
+          value: require$$0.unref(data).list,
+          list: require$$0.unref(tableList),
+          size: (_c = require$$0.unref(tableConfig).config) == null ? void 0 : _c.size,
+          paginat: require$$0.unref(paginat),
+          loading: require$$0.unref(loading),
+          options: props.options,
+          compons: props.compons,
+          onSortChange: require$$0.unref(onSortChange),
+          onListEvents: require$$0.unref(onListEvents),
+          onSelect: require$$0.unref(onSelect),
+          onRowClick: require$$0.unref(onRowClick),
+          onSelectionChange: require$$0.unref(onChange)
+        }), require$$0.createSlots({ _: 2 }, [
+          require$$0.renderList(Object.keys(require$$0.unref(slots)), (k, i) => {
+            return {
+              name: k,
+              fn: require$$0.withCtx((scope) => [
+                require$$0.renderSlot(_ctx.$slots, k, require$$0.normalizeProps(require$$0.guardReactiveProps(scope)), void 0, true)
+              ])
+            };
+          })
+        ]), 1040, ["class", "value", "list", "size", "paginat", "loading", "options", "compons", "onSortChange", "onListEvents", "onSelect", "onRowClick", "onSelectionChange"])),
+        ((_d = require$$0.unref(tableConfig).paginat) == null ? void 0 : _d.is) ? (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$3.Pagin), require$$0.mergeProps({ key: 2 }, require$$0.unref(pagconfig), {
+          class: require$$0.unref(cs).z("paginat"),
+          paginat: require$$0.unref(paginat),
+          total: require$$0.unref(data).total,
+          onSizeChange: require$$0.unref(onSizeChange),
+          onCurrentChange: require$$0.unref(onCurrentChange)
+        }), null, 16, ["class", "paginat", "total", "onSizeChange", "onCurrentChange"])) : require$$0.createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;